随机Aframe环境

Question

我想每次进入网站都有随机场景。 所以我想从js脚本返回pickscenario变量在此行<a-entity environment="preset: pickscenario"></a-entity>

这里AFRAME的代码：

<a-entity environment="preset: pickscenario"></a-entity> 
     <script> 
      var scenarios = ['ocean', 'universe', 'forest']; 
      var pickscenario = scenarios[Math.floor(Math.random()*scenarios.length)]; 
      return pickscenario; 
     </script> 

我敢打赌，这是很简单，但我避风港”还没弄明白。

Answer 1

对于脚本把它建议编写组件，这样的效果：

<script type="text/javascript"> 
AFRAME.registerComponent('randomscenario', { 
    init: function(){ 
     var scenarios = ['ocean', 'universe', 'forest']; 
     var pickscenario = scenarios[Math.floor(Math.random()*scenarios.length)]; 
     this.el.setAttribute('environment', { preset: pickscenario}); 
    } 
}); 
</script> 

然后在HTML：加载时的情景

<a-entity randomscenario></a-entity> 

初始化函数被调用。