three.js学习笔记 dat.gui.js和stats.js

  Three.js创建的3D场景中常用到的插件包括dat.gui.js和stats.js。

  dat.gui.js用于创建菜单栏，可以用来控制场景中的各个参数来调试场景。

  stats.js用于对JavaScript进行性能检测。

 

 dat.gui.js

1.定义要控制的参数，以相机的位置为例

			 var controls = new function() {
				this.cx = 0;
				this.cy = 0;
				this.cz = 0;
				this.redraw = function() {
					camera.position.set(controls.cx, controls.cy, controls.cz);
				}
			}

cx、cy、cz为相机的x、y、z轴坐标。初始值为前面场景初始化定义相机的位置。