我正在用three.js构建一个小型3D应用程序。在我的脚本中,我必须添加很多变量,例如“模型大小”,“相机距离”等等。由于更改参数,保存参数并重新运行窗口以查看模型的初始姿势确实很困难,因此我问自己是否有可能实时更新javascript参数(在我的浏览器中)或使用firefox插件或其他浏览器(在生产模式下)给出当前的var(如位置)。

我已经使用firebug尝试了很多事情,并且能够操纵参数,但是无法实时看到其结果。

其他说明:
我正在使用轨道移动模型周围的物体。

我在输出中使用var的代码是

<script>
callback=function(){options={"width":"440","height":"300","background":"ffffff","opacity":"0","modelPosition":[0,0,0],"modelScale":[50,50,50],"ambient":4210752,"directionalPosition":[99,99,99],"directionalColor":16777215,"cssClass":"3d","cssStyle":"float: right","id":"gnet_viewer","fps":"20","camera":[50,50,30],"fov":"70","material":"https:\/\/wow.gnetwork.eu\/assets\/uploads\/2016\/05\/test1.mtl"};wp3d=new WP3D('https://wow.gnetwork.eu/assets/uploads/2016/05/test1-1.obj',options);wp3d.render();}
if(window.addEventListener){window.addEventListener('load',callback,false);}else{window.attachEvent('onload',callback);}
</script>

最佳答案

假设您的动画循环可以处理场景更新,则可以简单地对其进行全局引用并在控制台中对其进行更新。

还有dat.GUI,通常用于此目的。

http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage

09-10 04:16
查看更多