-
Notifications
You must be signed in to change notification settings - Fork 0
/
6-2-aa-checks.js
58 lines (45 loc) · 1.83 KB
/
6-2-aa-checks.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
/* this is the driver program for Exercise 5-1 (Page 5, box 3)
* you shouldn't need to modify it, but you are allowed to
*/
// 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("6-2");
let world = new GrWorld({width:(mydiv ? 600:800), where:mydiv});
let objs = [];
let dx = -6;
let shaderMat = shaderMaterial("./Shaders/e61-aa-checks.vs","./Shaders/e61-aa-checks.fs",
{
side:T.DoubleSide,
uniforms: {
checks : {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("checks", {width:400,min:1,max:20,step:.5,initial:4,where:mydiv});
function onchange() {
shaderMat.uniforms.checks.value = s1.value();
}
s1.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);