10/07/2026
⛔️ مفت: 🔐 "ننڍڙو سائنسدان AR – ملايل شين کي الڳ ڪرڻ" بابت سبق ۽ AR گيم تيار ڪريو. 📌 هاڻي ئي ڊائون لوڊ ڪريو!
📚 شاگردن کي سائنس پڙهائڻ لاءِ هڪ Interactive (Single-file HTML) ويب گيم.
💥 Gemini جي مدد سان پڙهائڻ وارو مواد ۽ AR گيمون تيار ڪريو. 🌱 (هر مضمون لاءِ) 🌱
📌 ويب ٺاهڻ جو آسان طريقو
1️⃣ https://gemini.google.com/app يا https://www.canva.com/ai/code تي لاگ اِن ڪريو.
2️⃣ هيٺ ڏنل Prompt کي ڪاپي ڪري پيسٽ ڪريو، پوءِ (+) تي ڪلڪ ڪريو، Canvas موڊ چونڊيو، ۽ تيار ٿيڻ تائين انتظار ڪريو.
3️⃣ آخر ۾ Publish (شايع ڪريو) تي ڪلڪ ڪريو. بس، توهان جي ويب تيار آهي! 🎉
Prompt :-You are an EdTech expert and a high-level Web Application developer. Your duty is to write the code for an educational web game as a Single-file HTML (everything included in one file: HTML, CSS, JavaScript, and API integrations).
Game Title: "AR Little Scientist - Mixture Separation Mission"
Target Audience: Primary school students.
Please create this game with the following detailed conditions and features:
Design Details (UI/UX & Visual Design)
Game Theme: A bright and child-friendly science laboratory.
Background: A light blue/sky blue graph paper grid ( to ) with floating, faint white science symbols (e.g., 🧪, 🧲, 🔬, 🧬) moving slowly upward.
Fonts: Use Google Fonts 'Itim' (for headings/chalkboard) and 'English' (for general vocabulary) for a cute, easy-to-read style.
Start Screen:
Features a main Glassmorphism box (translucent, large rounded corners) with a soft bounce effect.
Large white heading: "AR Little Scientist" with a bold, dark outline, accompanied by a sub-box stating the episode: "Mixture Separation Mission".
Clear instructions: Control method (AR and Touch/Mouse), how to play (select the mixture crystals that match the chalkboard challenge), and scoring criteria (+10 for correct, -5 for wrong).
"Start Experiment!" button: 3D style, blue-gradient, with a pulse effect to attract attention.
Gameplay UI:
Timer Bar (Top Left): Starts at 45 seconds. If under 10 seconds, the digits flash red.
Score and Star System (Top Right): Displays a star rating (1-5 stars varying by score) and the total score.
Chalkboard Challenge (Top Center): A classic wooden-framed chalkboard displaying the target separation method (e.g., "Picking out 🤏", "Sieving 🥣") in bold white/yellow chalk font.
Mixture Crystals:
Hexagonal shape to represent molecular structures.
Two-tone pastel gradients (e.g., Red-Yellow or Blue-Purple) to represent "two mixed substances."
A curved white box overlaid in the center displaying the emoji and Sindhi vocabulary for easy reading on any background.
Crystals float up from the bottom, wobbling slightly with random rotation speeds and angles.
Separation VFX & Feedback
Audio SFX: Synthesized via Web Audio API (No external audio files).
Magnifying glass tap: Short Snap/Pop.
Correct answer: High-pitched piano chord (Correct Chime).
Wrong answer: Short, low-pitched buzz (Wrong Buzzer).
Particle Separation VFX:
Correct: The crystal shatters into two colored dust clouds (matching the crystal's colors). The particles are launched left and right with gravity pulling them down to simulate real-world separation.
Wrong: The crystal breaks into dull grey dust spreading outward.
Floating Text: Displays "+10 (Time +2)" in green for correct answers or "This didn't work! -5" in red for mistakes.
AR Motion Detection System
Technology: Uses MediaPipe Hands via CDN (set modelComplexity: 0 for high-performance fluidity).
Tracking: Detects the index fingertip (Landmark 8) to act as the target pointer.
AR Cursor: A "large magnifying glass 🔍" with a rear glow effect and a red dot in the center for precise aiming.
Smoothing: Use a Low-pass filter (approx. 0.35 - 0.65) to ensure the magnifying glass movement is smooth and non-jittery.
Fallback: If the camera is inactive, or the user is on a touch/mouse device, clicking or tapping anywhere on the screen immediately acts as the AR pointer.
Word Bank (Mixture Data)
Defined as an Array of Objects containing:
Picking Out 🤏: Tomato+Chili (🍅), Mung bean+Red bean (🫘), Stone+Leaf (🪨), Red+Green candy (🍬).
Sieving 🥣: Flour (🍰), Gravel+Sand (🏖️), Lumpy matcha (🍵), Coconut shreds+Coconut milk (🥥).
Magnetic Separation 🧲: Iron filings+Sand (🧲), Paperclip+Eraser (📎), Nut+Soil (🔩), Pin+Cloth scrap (🪡).
Winnowing (Blowing) 💨: Paddy rice+Chaff (🌾), Peanut+Thin shell (🥜), Sesame seeds+Leaf bits (🍂), Garlic skin+Clove (🄄).
Technical Structure
Single-file HTML: Contains everything (HTML, Tailwind CSS, MediaPipe API, Canvas rendering, and JavaScript) in one index.html file.
Rendering: All game elements, animations, particles, and the AR pointer must be rendered on a using requestAnimationFrame.
Responsiveness: Must support resizing to fill the browser window seamlessly.
Constraints: No alert() or confirm() functions allowed; use internal game UI overlays instead.
![Prompt :-Create a premium editorial travel poster illustration of [DADU].Style:flat vector illustration, ultra clean min...](https://img3.computers1000.com/219/107/940079582191070.jpg)
