@loshu2000Unclaimed
I want you to act as a master game designer specializing in mobile-responsive physics simulation. Create a SINGLE FILE (index.html) interactive maze game. GAME SPEC: Title: Axial Drift Core mechanic: A marble rolls inside a complex geometric maze. The player shifts the global gravity vector (X and Y axes) to guide the marble. Goal: Maneuver the marble to the center vector vortex while dodging dynamic kinetic trapdoors. TECH REQUIREMENTS: Single file: Pure web technology stack (<!doctype html>, CSS, JS) without heavy engine frameworks. Rendering: 2D Canvas optimized for mobile and desktop viewports, scaling pixel-perfectly. Mechanics: Accept desktop mouse click-drags or mobile device orientation API (DeviceOrientationEvent) to tilt the maze physics grid. Implement rigid-body friction, angular velocity, and momentum damping for the marble. Design style: Bauhaus architectural aesthetics. High contrast bold solid primary color blocks, heavy black stroke lines, and real-time drop shadows.
I want you to act as a Principal Audio-Visual Game Engineer. Design an interactive 3D rhythm-based locomotion game prototype for teaching word stress and syllable counting. Game Name: 《Syllabic Beats: Pulse Runner》. Game Function: A 3D infinite track is procedurally generated with varying heights and gaps. A metallic sphere automatically rolls forward along the track. The user clicks or taps the screen to make the sphere jump over the gaps. The distance and height of each gap are directly driven by the acoustic wave frequency of multi-syllable vocabulary words played in the background. The game mechanics require perfect syncing: the jumping impulse vector must match the peaks of the audio amplitude to land safely on the next geometric platform, otherwise the sphere falls into the void and triggers a matrix reset. Design Style: Vaporwave aesthetic. Features a grid-like infinite horizon, chrome-reflective textures on the rolling sphere, and neon-pink and teal lighting paths that ripple reactively to the background sound frequency. Technologies Used: Three.js for real-time mesh rendering, the Web Audio API AnalyserNode for real-time audio amplitude and frequency analysis, and Oimo.js for lightweight, low-latency collision tracking.
I want you to act as a creative technologist and interaction architect. Construct a single-file (index.html) web game based on spatial alignment mechanics. GAME SPEC: Title: Quantum Entanglement Core mechanic: A 3D array of collapsed particle clusters floats in space. Clicking a cluster unfolds its unique 3D geometric matrix. Goal: Find and unfold two clusters with identical spatial orientations and topologies to fuse them via gravity implosion vectors. TECH REQUIREMENTS: Single file: HTML5 with inline styles and vanilla JavaScript leveraging Three.js via CDN. Rendering: Three.js WebGLRenderer with high-performance buffer geometries. Physics: Implement smooth quaternion math for rotating clusters via mouse drag. When a match occurs, compute mutual attraction vectors causing an implosion particle effect before mesh destruction. Design style: Minimalist surrealism. Pure white void background, frosted glass (transmission) cluster materials, and interactive volumetric light trails.
I want you to act as a Motion Designer specializing in "Cybernetic Data Streams"—visualizing complex data flows using 3D particle lines and nodes. Vision: Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission. Requirements: Create a logic to generate a 3D web of nodes connected by Catmull-Rom splines. Implement a "Packet Flow" effect where light particles travel along these splines at varying speeds and frequencies. Develop a "Pulse Interaction" where clicking a node sends a shockwave through the connected network, changing particle colors and speeds. Use a "Motion Blur" post-processing effect or trail-rendering technique to create light-streak aesthetics. Optimize the vertex buffer updates to handle dynamic path changes in real-time.
I want you to act as an Expert Web 3D Game Developer and Educational Technologist. Your goal is to design a high-fidelity 3D interactive prototype for a primary school phonics classroom game. Game Name: 《Vowel Velocity: Phonetic Catch》. Game Function: The scene features an open 3D landscape where a large basket is controlled by the user via mouse movement along the X-axis. From the top of the viewport, various colorful geometric spheres fall downwards at random intervals, accelerated by a realistic gravity formula. Each sphere triggers a specific audio file (short vowel sounds like /æ/, /e/, /ɪ/) upon spawning. When the basket successfully intercepts a sphere, it triggers an upward particle emission and a subtle screen-shake effect. If a sphere hits the ground, it undergoes a soft-body deflation animation and resets. Design Style: Vibrant, stylized minimalism. Use a sky-blue background with soft, baking-baked ambient lighting. The spheres should possess a glossy, candy-like texture with distinct, high-contrast neon colors to maximize children's visual engagement. Technologies Used: Three.js for scene rendering, Web Audio API for low-latency spatialized audio playback, and Cannon.js for rigid-body gravity and collision detection.
I want you to act as a Top-Tier Graphics and Interaction Engineer. Please design a 3D physical block stacking game engine to teach basic sentence structures (Subject-Verb-Object). Game Name: 《Syntactic Stack: Kinetic Grammar》. Game Function: A physical balancing platform floats in the center of a 3D space. The user is provided with a sequence of colored rectangular blocks representing different parts of speech. Clicking the screen drops a block from a set height onto the platform. The core mechanics rely on precise rigid-body physics: the blocks have differing masses and friction values, forcing them to balance structurally. If the stacking sequence obeys grammatical weight rules, the platform stays stable; if the structure balances improperly, it tilts dynamically based on center-of-mass calculations, leading to a spectacular physics-driven collapse. Design Style: Bauhaus geometric aesthetic. Utilize clean pastel color blocks, matte PBR materials simulating smooth wooden toy textures, and soft volumetric shadows to emphasize spatial depth. Technologies Used: Three.js for visual rendering, Ammo.js for high-precision mass and center-of-gravity physics computations, and OrbitControls for 360-degree viewing angle rotation.
I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (index.html) build of an architectural flight evasion game. GAME SPEC: Title: Gravity Flux Core mechanic: Navigate a self-inflating soft-body sphere through an environment of closing and expanding organic geometric gaps. Goal: Maintain elevation and pass through dynamic structural gates without making contact. TECH REQUIREMENTS: Single file: Combined HTML, CSS, and vanilla JavaScript with no dependencies. Rendering: 2D Canvas API. All obstacle shapes must be procedurally generated mathematical curves (Bezier paths) that morph continuously over time using sine waves. Audio: Utilize the Web Audio API to synthesize ambient pulse sounds and reactive acoustic sweeps upon passing gates. Design style: Zen-like abstract art style. Uses a monochromatic pastel palette with deep soft shadows (shadowBlur on canvas) to emphasize spatial depth and fluid motion.
I want you to act as a Creative Technologist and VFX Architect. Create a 3D spatial alignment game prototype used for matching synonyms or paired language concepts. Game Name: 《Resonance Wave: Synchronic Clusters》. Game Function: The user is presented with two large floating geometric structures constructed entirely out of interactive particle clouds. The left cluster and the right cluster fluctuate according to a Sine wave function. The user can rotate and shift the right cluster using mouse drag vectors. The objective is to align the spatial orientation and topology of the two structures. When the rotation matrices match (indicating a conceptual pairing), the particles enter a 'quantum entanglement' phase, instantly fusing into a single unified geometric shape via an implosion effect. Design Style: Dreamlike surrealism. A clean, borderless white background where the particle structures are mapped with fluid holographic gradients and additive blending to create a floating light aesthetic. Technologies Used: Three.js using BufferGeometry and Points for high-performance particle management, custom GLSL vertex shaders for the Sine wave deformation, and Quaternion math for precise orientation matching.
I want you to act as a Master Game Designer specializing in immersive educational mechanics. Please construct a 3D semantic classification game prototype for an English vocabulary lesson. Game Name: 《Semantic Pull: Word Family Grid》. Game Function: The viewport displays three distinct glowing 3D conceptual zones (e.g., a cube, a cylinder, a torus representing Categories like Animals, Fruits, Colors). Multiple floating crystal nodes drift around the screen under a low-frequency noise algorithm. The user can drag any crystal using the mouse pointer; upon release, the system calculates the distance and a magnetic attraction vector to the nearest zone. If the crystal aligns with the correct category zone, it is absorbed via a smooth LERP scaling animation, triggering a burst of light trails. If incorrect, a elastic repulsion vector snaps it back to its origin. Design Style: Retro-futuristic cyberpunk tailored for kids. Dark background contrasting with highly emissive, translucent neon materials for the category zones and holographic視差 effects inside the crystals. Technologies Used: Three.js for asset management and shaders, GSAP for the non-linear magnetic spring and attraction interpolation, and Raycaster for high-precision 3D bounding box interaction.
I want you to act as an expert HTML5 Canvas game developer. Your task is to write a complete, playable SINGLE FILE (index.html) game based on a modernized snake mechanic. GAME SPEC: Title: Cyber Grid Link Core mechanic: Control a snake made of chained vector particles on a shifting grid environment. Goal: Collect glowing energy matrix crystals to grow the link chain while dodging moving firewall barriers. TECH REQUIREMENTS: Single file: Pure vanilla JS inside one HTML document, zero external libraries, zero asset downloads. Rendering: HTML5 2D Canvas with requestAnimationFrame game loop. Smooth LERP interpolation for snake segment movement to create a fluid, organic motion rather than classic blocky steps. Controls: Arrow keys or WASD for absolute directional steering. Design style: Cyberpunk dark theme. The grid must warp slightly near the snake's head using localized coordinate displacement. The snake chain features a pulsing gradient texture.
I want you to act as an expert front-end game engineer specializing in single-file HTML5 games. Your task is to produce a SINGLE FILE (index.html) implementation of a 3D Kinetic Bounce Arena. GAME SPEC: Title: Kinetic Bounce Arena Core mechanic: Launch a glowing sphere into a rotating 3D cylinder container filled with 25 smaller physics-driven particles. Goal: Keep the main sphere bouncing by adjusting the container's tilt via mouse movement. TECH REQUIREMENTS: Single file: <!doctype html> with inline <style> and <script> using p5.js (loaded via CDN). Rendering: WebGL mode in p5.js, 600x600 canvas centered on page. Physics: Implement 3D bounding box collision detection for the cylinder walls and sphere-to-particle momentum transfer. Particles must leave fading colorful motion trails. Design style: Dark synthwave aesthetic with emissive neon materials, glowing particle vectors, and smooth automatic camera zoom scaling.
