@loshu2000
Your task is to produce a SINGLE FILE (index.html) implementation of a 3D Kinetic Bounce Arena.
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.
write a complete, playable SINGLE FILE (index.html) game based on a modernized snake mechanic.
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.
Produce a SINGLE FILE (index.html) build of an architectural flight evasion game.
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.
Construct a single-file (index.html) web game based on spatial alignment mechanics.
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.
Create a SINGLE FILE (index.html) interactive maze game.
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.
