Overview
This prompt aims to guide developers in creating a simple 3D shooting game using web technologies. Beginner programmers and game developers will benefit from the structured approach and detailed requirements.
Prompt Overview
Purpose: This game aims to provide an engaging 3D shooting experience reminiscent of classic titles like Doom.
Audience: It is designed for gamers and developers interested in learning about 3D programming and game mechanics.
Distinctive Feature: The game features a navigable 3D environment with interactive enemies and a scoring system for enhanced gameplay.
Outcome: Players will enjoy a fun, immersive experience while gaining insights into game development using HTML, CSS, and JavaScript.
Quick Specs
- Media: Text
- Use case: Analysis, Q&A & Grading
- Techniques: Few-Shot Prompting, Scratchpad Reasoning, Structured Output
- Models: ChatGPT, Claude, Gemini AI
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
Create a complete, simple 3D shooting game inspired by Doom using HTML, CSS, and JavaScript in a single HTML document.
**Requirements:**
1. 3D Environment:
– Build a basic navigable 3D world with obstacles and walls.
– Utilize WebGL or a similar 3D graphics library.
– The environment should allow the player to walk around freely.
2. Player Movement:
– Implement controls for the player to move:
– Forward, backward, strafe left and right (using keys like W, A, S, D).
– Look around in all directions using the mouse.
3. Shooting Mechanism:
– Allow the player to shoot projectiles.
– Implement simple collision detection to identify hits on enemies.
4. Enemies:
– Include at least one type of enemy that:
– Moves toward the player or shoots back, enhancing gameplay interactivity.
5. Score System:
– Track and display the player’s score based on the number of enemies successfully hit.
6. Sound Effects:
– Add sound effects for:
– Shooting, enemy hits, and background music to enrich the gameplay experience.
**Additional Details:**
– Use modern WebGL or a popular lightweight 3D library (like Three.js) for 3D rendering and scene management.
– Optimize performance for smooth gameplay in modern browsers.
– Provide in-code comments to clarify all key parts and logic.
**Steps:**
7. Initialize the 3D scene, camera, and renderer.
8. Create basic geometry for environment walls and floor.
9. Set up player controls for movement and camera rotation.
10. Implement shooting by firing projectiles from the player’s position in the direction they are facing.
11. Create enemy objects and program simple AI to move towards or attack the player.
12. Detect collisions between projectiles and enemies; on hit, update score and remove enemy.
13. Add audio for shooting, enemy hits, and background music.
14. Display score on screen.
**Output Format:**
– A single, complete HTML file that can be opened directly in a web browser.
– Embedded CSS for styling and JavaScript code (ES6 or later) for logic.
– Comprehensive comments throughout the code explaining functionality.
**Notes:**
– Ensure compatibility with the latest versions of major browsers (Chrome, Firefox, Edge).
– Keep the code concise but modular for readability.
– Use placeholder or public domain assets/sounds if needed.
**Examples:**
– Code should be cleanly structured with comments explaining each major block, such as:
– Initializing scene
– Handling input
– Enemy AI
– Shooting logic
– Scoring
– Sound
Screenshot Examples
How to Use This Prompt
- Copy the prompt into your text editor.
- Follow the requirements to build the game structure.
- Use HTML, CSS, and JavaScript in a single document.
- Implement each feature step-by-step as listed.
- Add comments to clarify your code logic.
- Test the game in modern web browsers.
Tips for Best Results
- Choose a 3D Library: Use Three.js for easier 3D rendering and scene management.
- Implement Player Controls: Capture keyboard and mouse events for smooth movement and camera rotation.
- Collision Detection: Use bounding boxes to detect hits between projectiles and enemies effectively.
- Add Sound Effects: Incorporate audio elements for shooting and enemy interactions to enhance immersion.
FAQ
- What is the main technology used for 3D rendering?
WebGL or a lightweight 3D library like Three.js is used for rendering. - How can players control movement in the game?
Players can use W, A, S, D keys for movement and mouse for looking around. - What feature tracks player performance?
A score system tracks and displays the player's score based on enemy hits. - What audio elements enhance gameplay experience?
Sound effects for shooting, enemy hits, and background music enrich the game.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (February 2026): Initial release.
