在aframe webvr中缩放<a-sky>

时间:2016-03-29 21:38:52

标签: three.js webvr aframe

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

目前我尝试从一个小天空开始并扩大规模:

  <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>

1 个答案:

答案 0 :(得分:1)

缩放Z轴也适用于我to="1000 1000 -1000"

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

A-Frame / https://aframe.io