p5js स्टारशिप कंट्रोल पैनल प्रॉम्प्ट

यहाँ एक p5.js कोड है जिसे आप कॉपी-पेस्ट कर सकते हैं। यह एक भविष्य के स्टारशिप के कंट्रोल पैनल का अनुकरण करता है, जिसमें घूमते हुए होलोग्राफिक डिस्प्ले, चमकते हुए बटन, और एक एनिमेटेड स्टारफील्ड शामिल है। यह आपको अपनी चतुराई से चौंका देगा क्योंकि यह सिर्फ एक स्थिर चित्र नहीं है, बल्कि एक इंटरैक्टिव और गतिशील अनुभव है। ```javascript let stars = []; let buttons = []; let rotation = 0; let scanLine = 0; function setup() { createCanvas(800, 600); // स्टारफील्ड बनाएं for (let i = 0; i < 200; i++) { stars.push({ x: random(width), y: random(height), z: random(width), speed: random(1, 5) }); } // कंट्रोल बटन बनाएं for (let i = 0; i < 8; i++) { buttons.push({ x: 100 + i * 80, y: 400, size: 30, color: color(random(100, 255), random(100, 255), random(100, 255)), pulse: random(TWO_PI) }); } } function draw() { background(0); // स्टारफील्ड को घुमाएं (हाइपरस्पेस प्रभाव) translate(width / 2, height / 2); rotate(rotation * 0.01); translate(-width / 2, -height / 2); for (let star of stars) { star.z -= star.speed; if (star.z < 1) { star.z = width; star.x = random(width); star.y = random(height); } let sx = map(star.x / star.z, 0, 1, 0, width); let sy = map(star.y / star.z, 0, 1, 0, height); let r = map(star.z, 0, width, 4, 0); fill(255, 255, 255, map(star.z, 0, width, 255, 0)); ellipse(sx, sy, r, r); } // मुख्य पैनल बॉक्स resetMatrix(); fill(20, 30, 50, 200); stroke(0, 255, 255, 100); strokeWeight(2); rect(50, 50, 700, 500, 10); // होलोग्राफिक डिस्प्ले (घूमता हुआ) push(); translate(400, 200); rotate(rotation * 0.05); stroke(0, 255, 255); noFill(); ellipse(0, 0, 200, 200); ellipse(0, 0, 150, 150); ellipse(0, 0, 100, 100); line(-100, 0, 100, 0); line(0, -100, 0, 100); pop(); // स्कैन लाइन (ऊपर से नीचे जाती हुई) stroke(0, 255, 0, 150); line(50, scanLine, 750, scanLine); scanLine += 2; if (scanLine > 550) scanLine = 50; // बटन (चमकते हुए) for (let btn of buttons) { btn.pulse += 0.05; let glow = sin(btn.pulse) * 50 + 100; fill(btn.color.levels[0], btn.color.levels[1], btn.color.levels[2], glow); noStroke(); ellipse(btn.x, btn.y, btn.size, btn.size); // बटन के चारों ओर रिंग stroke(255, 255, 255, 50); noFill(); ellipse(btn.x, btn.y, btn.size + 10, btn.size + 10); } // टेक्स्ट लेबल (भविष्य की भाषा में) fill(0, 255, 255); textSize(12); text("WARP CORE", 100, 100); text("SHIELD STATUS", 300, 100); text("NAVIGATION", 500, 100); text("LIFE SUPPORT", 100, 500); text("WEAPONS", 300, 500); text("COMMUNICATION", 500, 500); // घूर्णन को अपडेट करें rotation += 1; } ``` **इसे कैसे चलाएं:** 1. [p5js.org/editor](https://p5js.org/editor) पर जाएं। 2. कोड को एडिटर में पेस्ट करें। 3. "Play" बटन दबाएं। **यह क्यों चतुर है:** - **हाइपरस्पेस स्टारफील्ड**: तारे आपकी ओर आते हुए प्रतीत होते हैं, जो गति का भ्रम पैदा करता है। - **होलोग्राफिक डिस्प्ले**: घूमते हुए वृत्त और रेखाएं एक 3D होलोग्राम जैसा प्रभाव देती हैं। - **स्कैन लाइन**: एक हरी रेखा लगातार ऊपर-नीचे घूमती है, जो रडार या स्कैनिंग सिस्टम का अनुकरण करती है। - **चमकते बटन**: हर बटन अपनी गति से पल्स करता है, जो एक जीवंत नियंत्रण प्रणाली का एहसास देता है। - **इंटरैक्टिव नहीं, लेकिन गतिशील**: यह कोड बिना किसी उपयोगकर्ता इनपुट के लगातार बदलता रहता है, जो इसे एक "जीवित" पैनल बनाता है। आप इसे और भी चतुर बना सकते हैं - जैसे माउस क्लिक पर बटन दबाने की प्रतिक्रिया, या कीबोर्ड से विभिन्न सिस्टम को टॉगल करना। यह आपकी कल्पना पर निर्भर करता है!