mã-nguồn

Game Concept: An educational game where students link historical events (Chronos) using "Energy Threads." It uses a force-directed layout to keep event bubbles floating naturally in a 3D space.
Technical Prompt:
Create a link-based puzzle. Use a force-simulation logic to prevent bubble overlapping. When two correct bubbles are clicked, draw a CatmullRomCurve3 between them with a glowing neon texture.

Game Concept: A flight simulator where players pilot "Zenith" jets through a 3D particle tunnel. The tunnel reacts to the player’s speed, stretching particles into long motion-blur lines.
Technical Prompt:
Construct a 3D flight tunnel using a large CylinderGeometry with inverted normals. Generate 5,000 star-particles along the inner walls. Link player speed to particle scale.

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Travel Itinerary: Nanjing to Changchun</title>
    <style>
        body { font-family: Arial, sans-serif; }
        .itinerary { margin: 20px; }
        .day { margin-bottom: 20px; }
        .header { font-size: 24px; font-weight: bold; }
        .sub-header { font-size: 18px; font-weight: bold; }
    </style>
</head>
<body>
    <div class="itinerary">
        <div class="header">Travel Itinerary: Nanjing to Changchun</div>
        <div class="sub-header">Dates: startDate to endDate</div>
        <div class="sub-header">Budget: budget RMB</div>

        <div class="day">
            <div class="sub-header">Day 1: Arrival in Changchun</div>
            <p><strong>Flight:</strong> flightDetails</p>
            <p><strong>Hotel:</strong> hotelName - Located in city center, comfortable and affordable</p>
            <p><strong>Weather:</strong> weatherForecast</p>
            <p><strong>Packing Tips:</strong> packingRecommendations</p>
        </div>

        <div class="day">
            <div class="sub-header">Day 2: Exploring Changchun</div>
            <p><strong>Attractions:</strong> attraction1 (Ticket: ticketPrice1, Open: openTime1)</p>
            <p><strong>Lunch:</strong> Try local cuisine at restaurant1</p>
            <p><strong>Afternoon:</strong> Visit attraction2 (Ticket: ticketPrice2, Open: openTime2)</p>
            <p><strong>Dinner:</strong> Enjoy a meal at restaurant2</p>
            <p><strong>Transportation:</strong> transportDetails</p>
        </div>

        <!-- Repeat similar blocks for Day 3, Day 4, etc. -->
        
        <div class="day">
            <div class="sub-header">Day 5: Departure</div>
            <p><strong>Return Flight:</strong> returnFlightDetails</p>
        </div>

    </div>
</body>
</html>

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

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

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.

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.

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.

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

Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents the current session. Allow customization of work intervals (default 25min), short breaks (default 5min), and long breaks (default 15min). Include a task list integration where users can associate pomodoro sessions with specific tasks. Add configurable sound notifications for interval transitions with volume control. Implement detailed statistics tracking daily/weekly productivity with visual charts. Use localStorage to persist settings and history between sessions. Make the app installable as a PWA with offline support and notifications. Add keyboard shortcuts for quick timer control (start/pause/reset). Include multiple theme options with customizable colors and fonts. Add a focus mode that blocks distractions during work intervals.

Develop a first-person shooter game using Three.js and JavaScript. Create detailed weapon models with realistic animations and effects. Implement precise hit detection and damage systems. Design multiple game levels with various environments and objectives. Add AI enemies with pathfinding and combat behaviors. Create particle effects for muzzle flashes, impacts, and explosions. Implement multiplayer mode with team-based objectives. Include weapon pickup and inventory system. Add sound effects for weapons, footsteps, and environment. Create detailed scoring and statistics tracking. Implement replay system for kill cams and match highlights.

Build a professional-grade color tool with HTML5, CSS3 and JavaScript for designers and developers. Create an intuitive interface with multiple selection methods including eyedropper, color wheel, sliders, and input fields. Implement real-time conversion between color formats (RGB, RGBA, HSL, HSLA, HEX, CMYK) with copy functionality. Add a color palette generator with options for complementary, analogous, triadic, tetradic, and monochromatic schemes. Include a favorites system with named collections and export options. Implement color harmony rules visualization with interactive adjustment. Create a gradient generator supporting linear, radial, and conic gradients with multiple color stops. Add an accessibility checker for WCAG compliance with contrast ratios and colorblindness simulation. Implement one-click copy for CSS, SCSS, and SVG code snippets. Include a color naming algorithm to suggest names for selected colors. Support exporting palettes to various formats (Adobe ASE, JSON, CSS variables, SCSS).

Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering. Add audio controls including play/pause, skip, seek, volume, and playback speed. Include shuffle and repeat modes with visual indicators. Support multiple audio formats with fallbacks. Implement a 10-band equalizer with presets. Add metadata extraction and display from audio files. Create a responsive design that works on all devices. Include keyboard shortcuts for playback control. Support background playback with media session API integration.

Develop a comprehensive currency converter using HTML5, CSS3, JavaScript and a reliable Exchange Rate API. Create a clean, intuitive interface with prominent input fields and currency selectors. Implement real-time exchange rates with timestamp indicators showing data freshness. Support 170+ global currencies including crypto with appropriate symbols and formatting. Maintain a conversion history log with timestamps and rate information. Allow users to bookmark favorite currency pairs for quick access. Generate interactive historical rate charts with customizable date ranges. Implement offline functionality using cached exchange rates with clear staleness indicators. Add a built-in calculator for complex conversions and arithmetic operations. Create rate alerts for target exchange rates with optional notifications. Include side-by-side comparison of different provider rates when available. Support printing and exporting conversion results in multiple formats (PDF, CSV, JSON).

Create a client-side file encryption tool using HTML5, CSS3, and JavaScript with the Web Crypto API. Build a drag-and-drop interface for file selection with progress indicators. Implement AES-256-GCM encryption with secure key derivation from passwords (PBKDF2). Add support for encrypting multiple files simultaneously with batch processing. Include password strength enforcement with entropy calculation. Generate downloadable encrypted files with custom file extension. Create a decryption interface with password verification. Implement secure memory handling with automatic clearing of sensitive data. Add detailed logs of encryption operations without storing sensitive information. Include export/import of encryption keys with proper security warnings. Support for large files using streaming encryption and chunked processing.

Build a Kanban project management board using HTML5, CSS3, and JavaScript. Create a flexible board layout with customizable columns (To Do, In Progress, Done, etc.). Implement drag-and-drop card movement between columns with smooth animations. Add card creation with rich text formatting, labels, due dates, and priority levels. Include user assignment with avatars and filtering by assignee. Implement card comments and activity history. Add board customization with column reordering and color themes. Support multiple boards with quick switching. Implement data persistence using localStorage with export/import functionality. Create a responsive design that adapts to different screen sizes. Add keyboard shortcuts for common actions.

Build a comprehensive text analysis tool using HTML5, CSS3, and JavaScript. Create a clean interface with text input area and results dashboard. Implement word count, character count, and reading time estimation. Add readability scoring using multiple algorithms (Flesch-Kincaid, SMOG, Coleman-Liau). Include keyword density analysis with visualization. Implement sentiment analysis with emotional tone detection. Add grammar and spelling checking with suggestions. Include text comparison functionality for similarity detection. Support multiple languages with automatic detection. Add export functionality for analysis reports. Implement text formatting and cleaning tools.