在 aframe webvr 中缩放 <a-sky>

Question

我正在处理一个非常简单的 a-frame webvr 场景。我想创建一个 <a-sphere>，当与之交互时，它会缩放以模仿 <a-sky> 组件的大小，因为它将有一个 360 照片 material 映射到内部。

目前我已经尝试从小天空开始并按比例放大：

  <a-sky color="#000" scale="1 1 -1" radius="1">
    <a-animation attribute="scale" dur="10000" begin="500" to="1000 1000 -1"></a-animation>
  </a-sky>

我很好奇如何最好地解决这个问题，目前，当我为比例的增加设置动画时，球体会扩展但只填满了世界视图的一半并且没有封装玩家。我相信这是因为初始半径设置为 1。我应该缩放半径而不是缩放比例吗？或者我应该编写自定义球体组件并避免使用 <a-sky>?

Answer 1

缩放 Z 轴对我也有效to="1000 1000 -1000"

http://codepen.io/team/mozvr/pen/VazpEo?editors=100

A 帧 / https://aframe.io

在 aframe webvr 中缩放 <a-sky>

Scaling an <a-sky> in aframe webvr

three.js

webvr

aframe