-
Notifications
You must be signed in to change notification settings - Fork 1
/
main.js
125 lines (95 loc) · 3.6 KB
/
main.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
import * as ctrl from 'controls.js';
import * as render from 'render.js';
const refreshSnowflake = () => {
ctrl.updateSnowflakeParamStr(render.model);
render.rerenderSnowflake();
}
const newSnowFlake = () => {
render.newSnowFlake();
ctrl.updateSnowflakeParamStr(render.model);
}
const randomizeSnowFlake = () => {
render.randomizeSnowFlake();
ctrl.updateSnowflakeParamStr(render.model);
}
const importSnowflakeParams = () => {
const json = ctrl.snowflakeParamTextArea.value;
const model = JSON.parse(json);
render.setModel(model);
ctrl.updateControls(render.model);
render.rerenderSnowflake();
ctrl.updateSnowflakeParamStr(render.model);
}
ctrl.animateButton.addEventListener('click', render.animateAsyncHandler);
ctrl.cancelButton.addEventListener('click', render.cancelHandler);
ctrl.newSnowflakeButton.addEventListener('click', newSnowFlake);
ctrl.randomizeButton.addEventListener('click', randomizeSnowFlake);
ctrl.importSnowflakeParamsButton.addEventListener('click', importSnowflakeParams);
ctrl.fgColorPicker.on('input:end', function(color) {
render.cancelHandler();
refreshSnowflake();
});
ctrl.bgColorPicker.on('input:end', function(color) {
render.cancelHandler();
refreshSnowflake();
});
const onBgFreezeLevelSlide = (position, value) => {
render.cancelHandler();
ctrl.bgFreezeLevelText.value = position.toFixed(4);
}
const onBgFreezeLevelSlideEnd = (position, value) => {
onBgFreezeLevelSlide(position, value);
refreshSnowflake();
}
const onFgFreezeSpeedSlide = (position, value) => {
render.cancelHandler();
ctrl.fgFreezeSpeedText.value = position.toFixed(4);
}
const onFgFreezeSpeedSlideEnd = (position, value) => {
onFgFreezeSpeedSlide(position, value);
refreshSnowflake();
}
const onRndBgNoiseSlide = (position, value) => {
render.cancelHandler();
ctrl.rndBgNoiseText.value = position.toFixed(4);
}
const onRndBgNoiseSlideEnd = (position, value) => {
onRndBgNoiseSlide(position, value);
refreshSnowflake();
}
const onRndSeedSlide = (position, value) => {
render.cancelHandler();
ctrl.rndSeedText.value = position;
}
const onRndSeedSlideEnd = (position, value) => {
onRndSeedSlide(position, value);
refreshSnowflake();
}
const onDiffusionSpeedSlide = (position, value) => {
render.cancelHandler();
ctrl.diffusionSpeedText.value = position.toFixed(4);
}
const onDiffusionSpeedSlideEnd = (position, value) => {
onDiffusionSpeedSlide(position, value);
refreshSnowflake();
}
const onDiffusionAsymmetrySlide = (position, value) => {
render.cancelHandler();
ctrl.diffusionAsymmetryText.value = position.toFixed(4);
}
const onDiffusionAsymmetrySlideEnd = (position, value) => {
onDiffusionAsymmetrySlide(position, value);
refreshSnowflake();
}
ctrl.updateControls(render.model);
ctrl.initSlider(ctrl.bgFreezeLevelSlider, onBgFreezeLevelSlide, onBgFreezeLevelSlideEnd, 0.3, 0.6, 0.001, 0.3);
ctrl.initSlider(ctrl.fgFreezeSpeedSlider, onFgFreezeSpeedSlide, onFgFreezeSpeedSlideEnd, 0.001, 3.0, 0.0001, 0.001);
ctrl.initSlider(ctrl.diffusionSpeedSlider, onDiffusionSpeedSlide, onDiffusionSpeedSlideEnd, -0.25, 0.25, 0.01, 0.0);
ctrl.initSlider(ctrl.diffusionAsymmetrySlider, onDiffusionAsymmetrySlide, onDiffusionAsymmetrySlideEnd, 0.5, 1.5, 0.01, 0.0);
ctrl.initSlider(ctrl.rndBgNoiseSlider, onRndBgNoiseSlide, onRndBgNoiseSlideEnd, 0.0, 0.6, 0.01, 0.0);
ctrl.initSlider(ctrl.rndSeedSlider, onRndSeedSlide, onRndSeedSlideEnd, 1, 1000000, 1, 0.0);
ctrl.updateControls(render.model); // update again, now with sliders initialized
ctrl.updateSnowflakeParamStr(render.model);
render.initializeSnowFlake();
// TODO uncomment this in production mode
render.newSnowFlake();