-
Notifications
You must be signed in to change notification settings - Fork 0
/
5-2-dots.js
58 lines (46 loc) · 1.91 KB
/
5-2-dots.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
/*jshint esversion: 6 */
// @ts-check
// these four lines fake out TypeScript into thinking that THREE
// has the same type as the T.js module, so things work for type checking
// type inferencing figures out that THREE has the same type as T
// and then I have to use T (not THREE) to avoid the "UMD Module" warning
/** @type typeof import("./THREE/threets/index"); */
let T;
// @ts-ignore
T = THREE;
// get things we need
import { GrWorld } from "./Framework/GrWorld.js";
import {GrObject } from "./Framework/GrObject.js"; // only for typing
import * as Helpers from "./Libs/helpers.js";
import * as InputHelpers from "./Libs/inputHelpers.js";
import * as SimpleObjects from "./Framework/SimpleObjects.js";
import {shaderMaterial} from "./Framework/shaderHelper.js";
function test() {
let mydiv = document.getElementById("5-2");
let world = new GrWorld({width:(mydiv ? 600:800), where:mydiv});
let objs = [];
let dx = -6;
let shaderMat = shaderMaterial("./Shaders/dots.vs","./Shaders/dots.fs",
{
side:T.DoubleSide,
uniforms: {
radius : {value: 0.3},
dots : {value: 4.0},
light : {value: new T.Vector3(1,1,1) },
dark : {value: new T.Vector3(0.2,0.2,0.7)}
}
});
let s1 = new InputHelpers.LabelSlider("dots", {width:400,min:1,max:20,step:0.5,initial:4,where:mydiv});
let s2 = new InputHelpers.LabelSlider("radius",{width:400,min:0.1,max:0.5,step:0.01,initial:0.2,where:mydiv});
function onchange() {
shaderMat.uniforms.dots.value = s1.value();
shaderMat.uniforms.radius.value = s2.value();
}
s1.oninput = onchange;
s2.oninput = onchange;
onchange();
world.add(new SimpleObjects.GrSphere({x:-2,y:1, material:shaderMat}));
world.add(new SimpleObjects.GrSquareSign({x:2,y:1,size:1,material:shaderMat}));
world.go();
}
Helpers.onWindowOnload(test);