Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Aframe 网络化A-Frame Gallery A-sky为房间中的所有人带来了变化_Aframe_Webvr - Fatal编程技术网

Aframe 网络化A-Frame Gallery A-sky为房间中的所有人带来了变化

Aframe 网络化A-Frame Gallery A-sky为房间中的所有人带来了变化,aframe,webvr,Aframe,Webvr,我正在尝试使用联网的A-Frame创建A-Frame 360图库。当房间里的一个人点击链接改变图像时,房间里的每个人的环境都必须改变 我使用了NAF Dynamic room示例,并与A-Frame 360图像库合并。我需要帮助了解如何将a-sky属性更改为网络实体 <a-assets> <img id="city" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerpl

我正在尝试使用联网的A-Frame创建A-Frame 360图库。当房间里的一个人点击链接改变图像时,房间里的每个人的环境都必须改变

我使用了NAF Dynamic room示例,并与A-Frame 360图像库合并。我需要帮助了解如何将a-sky属性更改为网络实体

<a-assets>
    <img id="city" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg">
    <img id="city-thumb" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg">
    <img id="cubes-thumb" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-cubes.jpg">
    <img id="sechelt-thumb" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-sechelt.jpg">
    <audio id="click-sound" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio>
    <img id="cubes" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/cubes.jpg">
    <img id="sechelt" crossorigin="anonymous" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/sechelt.jpg">

    <!-- Image link template to be reused. -->
    <script id="link" type="text/html">
      <a-entity class="link"
        geometry="primitive: plane; height: 1; width: 1"
        material="shader: flat; src: ${thumb}"
        event-set__1="_event: mousedown; scale: 1 1 1"
        event-set__2="_event: mouseup; scale: 1.2 1.2 1"
        event-set__3="_event: mouseenter; scale: 1.2 1.2 1"
        event-set__4="_event: mouseleave; scale: 1 1 1"
        set-image="on: click; target: #image-360; src: ${src}"
        sound="on: click; src: #click-sound"></a-entity>
    </script>
  </a-assets>

  <!-- 360-degree image. -->
  <a-sky id="image-360" radius="10" src="#city"></a-sky>

  <!-- Image links. -->
  <a-entity id="links" layout="type: line; margin: 1.5" position="0 -1 -4">
    <a-entity template="src: #link" data-src="#cubes" data-thumb="#cubes-thumb"></a-entity>
    <a-entity template="src: #link" data-src="#city" data-thumb="#city-thumb"></a-entity>
    <a-entity template="src: #link" data-src="#sechelt" data-thumb="#sechelt-thumb"></a-entity>
  </a-entity>
NAF可以发送消息:

// Listener.
NAF.connection.subscribeToDataChannel('changeSky', () => {
  sky.setAttribute('material', 'src', 'texture.jpg');
})

// Broadcaster.
NAF.connection.broadcastDataGuaranteed('changeSky');