Update .gitkeep

Author: aimtyaem

js/.gitkeep

@@ -1,173 +1 @@
-// 3D Solar System Initialization
-let scene, camera, renderer, controls;
-const planets = [];
-const planetData = [
-    { name: 'Mercury', color: 0x808080, size: 0.4, distance: 8 },
-    { name: 'Venus', color: 0xffd700, size: 0.9, distance: 11 },
-    { name: 'Earth', color: 0x0000ff, size: 1, distance: 15 },
-    { name: 'Mars', color: 0xff0000, size: 0.5, distance: 20 },
-    { name: 'Jupiter', color: 0xffa500, size: 2.5, distance: 28 },
-    { name: 'Saturn', color: 0xffd700, size: 2, distance: 35 },
-    { name: 'Uranus', color: 0x00ffff, size: 1.5, distance: 40 },
-    { name: 'Neptune', color: 0x0000ff, size: 1.5, distance: 45 }
-];
 
-function initSolarSystem() {
-    // Three.js setup
-    scene = new THREE.Scene();
-    camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
-    renderer = new THREE.WebGLRenderer({ antialias: true });
-    renderer.setSize(window.innerWidth, window.innerHeight);
-    document.body.appendChild(renderer.domElement);
-
-    // Lighting
-    const light = new THREE.PointLight(0xffffff, 1.5);
-    scene.add(light);
-
-    // Create Sun
-    const sun = new THREE.Mesh(
-        new THREE.SphereGeometry(5, 32, 32),
-        new THREE.MeshBasicMaterial({ color: 0xffff00 })
-    );
-    scene.add(sun);
-
-    // Create Planets
-    planetData.forEach(data => {
-        const planet = new THREE.Mesh(
-            new THREE.SphereGeometry(data.size, 32, 32),
-            new THREE.MeshPhongMaterial({ color: data.color })
-        );
-        planet.position.x = data.distance;
-        scene.add(planet);
-        planets.push({ 
-            mesh: planet,
-            ...data,
-            angle: Math.random() * Math.PI * 2
-        });
-    });
-
-    // Camera and Controls
-    camera.position.z = 50;
-    controls = new THREE.OrbitControls(camera, renderer.domElement);
-    controls.enableDamping = true;
-    controls.dampingFactor = 0.05;
-
-    // Planet Click Handler
-    const raycaster = new THREE.Raycaster();
-    const mouse = new THREE.Vector2();
-    window.addEventListener('click', (event) => {
-        mouse.set(
-            (event.clientX / window.innerWidth) * 2 - 1,
-            -(event.clientY / window.innerHeight) * 2 + 1
-        );
-        raycaster.setFromCamera(mouse, camera);
-        const intersects = raycaster.intersectObjects(planets.map(p => p.mesh));
-        
-        if (intersects.length > 0) {
-            const planet = planets.find(p => p.mesh === intersects[0].object);
-            const chatMessages = document.getElementById('chat-messages');
-            chatMessages.innerHTML += `
-                <div class="chat-message system-message">
-                    🌍 <b>${planet.name}</b><br>
-                    Size: ${planet.size}x Earth radius<br>
-                    Orbital Distance: ${planet.distance} AU
-                </div>`;
-            chatMessages.scrollTop = chatMessages.scrollHeight;
-        }
-    });
-
-    animate();
-}
-
-// Animation Loop
-function animate() {
-    requestAnimationFrame(animate);
-    planets.forEach(planet => {
-        planet.angle += 0.005;
-        planet.mesh.position.x = Math.cos(planet.angle) * planet.distance;
-        planet.mesh.position.z = Math.sin(planet.angle) * planet.distance;
-    });
-    controls.update();
-    renderer.render(scene, camera);
-}
-
-// AI Chat Functions
-async function sendChat() {
-    const apiKey = document.getElementById('api-key').value.trim();
-    const userInput = document.getElementById('user-input').value.trim();
-    if (!apiKey) return alert('🔑 Please enter your API key');
-    if (!userInput) return alert('🚀 Please enter a space-related question');
-
-    const chatMessages = document.getElementById('chat-messages');
-    const loading = document.getElementById('loading');
-    
-    // Add user message
-    chatMessages.innerHTML += `
-        <div class="chat-message">
-            👨🚀 <b>You:</b> ${userInput}
-        </div>`;
-    
-    loading.style.display = 'block';
-    document.getElementById('user-input').value = '';
-
-    try {
-        // API Request
-        const response = await fetch(
-            `https://us-central1-aiplatform.googleapis.com/v1/projects/YOUR_PROJECT_ID/locations/us-central1/publishers/google/models/gemini-pro:generateContent?key=${apiKey}`,
-            {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    contents: [{
-                        parts: [{
-                            text: `As an astronomy expert, answer concisely in markdown. Use code formatting for equations and technical terms. Question: ${userInput}`
-                        }]
-                    }],
-                    safety_settings: [{
-                        category: "HARM_CATEGORY_DANGEROUS_CONTENT",
-                        threshold: "BLOCK_ONLY_HIGH"
-                    }]
-                })
-            }
-        );
-
-        if (!response.ok) throw new Error(`API Error: ${response.status}`);
-        const data = await response.json();
-        
-        // Format response
-        let botResponse = data.candidates?.[0]?.content?.parts?.[0]?.text 
-            || "🌌 Hmm, the cosmos seems quiet... No response received.";
-        
-        // Convert markdown code blocks to HTML
-        botResponse = botResponse
-            .replace(/```(\w+)?\n([^```]+)```/g, '<pre>$2</pre>')
-            .replace(/`([^`]+)`/g, '<code>$1</code>');
-
-        // Add AI response
-        chatMessages.innerHTML += `
-            <div class="chat-message">
-                🤖 <b>AI Astronomer:</b> ${botResponse}
-            </div>`;
-        
-    } catch (error) {
-        console.error('Error:', error);
-        chatMessages.innerHTML += `
-            <div class="chat-message" style="color: #ff4444">
-                ❌ <b>Error:</b> ${error.message}
-            </div>`;
-    } finally {
-        loading.style.display = 'none';
-        chatMessages.scrollTop = chatMessages.scrollHeight;
-    }
-}
-
-// Initialize and Event Listeners
-window.onload = initSolarSystem;
-window.addEventListener('resize', () => {
-    camera.aspect = window.innerWidth / window.innerHeight;
-    camera.updateProjectionMatrix();
-    renderer.setSize(window.innerWidth, window.innerHeight);
-});
-document.getElementById('user-input').addEventListener('keypress', (e) => {
-    if (e.key === 'Enter') sendChat();
-});