From 0f33031ccc627dda1e4b3ab2d21787e8f0f1e4a5 Mon Sep 17 00:00:00 2001
From: lilpacy <revivedtomorrow@gmail.com>
Date: Sat, 16 Nov 2024 02:43:04 +0900
Subject: [PATCH] add dots to cone too

---
 components/HSVCone.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/components/HSVCone.js b/components/HSVCone.js
index 0eb5e16..66b6478 100644
--- a/components/HSVCone.js
+++ b/components/HSVCone.js
@@ -57,6 +57,35 @@ export class HSVCone {
       }
     }
     
+    // 内部に補完的な点を追加
+    const gridSize = 8; // グリッドの細かさ
+    for (let ring = 1; ring <= this.rings; ring++) {
+      const v = ring / this.rings;
+      const currentRadius = (this.radius * ring) / this.rings;
+      
+      // 円形の内部をグリッド状に埋める
+      for (let x = -currentRadius; x <= currentRadius; x += currentRadius / gridSize) {
+        for (let z = -currentRadius; z <= currentRadius; z += currentRadius / gridSize) {
+          // 現在の点が円の内部にあるか確認
+          const distanceFromCenter = Math.sqrt(x * x + z * z);
+          if (distanceFromCenter <= currentRadius) {
+            const y = v * this.height;
+            
+            // HSV値を計算
+            const theta = Math.atan2(z, x);
+            const hue = ((theta < 0 ? theta + 2 * Math.PI : theta) / (Math.PI * 2)) * 360;
+            const saturation = (distanceFromCenter / this.radius) * 100;
+            const value = v * 100;
+            
+            const [r, g, b] = hsvToRgb(hue, saturation, value);
+            
+            points.push(new THREE.Vector3(x, y, z));
+            colors.push(new THREE.Color(r, g, b));
+          }
+        }
+      }
+    }
+    
     const geometry = new THREE.BufferGeometry();
     geometry.setFromPoints(points);