Browse Source

remove call to helper.update

Gregg Tavares 4 years ago
parent
commit
2fa471bcf7

+ 6 - 6
threejs/lessons/ja/threejs-lights.md

@@ -478,13 +478,13 @@ GUIも調整してみましょう。
 const gui = new GUI();
 gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
 gui.add(light, 'intensity', 0, 10, 0.01);
-gui.add(light, 'width', 0, 20).onChange(updateLight);
-gui.add(light, 'height', 0, 20).onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation').onChange(updateLight);
+gui.add(light, 'width', 0, 20);
+gui.add(light, 'height', 0, 20);
+gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation');
+gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation');
+gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation');
 
-makeXYZGUI(gui, light.position, 'position', updateLight);
+makeXYZGUI(gui, light.position, 'position');
 ```
 
 そして、これが結果です。

+ 6 - 6
threejs/lessons/kr/threejs-lights.md

@@ -490,13 +490,13 @@ scene.add(light);
 const gui = new GUI();
 gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
 gui.add(light, 'intensity', 0, 10, 0.01);
-gui.add(light, 'width', 0, 20).onChange(updateLight);
-gui.add(light, 'height', 0, 20).onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation').onChange(updateLight);
+gui.add(light, 'width', 0, 20);
+gui.add(light, 'height', 0, 20);
+gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation');
+gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation');
+gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation');
 
-makeXYZGUI(gui, light.position, 'position', updateLight);
+makeXYZGUI(gui, light.position, 'position');
 ```
 
 {{{example url="../threejs-lights-rectarea.html" }}}

+ 6 - 6
threejs/lessons/ru/threejs-lights.md

@@ -510,13 +510,13 @@ scene.add(helper);
 const gui = new GUI();
 gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
 gui.add(light, 'intensity', 0, 10, 0.01);
-gui.add(light, 'width', 0, 20).onChange(updateLight);
-gui.add(light, 'height', 0, 20).onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation').onChange(updateLight);
+gui.add(light, 'width', 0, 20);
+gui.add(light, 'height', 0, 20);
+gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation');
+gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation');
+gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation');
 
-makeXYZGUI(gui, light.position, 'position', updateLight);
+makeXYZGUI(gui, light.position, 'position');
 ```
 
 И вот что.

+ 6 - 6
threejs/lessons/threejs-lights.md

@@ -522,13 +522,13 @@ its `width` and `height`
 const gui = new GUI();
 gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
 gui.add(light, 'intensity', 0, 10, 0.01);
-gui.add(light, 'width', 0, 20).onChange(updateLight);
-gui.add(light, 'height', 0, 20).onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation').onChange(updateLight);
+gui.add(light, 'width', 0, 20);
+gui.add(light, 'height', 0, 20);
+gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation');
+gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation');
+gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation');
 
-makeXYZGUI(gui, light.position, 'position', updateLight);
+makeXYZGUI(gui, light.position, 'position');
 ```
 
 And here is that.

+ 6 - 6
threejs/lessons/zh_cn/threejs-lights.md

@@ -432,13 +432,13 @@ scene.add(light);
 const gui = new GUI();
 gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
 gui.add(light, 'intensity', 0, 10, 0.01);
-gui.add(light, 'width', 0, 20).onChange(updateLight);
-gui.add(light, 'height', 0, 20).onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation').onChange(updateLight);
-gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation').onChange(updateLight);
+gui.add(light, 'width', 0, 20);
+gui.add(light, 'height', 0, 20);
+gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation');
+gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation');
+gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation');
 
-makeXYZGUI(gui, light.position, 'position', updateLight);
+makeXYZGUI(gui, light.position, 'position');
 ```
 
 场景如下所示:

+ 6 - 10
threejs/threejs-lights-rectarea.html

@@ -132,20 +132,16 @@ function main() {
     const helper = new RectAreaLightHelper(light);
     light.add(helper);
 
-    function updateLight() {
-      helper.update();
-    }
-
     const gui = new GUI();
     gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
     gui.add(light, 'intensity', 0, 10, 0.01);
-    gui.add(light, 'width', 0, 20).onChange(updateLight);
-    gui.add(light, 'height', 0, 20).onChange(updateLight);
-    gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation').onChange(updateLight);
-    gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation').onChange(updateLight);
-    gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation').onChange(updateLight);
+    gui.add(light, 'width', 0, 20);
+    gui.add(light, 'height', 0, 20);
+    gui.add(new DegRadHelper(light.rotation, 'x'), 'value', -180, 180).name('x rotation');
+    gui.add(new DegRadHelper(light.rotation, 'y'), 'value', -180, 180).name('y rotation');
+    gui.add(new DegRadHelper(light.rotation, 'z'), 'value', -180, 180).name('z rotation');
 
-    makeXYZGUI(gui, light.position, 'position', updateLight);
+    makeXYZGUI(gui, light.position, 'position');
   }
 
   function resizeRendererToDisplaySize(renderer) {