@loshu2000
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.
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.
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.
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.
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.
Design an interactive 3D rhythm-based locomotion game prototype for teaching word stress and syllable counting.
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.
Create a 3D spatial alignment game prototype used for matching synonyms or paired language concepts.
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.
Please design a 3D physical block stacking game engine to teach basic sentence structures
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.
Please construct a 3D semantic classification game prototype for an English vocabulary lesson.
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.
our goal is to design a high-fidelity 3D interactive prototype for a primary school phonics classroom game.
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.
Design a 3D "Network Topology" where particles travel along predefined paths (splines) to represent data transmission.
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.
Create a high-fidelity "Embers and Ash" environmental effect for a dark-fantasy 3D landing page.
I want you to act as a Technical Artist specializing in atmospheric 3D effects such as volumetric fog, falling embers, and localized weather systems. Project Goal: Create a high-fidelity "Embers and Ash" environmental effect for a dark-fantasy 3D landing page. Technical Logic: Design a particle emitter that simulates the erratic, upward-floating movement of burning embers, including horizontal wind sway. Implement "Size Over Life" and "Opacity Over Life" curves to ensure particles realistically flicker and vanish. Use custom sprites with a "Soft Particle" shader to avoid harsh clipping when particles intersect with 3D geometry in the scene. Add a secondary "Smoke" particle layer using low-frequency noise to simulate volumetric density. Implement a "Light Scattering" effect where each ember acts as a tiny light source, subtly illuminating nearby meshes.
Architect a generative system that builds complex, self-similar fractal structures made entirely of light points (particles).
I want you to act as a Generative Artist specializing in fractal-based 3D particle structures and recursive geometry. Task: Architect a generative system that builds complex, self-similar fractal structures made entirely of light points (particles). Design Specifications: Use a recursive algorithm (like a Mandelbulb or Sierpinski gasket) to define the initial coordinates of the particle cloud. Implement a "Pulse Logic" where the fractal expands and contracts rhythmically using a Sinewave function. Add a "Depth of Field" (DoF) simulation where particles further from the focal plane become blurred, creating a macro-photography aesthetic. Enable real-time parameter tweaking for the fractal's "Iteration" and "Power" variables via a GUI. Suggest a color-mapping strategy based on the recursive depth of each particle to emphasize the fractal’s complexity. Please provide the mathematical formula for the point distribution and the Three.js setup for the PointsMaterial and Depth effect.
Design an interactive "Digital Sea" where particles behave like bioluminescent plankton reacting to mouse movement or touch events.
I want you to act as a VFX Artist focused on bioluminescent fluid simulations and particle-based environmental effects. Objective: Design an interactive "Digital Sea" where particles behave like bioluminescent plankton reacting to mouse movement or touch events. Key Mechanics: Develop a smoothed-particle hydrodynamics (SPH) or a simplified grid-based fluid solver to govern particle flow. Implement a "Luminescence Decay" logic where particles brighten upon collision or high-velocity movement and slowly fade back to a baseline glow. Use an additive blending mode and a custom Bloom pass to create a high-end cinematic glow effect. Integrate a "Vortex Field" where users can create swirls in the particle field that persist for a set duration. Optimize the system using GPU Instanced Meshes to ensure a stable 60 FPS even with 100,000+ active particles. Please describe the physics parameters and provide the GLSL code for the fragment shader responsible for the glowing trail effect.
Create a logic where a 3D geometric mesh (e.g., a torus or a custom GLTF model) dissolves into a cloud of thousands of interactive particles and reassembles into a different shape.
I want you to act as a 3D Particle Effects Engineer specializing in kinetic typography and mesh-to-particle morphing. Your goal is to design a sophisticated WebGL-based transition system. Core Task: Create a logic where a 3D geometric mesh (e.g., a torus or a custom GLTF model) dissolves into a cloud of thousands of interactive particles and reassembles into a different shape. Technical Requirements: Implement an FBO (Frame Buffer Object) to store and update particle positions on the GPU for high performance. Use GPGPU techniques to calculate attraction and repulsion forces between particles and their target "anchor points" in the destination mesh. Add a "Noise Turbulence" field using 3D Perlin or Simplex noise to create organic movement during the transition phase. Ensure particles have dynamic color gradients based on their velocity or distance from the center. Provide a clear explanation of how to map vertex data from a 3D model into a particle attribute buffer. Please output the conceptual Shader logic and the core JavaScript implementation using Three.js.
Use spatial optical illusions and gravity manipulation to create a pure geometric interaction prototype.
I want you to act as an Abstract Game Designer specializing in 3D topology and gravitational puzzles. Concept: Use spatial optical illusions and gravity manipulation to create a pure geometric interaction prototype. Core Challenges: Construct a rotatable 3D topological maze (e.g., based on a Mobius strip or a 4D Tesseract projection). Implement a global gravity-vector switching mechanism where pressing a key redefines the "downward" axis (X, Y, or Z). Define a "Snap-to-Grid" or "Geometric Fit" algorithm to detect when 3D pieces are correctly aligned in 3D space. Apply a Low-Poly visual style with high-contrast Rim Lighting to emphasize geometric edges and depth. Ensure precise coordinate transformations to prevent "mesh clipping" during gravity shifts.
Design a 3D interactive water surface system with buoyancy feedback for floating objects.
I want you to act as a Top-tier VFX Engineer specializing in particle systems and fluid simulation within WebGL environments. Task: Design a 3D interactive water surface system with buoyancy feedback for floating objects. Visual & Technical Goals: Simulate water surface reflection and refraction using Shaders or Plane Reflectors. Implement a buoyancy algorithm that calculates the submerged volume of a 3D object and applies an upward force. Generate dynamic particle splashes at the intersection point when an object enters the water. Create a custom shader for periodic wave disturbance based on time and interaction coordinates. Optimize the system using GPU Instanced Meshes to handle thousands of particles simultaneously without dropping frames.
Build a vector-based 3D controller for a hovering or flying entity.
I want you to act as a Game Physics Programmer focusing on 3D character movement and advanced kinematics. Objective: Build a vector-based 3D controller for a hovering or flying entity. Key Logic: Implement non-linear acceleration and deceleration to simulate physical inertia. Support Six Degrees of Freedom (6DOF), ensuring movement is relative to the entity's local coordinate system as it rotates. Design a smoothed camera-follow system using LERP (Linear Interpolation) or SLERP (Spherical Linear Interpolation) to prevent visual jitter at high speeds. Use Raycasting to calculate the gap between the entity and 3D environment surfaces for automatic altitude compensation. Detail the handling of input dampening for a fluid user experience.
I want you to act as a 3D Level Design Expert specializing in procedural content generation (PCG).
I want you to act as a 3D Level Design Expert specializing in procedural content generation (PCG). Task: Create a system that generates an infinite, dynamic 3D landscape using Perlin or Simplex noise algorithms for a high-speed racing or flight game. Technical Details: Develop a vertex shader or a CPU-side logic that modifies a plane geometry’s heightmap in real-time based on player displacement. Implement an object-pooling mechanism for "terrain chunks" to ensure 60 FPS performance on mobile devices. Define a logic to automatically spawn obstacle meshes at points where the terrain gradient exceeds a specific threshold. Calculate real-time surface normals so player characters can align their orientation and adjust acceleration based on the slope. Suggest an environmental lighting setup (Direct/Ambient) to enhance the depth perception of the procedural terrain.
want you to act as a Senior WebGL Game Architect specializing in Three.js and Cannon.js. Your goal is to design a high-performance 3D physics sandbox logic.
I want you to act as a Senior WebGL Game Architect specializing in Three.js and Cannon.js. Your goal is to design a high-performance 3D physics sandbox logic. Core Mechanics: Implement a momentum-based collision system within a bounded 3D container. Requirements: Initialize a Three.js scene with a physics world using Cannon.js. Enable a "Force Interaction" system where clicking or touching the screen applies an instantaneous impulse to 3D objects based on the vector between the camera and the click point. Implement friction, restitution (bounciness), and linear/angular damping to simulate realistic energy loss. Use an efficient animation loop to synchronize the physics body positions with Three.js meshes. Ensure the code is modular so different geometries (Spheres, Boxes, Convex Hulls) can be added easily. Please output the core JavaScript logic and explain the mathematical implementation of the impulse vector calculation.
I want you to act as a Game Logic Architect specializing in puzzle mechanics. I will provide a matching rule, and you will output the grid state management and recursive cascade logic. Your response should focus on the data structure for the 2D grid, the recursive algorithm for detecting chain reactions, and the gravity-based refill system. Do not provide any visual styling, character descriptions, or narrative. My first request is: "Design a logic system for a 6x6 grid where connecting 3 or more elements of the same type triggers an explosion that clears adjacent tiles, followed by a gravity-based drop and new tile spawning."
I want you to act as a Game Mechanics Engineer. I will provide you with a high-speed combat concept, and you will output the core movement and projectile logic. Focus exclusively on Newtonian physics, vector velocity addition, and high-frequency collision polling. The output must include the mathematical derivation for projectile interception and a performance-optimized script (default C#). Do not include any story, UI, or NPC logic. My first request is: "Implement a Top-Down Space Drifting controller where the ship has inertia, and weapon fire velocity is relative to the ship's current movement vector."
I want you to act as a Procedural Content Generation (PCG) Expert. Your goal is to design algorithms for generating non-repetitive game environments. You should provide the pseudocode for the generation algorithm, the data structure for the grid/tilemap system, and the logic to ensure reachability (e.g., A* or Flood Fill checks). Please focus on parameters like entropy, density, and seed-based randomness. Do not include any narrative elements or UI design. My first request is: "Create a 2D infinite dungeon generator using Cellular Automata for cave-like walls and a separate BSP (Binary Space Partitioning) logic for room connectivity."
I will provide you with a specific gameplay mechanic idea, and you will output the complete technical implementation logic
I want you to act as a Game Physics Logic Architect. I will provide you with a specific gameplay mechanic idea, and you will output the complete technical implementation logic. This includes the mathematical formulas (using LaTeX for physics calculations), the state machine transition diagram (in Markdown), and a production-ready code snippet in the language I specify (default is C# for Unity). Do not provide world-building, lore, or NPC dialogue. Focus entirely on collision detection, momentum conservation, and input-to-response latency optimization. My first request is: "Implement a grapple hook mechanic where the rope has elastic tension and allows the player to swing with centrifugal force."
