update

CaseyNelson314 · Dec 26, 2023 · f46e7e3 · f46e7e3
1 parent 9a8c5c6
commit f46e7e3
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 7 deletions.
diff --git a/app/index.html b/app/index.html
@@ -28,6 +28,10 @@
             電気力線
           </label> -->
         <div class="settings_3d">
+          <label class="checkbox">
+            <input type="checkbox" id="checkbox_show_grid" checked />
+            グリッド表示
+          </label>
           <label class="checkbox">
             <input type="checkbox" id="checkbox_auto_rotate" checked />
             自動回転

diff --git a/app/script/Field3D.js b/app/script/Field3D.js
@@ -194,6 +194,8 @@ export class Field3D extends THREE.Object3D {
         if (enable) {
             if (this.point_charges_3d == null)
                 this.point_charges_3d = new PointCharges3D(this.point_charges);
+            else
+                this.point_charges_3d.update();
             this.add(this.point_charges_3d);
         }
         else {
@@ -206,6 +208,8 @@ export class Field3D extends THREE.Object3D {
         if (enable) {
             if (this.electric_lines_3d == null)
                 this.electric_lines_3d = new ElectricLines3D(this.point_charges);
+            else
+                this.electric_lines_3d.update();
             this.add(this.electric_lines_3d);
         }
         else {
@@ -217,8 +221,9 @@ export class Field3D extends THREE.Object3D {
     enableElectricFieldVectors = (enable) => {
         if (enable) {
             if (this.electric_field_vectors_3d == null)
-                this.electric_field_vectors_3d =
-                    new ElectricFieldVectors3D(this.point_charges);
+                this.electric_field_vectors_3d = new ElectricFieldVectors3D(this.point_charges);
+            else
+                this.electric_field_vectors_3d.update();
             this.add(this.electric_field_vectors_3d);
         }
         else {

diff --git a/app/script/main.js b/app/script/main.js
@@ -86,6 +86,23 @@ const init = () => {
         });
     }
 
+    // 床の表示/非表示
+    {
+        const helper = new THREE.GridHelper(2000, 100);
+        helper.material.opacity = 0;
+        scene.add(helper);
+
+        const ChangeHelper = (is_visible) => {
+            helper.visible = is_visible;
+        }
+
+        const checkbox = document.getElementById("checkbox_show_grid");
+        ChangeHelper(checkbox.checked); // 初期値
+        checkbox.addEventListener("change", (e) => {
+            ChangeHelper(e.target.checked);
+        });
+    }
+
     // 2D/3D切り替え
     {
         const sw = document.getElementById("dimension_toggle_switch");
@@ -120,11 +137,6 @@ const init = () => {
         });
     }
 
-    const helper = new THREE.GridHelper(2000, 100);
-    helper.material.opacity = 0.5;
-    // helper.material.transparent = true;
-    scene.add(helper);
-
     main(scene, renderer, camera, controls);
 };
 // 関数の実行時間を計測する関数