我有一个如下所示的webvr场景,但是当加载场景时,屏幕是空白的。只有在场景中使用鼠标移动时,才会出现场景。
<a-scene id="exp-view" style="width: 90vw; height: 90vh;" embedded>
<a-assets>
<a-asset-item id="endo-obj" src="test.obj"></a-asset-item>
</a-assets>
<a-entity position="33 0 -33" rotation="0 180 0" look-controls id="camera" camera="userHeight: 1.6" listener>
<a-grid static-body></a-grid>
<a-box color="#a00" scale="0.3 0.3 0.3" rotation="-90 180 0" dynamic-body="shape: box; mass: 0" position="-10 0 20" width="2" height="2" depth="2"></a-box>
<a-box color="#abc" position="-35 0 0" width="0.001" height="6" depth="70"></a-box>
<a-box color="#abc" position="35 0 0" width="0.001" height="6" depth="70"></a-box>
<a-box color="#abc" position="0 0 -35" width="70" height="6" depth="0.001"></a-box>
<a-box color="#abc" position="0 0 35" width="70" height="6" depth="0.001"></a-box>
<a-light type="ambient" color="#bbb"></a-light>
<a-light color="#ccc" position="0 30 0" distance="100" intensity="0.4" type="point"></a-light>
<a-light color="#ccc" position="3 10 -10" distance="50" intensity="0.4" type="point"></a-light>
<a-entity id="a" template="src: #scene1"></a-entity>
</a-scene>
这是一个几乎没有物体的场景。但是,只有在用户提供了一些输入后才能看到它(例如用鼠标拖动场景)。如何直接显示此场景?