|
|
@@ -127,7 +127,7 @@ Pour pouvoir ajuster la couleur via lil-gui, nous avons besoin d'un petit 'helpe
|
|
|
<p>Et voici le code de configuartion de lil-gui</p>
|
|
|
<pre class="prettyprint showlinemods notranslate lang-js" translate="no">const gui = new GUI();
|
|
|
gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
|
|
|
-gui.add(light, 'intensity', 0, 2, 0.01);
|
|
|
+gui.add(light, 'intensity', 0, 5, 0.01);
|
|
|
</pre>
|
|
|
<p>Le résultat :</p>
|
|
|
<p></p><div translate="no" class="threejs_example_container notranslate">
|
|
|
@@ -157,7 +157,7 @@ scene.add(light);
|
|
|
-gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
|
|
|
+gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('skyColor');
|
|
|
+gui.addColor(new ColorGUIHelper(light, 'groundColor'), 'value').name('groundColor');
|
|
|
-gui.add(light, 'intensity', 0, 2, 0.01);
|
|
|
+gui.add(light, 'intensity', 0, 5, 0.01);
|
|
|
</pre>
|
|
|
<p>Le resultat :</p>
|
|
|
<p></p><div translate="no" class="threejs_example_container notranslate">
|
|
|
@@ -183,7 +183,7 @@ scene.add(light.target);
|
|
|
<p>Faisons en sorte que nous puissions déplacer la cible en l'ajoutant à lil-gui.</p>
|
|
|
<pre class="prettyprint showlinemods notranslate lang-js" translate="no">const gui = new GUI();
|
|
|
gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
|
|
|
-gui.add(light, 'intensity', 0, 2, 0.01);
|
|
|
+gui.add(light, 'intensity', 0, 5, 0.01);
|
|
|
gui.add(light.target.position, 'x', -10, 10);
|
|
|
gui.add(light.target.position, 'z', -10, 10);
|
|
|
gui.add(light.target.position, 'y', 0, 10);
|
|
|
@@ -218,7 +218,7 @@ scene.add(helper);
|
|
|
|
|
|
const gui = new GUI();
|
|
|
gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
|
|
|
-gui.add(light, 'intensity', 0, 2, 0.01);
|
|
|
+gui.add(light, 'intensity', 0, 5, 0.01);
|
|
|
|
|
|
+makeXYZGUI(gui, light.position, 'position', updateLight);
|
|
|
+makeXYZGUI(gui, light.target.position, 'target', updateLight);
|
|
|
@@ -261,7 +261,7 @@ Si la <code class="notranslate" translate="no">distance</code> est de 0, le <a h
|
|
|
<p>Mettons à jour lil-gui pour pouvoir modifier la distance.</p>
|
|
|
<pre class="prettyprint showlinemods notranslate lang-js" translate="no">const gui = new GUI();
|
|
|
gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
|
|
|
-gui.add(light, 'intensity', 0, 2, 0.01);
|
|
|
+gui.add(light, 'intensity', 0, 250, 1);
|
|
|
+gui.add(light, 'distance', 0, 40).onChange(updateLight);
|
|
|
|
|
|
makeXYZGUI(gui, light.position, 'position', updateLight);
|