Question

我有这样的代码

HTML

<a-scene embedded>
  <a-sky  src="modules/core/client/img/images/some.jpg" rotation="0 -130 0"></a-sky>
</a-scene>

CSS

a-scene {
  height: 300px;
  width: 50%;
}

标题

<script src="../../../dist/aframe-master.js"></script>

全屏工作（不添加嵌入 a-scene 标记）。添加 嵌入式 后，它给了我这些错误和警告的WebGL。

three.js:17443 THREE.WebGLShader: Shader couldn't compile.
WebGL: INVALID_OPERATION: useProgram: program not valid
three.js:16803 WebGL: INVALID_OPERATION: drawArrays: no valid shader program in use

Answer 1

你需要有一个这样的包装元素：

<div id="wrapper" style="height:600px;width:600px">
    <a-scene embedded style="height:100%;width:100%>
    </a-scene>
</div>

live fiddle here

如何在具有自定义尺寸的a-frame a-scene中显示360图像？

1 个答案: