Question

我过去曾使用aframe创建网站，但这次我坚持这个问题。每当我在本地测试我的代码时，它在Firefox中运行得非常好，但是在Chrome或Safari中测试时没有任何内容。我尝试使用完全相同的代码在Neocities.org（nightmarinparis.neocities.org）上托管该网站，无论您使用的是Firefox，Safari还是Chrome，都无法显示。任何关于我做错事的帮助都会令人惊讶，我一直想弄清楚几个小时。下面是代码：

<!DOCTYPE HTML>

<meta charset="utf-8" />

<script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>



  <title>Nightmares In Paris </title>

  <link rel="icon" href="favicon.png" />

<a-scene rain="" class="fullscreen" canvas="" inspector="" keyboard-shortcuts="" screenshot="" vr-mode-ui="">

    <a-assets>

    <img id="sky" src="Storm.jpg">

      <a-asset-item id="eiffel" src="eiffel.obj"></a-asset-item>

      <a-asset-item id="bat" src="bat.obj"></a-asset-item>

    </a-assets>

      <!-- Sky -->
    <a-sky src="#sky" material="" geometry=""></a-sky>

      <!-- Ground -->
    <a-plane src="grass.jpg" width="7000px" height="7000px" rotation="270 0 0" position="0 -1500 0" visible="false" material="" geometry=""></a-plane>

      <!-- Bats -->

    <a-obj-model src="#bat" position="613.517 546.477 -1655.234" rotation="-36.326 150.058 -128.801" material="color:#121212" obj-model="">
    </a-obj-model>

    <a-obj-model src="#bat" position="-909.061 546.477 -2422.7" rotation="-59.01465289847479 131.6084055415501 -112.29972784564136" material="color:#121212">
    </a-obj-model>

    <a-obj-model src="#bat" position="-122.324 -534.864 -1486.223" rotation="26.35605857601787 27.559269945792597 31.455382952682196" material="color:#121212">   
    </a-obj-model>

    <a-obj-model src="#bat" position="1786.062 368.994 -2422.7" rotation="31.341 29.049 34.549" material="color:#121212" obj-model="">
    </a-obj-model>

    <a-obj-model src="#bat" position="-234.581 1009.819 -4363.575" rotation="31.340791393656033 29.048960213132737 34.54935504638864" material="color:#121212">
    </a-obj-model>

<!-- Eiffel Tower -->

<!-- Buttons -->

    <a-entity   geometry="primitive: box; width: .08; height: 1; depth: 1" width="300px" height="100px" position="-37.789 0 -195.678" scale="0.15 0.2 3.519" 
        link="http://www.cerberus-usa.net" color="white" highlightedColor="#24CAFF">

    </a-entity>

  <!--Camera -->

  <a-camera position="2.513 3.3390000000000004 -126.624" rotation="-7.837858395959163 -529.3555633807466 0" camera="" look-controls="" wasd-controls="">

    <a-entity cursor="fuse:true;fuseTimeout:500" position="0 0 -1" geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03" material="shader:flat;color:cyan"           line="end:0 0 -1000" raycaster="">

    </a-entity>

  </a-camera>

    <a-entity position="0.148 -10.937 0" scale="0.62 1 1" rain="count:10000;color:#5353ff;height:100" mixin="null"></a-entity>

   <canvas class="a-canvas a-grab-cursor" data-aframe-canvas="true" width="1366" height="41" style="width: 1366px; height: 41px;"></canvas>

   </a-scene>

我的aframe代码仅适用于Firefox，而不适用于Chrome或Safari

0 个答案: