simplify

Author: WangYixuan12

.github/workflows/deploy.yml

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Robotic Perception, Interaction, and Learning Lab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

.nojekyll

@@ -0,0 +1 @@
+# code-diffuser

LICENSE

@@ -0,0 +1,194 @@
+// Precomputed point clouds
+const POINT_CLOUDS = {
+    1: generateSphere(1000),
+    2: generateCube(1000),
+    3: generateTorus(1000),
+    4: generateCylinder(1000),
+    5: generatePyramid(1000)
+};
+
+// Function to generate point cloud based on instruction
+async function processInstruction() {
+    const apiKey = document.getElementById('apiKey').value;
+    const instruction = document.getElementById('instruction').value;
+    
+    if (!apiKey) {
+        alert('Please enter your OpenAI API Key');
+        return;
+    }
+    if (!instruction) {
+        alert('Please enter an instruction');
+        return;
+    }
+
+    // Show loading spinner
+    document.getElementById('loading').style.display = 'block';
+
+    try {
+        // Call OpenAI API
+        const response = await fetch('https://api.openai.com/v1/chat/completions', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${apiKey}`
+            },
+            body: JSON.stringify({
+                model: "gpt-3.5-turbo",
+                messages: [{
+                    role: "user",
+                    content: `Based on this instruction: "${instruction}", select the most appropriate 3D shape from these options:
+                    1: Sphere
+                    2: Cube
+                    3: Torus
+                    4: Cylinder
+                    5: Pyramid
+                    
+                    Return only a JSON object with a single number: {"selection": number}`
+                }]
+            })
+        });
+
+        const data = await response.json();
+        if (!response.ok) {
+            throw new Error(data.error?.message || 'API request failed');
+        }
+
+        const selection = JSON.parse(data.choices[0].message.content).selection;
+        if (selection >= 1 && selection <= 5) {
+            visualizePointCloud(POINT_CLOUDS[selection]);
+        } else {
+            throw new Error('Invalid selection');
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('Error: ' + error.message);
+    } finally {
+        // Hide loading spinner
+        document.getElementById('loading').style.display = 'none';
+    }
+}
+
+// Function to visualize point cloud using Plotly
+function visualizePointCloud(points) {
+    const x = points.map(p => p[0]);
+    const y = points.map(p => p[1]);
+    const z = points.map(p => p[2]);
+
+    const trace = {
+        type: 'scatter3d',
+        mode: 'markers',
+        x: x,
+        y: y,
+        z: z,
+        marker: {
+            size: 2,
+            color: z,
+            colorscale: 'Viridis',
+            opacity: 0.8
+        }
+    };
+
+    const layout = {
+        title: '3D Point Cloud Visualization',
+        scene: {
+            xaxis: { title: 'X' },
+            yaxis: { title: 'Y' },
+            zaxis: { title: 'Z' }
+        },
+        margin: {
+            l: 0,
+            r: 0,
+            b: 0,
+            t: 30
+        }
+    };
+
+    Plotly.newPlot('visualization', [trace], layout);
+}
+
+// Point cloud generation functions
+function generateSphere(numPoints) {
+    const points = [];
+    for (let i = 0; i < numPoints; i++) {
+        const theta = Math.random() * 2 * Math.PI;
+        const phi = Math.acos(2 * Math.random() - 1);
+        const r = 1;
+
+        const x = r * Math.sin(phi) * Math.cos(theta);
+        const y = r * Math.sin(phi) * Math.sin(theta);
+        const z = r * Math.cos(phi);
+
+        points.push([x, y, z]);
+    }
+    return points;
+}
+
+function generateCube(numPoints) {
+    const points = [];
+    for (let i = 0; i < numPoints; i++) {
+        const x = Math.random() * 2 - 1;
+        const y = Math.random() * 2 - 1;
+        const z = Math.random() * 2 - 1;
+        points.push([x, y, z]);
+    }
+    return points;
+}
+
+function generateTorus(numPoints) {
+    const points = [];
+    const R = 1; // major radius
+    const r = 0.3; // minor radius
+    for (let i = 0; i < numPoints; i++) {
+        const theta = Math.random() * 2 * Math.PI;
+        const phi = Math.random() * 2 * Math.PI;
+        
+        const x = (R + r * Math.cos(phi)) * Math.cos(theta);
+        const y = (R + r * Math.cos(phi)) * Math.sin(theta);
+        const z = r * Math.sin(phi);
+        
+        points.push([x, y, z]);
+    }
+    return points;
+}
+
+function generateCylinder(numPoints) {
+    const points = [];
+    const height = 2;
+    const radius = 0.5;
+    for (let i = 0; i < numPoints; i++) {
+        const theta = Math.random() * 2 * Math.PI;
+        const h = Math.random() * height - height/2;
+        
+        const x = radius * Math.cos(theta);
+        const y = radius * Math.sin(theta);
+        const z = h;
+        
+        points.push([x, y, z]);
+    }
+    return points;
+}
+
+function generatePyramid(numPoints) {
+    const points = [];
+    const size = 2;
+    for (let i = 0; i < numPoints; i++) {
+        const x = Math.random() * size - size/2;
+        const y = Math.random() * size - size/2;
+        const z = Math.random() * size;
+        
+        // Create pyramid shape by scaling z based on distance from center
+        const distFromCenter = Math.sqrt(x*x + y*y);
+        const scale = 1 - (distFromCenter / (size/2));
+        const finalZ = z * scale;
+        
+        points.push([x, y, finalZ]);
+    }
+    return points;
+}
+
+// Add event listener for Enter key
+document.getElementById('instruction').addEventListener('keypress', function(e) {
+    if (e.key === 'Enter') {
+        processInstruction();
+    }
+}); 

README.md

@@ -36,6 +36,10 @@
     <div class="container">
         <h1 class="mb-4">3D Point Cloud Generator</h1>
 
+        <div class="input-group mb-3">
+            <input type="password" id="apiKey" class="form-control" placeholder="Enter your OpenAI API Key">
+        </div>
+
         <div class="input-group">
             <input type="text" id="instruction" class="form-control" placeholder="Enter your instruction (e.g., 'Generate a sphere with 1000 points')">
             <button class="btn btn-primary" onclick="processInstruction()">Generate</button>
@@ -50,7 +54,7 @@ <h1 class="mb-4">3D Point Cloud Generator</h1>
         <div id="visualization"></div>
     </div>
 
-    <script src="dist/bundle.js"></script>
+    <script src="app.js"></script>
 </body>
 </html>