您现在的位置是：主页 > news > 网站标题seo外包优化/优化网站怎么做
网站标题seo外包优化/优化网站怎么做
admin2025/6/24 20:56:29【news】
简介网站标题seo外包优化,优化网站怎么做,微信朋友圈广告如何投放,哈尔滨企业网站排名dat.GUI dat.GUI 是一个轻量级的图形用户界面库，可以很容易地创建出能够改变代码变量的界面组件。 定义一个 JavaScript 对象（这里假设叫做 controls），该对象将保存希望通过 dat.GUI 改变的属性。 基础设置 创建一个GUI实例&#…
网站标题seo外包优化,优化网站怎么做,微信朋友圈广告如何投放,哈尔滨企业网站排名dat.GUI dat.GUI 是一个轻量级的图形用户界面库，可以很容易地创建出能够改变代码变量的界面组件。 定义一个 JavaScript 对象（这里假设叫做 controls），该对象将保存希望通过 dat.GUI 改变的属性。 基础设置 创建一个GUI实例&#…
dat.GUI
dat.GUI 是一个轻量级的图形用户界面库，可以很容易地创建出能够改变代码变量的界面组件。
定义一个 JavaScript 对象（这里假设叫做 controls），该对象将保存希望通过 dat.GUI 改变的属性。
基础设置
创建一个GUI实例，并其添加待监听的对象、对象中具体的监听值、其他配置。当用户对 dat.GUI 控件进行操作时，对应的属性值也会同步修改。
var gui = new dat.GUI();
var controls = new function () {this.rotationSpeed = 0.02;this.text= "hello world";
};
gui.add(controls, 'rotationSpeed');
gui.add(controls, 'text');
根据被监听对象的初始值类型，会自动生成对应的GUI界面。
- 为数字时可以设置最大值、最小值、步长，或为下拉框
gui.add(controls, 'rotationSpeed').min(0);
gui.add(controls, 'rotationSpeed').max(100);
gui.add(controls, 'rotationSpeed', 0, 0.5).step(0.1);
gui.add(controls, 'rotationSpeed', { Stopped: 0, Slow: 0.01, Fast: 0.5 });
注意采用下拉框时有bug，选中值会变为string类型，建议使用get/set存取器
var controls = {_rotationSpeed:0.02,get rotationSpeed() {return this._rotationSpeed},set rotationSpeed(v) {this._rotationSpeed = Number(v)}
};
controls.rotationSpeed = 0.04;
- 为字符串时可以为下拉框
gui.add(controls, 'site', [ 'google.com', 'hangge.com', '163.com' ]);
- 为布尔值时为一个checkbox
- 为函数时为一个button
- 为颜色时需使用
addColor添加
var controls = new function () {this.color0 = "#ffae23"; // CSS stringthis.color1 = [0, 128, 255]; // RGB arraythis.color2 = [0, 128, 255, 0.3]; // RGB with alphathis.color3 = {h: 350, s: 0.9, v: 0.3}; // Hue, saturation, value
};
var gui = new dat.GUI();
gui.addColor(controls, 'color0');
gui.addColor(controls, 'color1');
gui.addColor(controls, 'color2');
gui.addColor(controls, 'color3');
控制项分组
var controls = new function () {this.rotationSpeed = 0.02;this.x = 1;this.y = 1;this.z = 1;this.width = 50;this.height = 60;
};
