-
Notifications
You must be signed in to change notification settings - Fork 0
/
1-stripes-simple.js
52 lines (39 loc) · 1.67 KB
/
1-stripes-simple.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
/*jshint esversion: 6 */
// @ts-check
import * as T from "../libs/CS559-Three/build/three.module.js";
// get things we need
import { GrWorld } from "../libs/CS559-Framework/GrWorld.js";
import * as SimpleObjects from "../libs/CS559-Framework/SimpleObjects.js";
import {shaderMaterial} from "../libs/CS559-Framework/shaderHelper.js";
import * as InputHelpers from "../libs/CS559/inputHelpers.js";
let mydiv;
let box = InputHelpers.makeBoxDiv({width: 640},mydiv);
if (!mydiv) {
InputHelpers.makeBreak(); // sticks a break after the box
}
InputHelpers.makeHead("Shader Stripes",box);
let world = new GrWorld({width:600, where:box,
lightColoring:"white"
});
let shaderMat = shaderMaterial("simple.vs","1-stripes-simple.fs",
{
uniforms: {
stripes: { value: 10.0},
sw: { value: 0.5},
color1: { value: new T.Vector3(1,.6,0)},
color2: { value: new T.Vector3(0,0.4,0.4)}
}
}
);
new InputHelpers.LabelSlider("Stripes", {min:2, max:50, initial:10, step:1, where:box}).oninput = function(s) {
shaderMat.uniforms.stripes.value = Number(s.value());
shaderMat.uniformsNeedUpdate = true;
}
new InputHelpers.LabelSlider("Width", {min:0, max:1.0, initial:0.5, step:.05, where:box}).oninput = function(s) {
shaderMat.uniforms.sw.value = Number(s.value());
shaderMat.uniformsNeedUpdate = true;
}
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.ambient.intensity = 1;
world.go();