@@ -60,7 +60,7 @@ if (wantPenSkin) {
60
60
color4f : [ Math . random ( ) , Math . random ( ) , Math . random ( ) , 1 ] ,
61
61
diameter : 8
62
62
} ,
63
- x - 240 , 180 - y , Math . random ( ) * 480 - 240 , Math . random ( ) * 360 - 180 ) ;
63
+ x - 240 , 180 - y , ( Math . random ( ) * 480 ) - 240 , ( Math . random ( ) * 360 ) - 180 ) ;
64
64
} ) ;
65
65
}
66
66
@@ -70,31 +70,32 @@ var scaleX = 100;
70
70
var scaleY = 100 ;
71
71
var fudgeProperty = 'posx' ;
72
72
73
- const fudgePropertyInput = document . getElementById ( 'fudgeproperty' ) ;
74
- fudgePropertyInput . addEventListener ( 'change' , updateFudgeProperty ) ;
75
- fudgePropertyInput . addEventListener ( 'init' , updateFudgeProperty ) ;
76
-
77
73
const fudgeInput = document . getElementById ( 'fudge' ) ;
78
-
74
+ const fudgePropertyInput = document . getElementById ( 'fudgeproperty' ) ;
79
75
const fudgeMinInput = document . getElementById ( 'fudgeMin' ) ;
80
- fudgeMinInput . addEventListener ( 'change' , updateFudgeMin ) ;
81
- fudgeMinInput . addEventListener ( 'init' , updateFudgeMin ) ;
82
-
83
76
const fudgeMaxInput = document . getElementById ( 'fudgeMax' ) ;
84
- fudgeMaxInput . addEventListener ( 'change' , updateFudgeMax ) ;
85
- fudgeMaxInput . addEventListener ( 'init' , updateFudgeMax ) ;
86
77
87
- function updateFudgeProperty ( event ) {
78
+ /* eslint require-jsdoc: 0 */
79
+ const updateFudgeProperty = event => {
88
80
fudgeProperty = event . target . value ;
89
- }
81
+ } ;
90
82
91
- function updateFudgeMin ( event ) {
83
+ const updateFudgeMin = event => {
92
84
fudgeInput . min = event . target . valueAsNumber ;
93
- }
85
+ } ;
94
86
95
- function updateFudgeMax ( event ) {
87
+ const updateFudgeMax = event => {
96
88
fudgeInput . max = event . target . valueAsNumber ;
97
- }
89
+ } ;
90
+
91
+ fudgePropertyInput . addEventListener ( 'change' , updateFudgeProperty ) ;
92
+ fudgePropertyInput . addEventListener ( 'init' , updateFudgeProperty ) ;
93
+
94
+ fudgeMinInput . addEventListener ( 'change' , updateFudgeMin ) ;
95
+ fudgeMinInput . addEventListener ( 'init' , updateFudgeMin ) ;
96
+
97
+ fudgeMaxInput . addEventListener ( 'change' , updateFudgeMax ) ;
98
+ fudgeMaxInput . addEventListener ( 'init' , updateFudgeMax ) ;
98
99
99
100
// Ugly hack to properly set the values of the inputs on page load,
100
101
// since they persist across reloads, at least in Firefox.
@@ -161,15 +162,15 @@ fudgeInput.addEventListener('input', handleFudgeChanged);
161
162
fudgeInput . addEventListener ( 'change' , handleFudgeChanged ) ;
162
163
fudgeInput . addEventListener ( 'init' , handleFudgeChanged ) ;
163
164
165
+ const updateStageScale = event => {
166
+ renderer . resize ( 480 * event . target . valueAsNumber , 360 * event . target . valueAsNumber ) ;
167
+ } ;
168
+
164
169
const stageScaleInput = document . getElementById ( 'stage-scale' ) ;
165
170
166
171
stageScaleInput . addEventListener ( 'input' , updateStageScale ) ;
167
172
stageScaleInput . addEventListener ( 'change' , updateStageScale ) ;
168
173
169
- function updateStageScale ( event ) {
170
- renderer . resize ( 480 * event . target . valueAsNumber , 360 * event . target . valueAsNumber ) ;
171
- }
172
-
173
174
canvas . addEventListener ( 'mousemove' , event => {
174
175
var mousePos = getMousePosition ( event , canvas ) ;
175
176
renderer . extractColor ( mousePos . x , mousePos . y , 30 ) ;
0 commit comments