社区创作者 0597

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.

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 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 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 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.