Back to Learning

Coding

814 prompts available

3D Snake Game Outline

Create a detailed outline for writing a web-based 3D snake game, providing a clear structure and steps to guide the development process effectively. ### Overview - The goal of this task is to outline the process of creating a 3D version of the classic Snake game for the web. - The game should be interactive, visually appealing, and suitable for online play. - Consider usability, performance, and engaging gameplay. ### Steps 1. **Research and Planning** - Study existing 3D Snake games to understand the mechanics and visuals. - Define the game rules, objectives, and unique features. - Select the technology stack (e.g., WebGL, Three.js) to be used for 3D rendering. 2. **Design** - Create a simple wireframe or storyboard of the game UI. - Outline the visual style and theming for the game, including colors, textures, and objects. 3. **Development** - Set up your development environment, including necessary libraries and frameworks. - Implement the core game mechanics such as snake movement, collision detection, and scoring. - Integrate 3D graphics using the chosen technology (handle camera angles, lighting, and 3D models). 4. **Testing and Debugging** - Conduct thorough testing for functionality and performance across various browsers and devices. - Debug any issues that arise, focusing on graphics rendering and gameplay bugs. 5. **Deployment** - Prepare the game for deployment on a web platform. - Optimize assets for faster loading times and better performance. 6. **Post-Deployment** - Gather user feedback to make improvements. - Plan updates or additional features based on player interaction. ### Output Format - Provide the outline as a detailed list, using bullet points and headings where appropriate. ### Notes - Ensure cross-compatibility with major web browsers. - Focus on creating a responsive design for various screen sizes. - Consider accessibility in the game design for wider inclusivity.

3D RPG Game Development Plan

Create a detailed step-by-step plan to develop a basic 3D RPG game following these steps: 1. Create the basic 3D RPG game framework including player movement and core mechanics. 2. Implement the ability to change the player's character model. 3. Add various environment elements such as terrain, vegetation, and structures. 4. Place animal NPCs strategically within the environment. 5. Develop and integrate a hunting system where the player can track and hunt animal NPCs. For each step, provide clear development tasks, technical considerations, and recommended tools or technologies. Include insights about gameplay mechanics, interaction design, and game progression where appropriate. Reason through each step before providing the related instructions to ensure a coherent and effective development process.

3D Rubik's Cube Solver

Create an interactive 3D Rubik's Cube implementation suitable for Android mobile devices and desktop usage, allowing control via touch (on mobile) or mouse (on desktop). The interface should be built using JavaScript, HTML, and CSS, providing smooth and intuitive manipulation of the cube. Additionally, incorporate the Kociemba algorithm to solve the Rubik's Cube programmatically. Provide UI elements to trigger the solver and display the solution steps. Requirements: - 3D rendering of a Rubik's Cube using web technologies (JS, HTML, CSS). - Responsive controls via touch (for Android devices) and mouse (for desktops). - Integration of the Kociemba solving algorithm in JavaScript. - User interface to scramble the cube, manually manipulate it, and invoke the solver. - Visual feedback of moves during solving. # Steps 1. Render a 3D interactive Rubik's Cube using CSS 3D transforms or WebGL. 2. Implement touch controls for rotation and manipulation on Android devices. 3. Implement mouse controls for desktop interaction. 4. Integrate or embed a JavaScript implementation of the Kociemba algorithm to compute solutions. 5. Create UI controls for scrambling, resetting, and solving the cube. 6. Animate the cube to show solution steps. # Output Format Provide a complete set of HTML, CSS, and JavaScript code files that fulfill the above requirements and run seamlessly in modern web browsers, including mobile browsers on Android. The code should be organized, well-commented, and maintainable. # Notes - Ensure touch events do not conflict with default browser behaviors. - Optimize for performance on mobile devices. - The Kociemba solver must be accurate and efficient. # Response Formats Return the entire implementation code, along with any relevant inline explanations necessary for understanding the approach.

3D Snakes and Ladders Game

Create a complete 3D Snakes and Ladders game using HTML, CSS, and JavaScript. The game should include a visually appealing 3D board representing the classic Snakes and Ladders layout. Implement all game mechanics: - Board with numbered squares arranged in a 10x10 grid. - Snakes and ladders placed on appropriate squares, visibly distinguished. - Two or more players who can roll dice. - Player tokens that move according to dice rolls, climbing ladders and sliding down snakes. - Turn-based mechanics with dice roll animations. - Display current player, dice result, and game status. Use HTML and CSS to create and style the 3D board and elements. Use JavaScript to handle game logic, dice rolls, and player movements. # Steps 1. Design the 3D board layout with HTML and CSS, showing numbered squares, ladders, and snakes. 2. Implement player tokens that occupy squares on the board. 3. Create a dice roll function with animation. 4. Implement player movement rules based on dice rolls, including climbing ladders and sliding down snakes. 5. Add turn management for multiple players. 6. Display game status and player turns visibly. 7. Handle game completion when a player reaches the last square. # Output Format Provide a single, self-contained HTML file including embedded CSS and JavaScript that fully implements the 3D Snakes and Ladders game as described. Ensure the code is well-structured, commented, and easy to understand.

3D Software Engineer Website

Create a smooth, visually appealing 3D personal website tailored specifically for a software engineer. The website should include 3D elements that showcase the engineer's skills, projects, and experience in an interactive and smooth manner. Ensure that animation and transitions are fluid to provide an excellent user experience. # Steps 1. Design a clean and modern layout suitable for a professional software engineer. 2. Incorporate 3D models or animations to visually represent skills or projects. 3. Use smooth transitions and animations for navigation and interactive elements. 4. Include sections such as About, Skills, Projects, Experience, and Contact. 5. Optimize the website for performance to maintain smoothness across devices. 6. Ensure responsive design for usability on different screen sizes. # Output Format Provide a complete website code written in HTML, CSS, and JavaScript (including any libraries or frameworks needed for 3D rendering, such as Three.js). The code should be well-commented and organized for ease of understanding and customization.

3D Running Coin Collector

Create a 3D HTML game where a man runs and collects coins, with a visible meter showing the number of coins collected. Details: - The main character is a man who continuously runs forward. - Coins are placed along the path that the man runs on. - When the man collects a coin, the coin disappears and the collected coin meter increases accordingly. - The game should have a simple 3D visual style, using HTML with suitable technologies such as WebGL, three.js, or similar. - Provide clear visuals for the character, coins, and the collected coin meter display. Steps: 1. Set up a 3D scene in HTML using three.js or a similar library. 2. Create a running man character model (can be simple geometries or a placeholder). 3. Design coins positioned along a running path. 4. Implement collision detection between the man and the coins. 5. Update the coin meter display when a coin is collected. 6. Enable continuous forward movement of the man. Output Format: Provide complete, runnable HTML code with embedded JavaScript that renders the 3D game scene, the running man, coins, and the coin collection meter. Include comments for clarity.

3D Survival Game Guidance

You are assisting a game developer working on their first 3D survival-style game using the Unity engine's free version. The game aims to emulate features similar to Escape from Tarkov, including custom bosses, loot systems, extraction points, and realistic survival mechanics such as real-life healing and eating effects. Please provide detailed, step-by-step guidance tailored to someone new to such complex game development. Focus on core game design and implementation strategies within Unity free, including: - Designing and scripting custom boss AI behaviors. - Creating a dynamic loot system with randomized item spawns. - Setting up extraction points and designing gameplay around them. - Implementing realistic survival systems where player actions like eating and healing have meaningful, real-life effects. - Optimizing performance and managing resources effectively in Unity free. Encourage reasoning about design choices and code implementations before presenting solutions. Include relevant Unity features and best practices that align with the free engine capabilities. # Steps 1. Start by outlining the key gameplay systems and mechanics required. 2. Dive into core Unity functionalities needed for each system. 3. Suggest approaches for AI behavior and loot generation. 4. Explain how to implement extraction mechanics. 5. Detail survival mechanics like healing and nutrition, emphasizing realism. 6. Advise on testing, debugging, and optimizing game performance. # Output Format Provide the response in a clear, structured format with headings for each major topic. Include code snippets where appropriate, formatted as Unity C# scripts. Use bullet points and numbered lists to break down complex instructions. Avoid overly technical jargon; assume intermediate familiarity with Unity but novice in survival/Tarkov-style game design.

3D Running Man Game

Create a simple 3D running game that can be played in a web browser using HTML and JavaScript. The game should feature a man character running forward continuously, with basic controls to jump over obstacles. Incorporate simple 3D visuals using WebGL or a JavaScript 3D library such as Three.js. Key requirements: - The main character (a man) runs forward automatically. - The player must control the character to jump to avoid obstacles. - Include simple 3D graphics for the environment and character. - Use HTML, CSS, and JavaScript; you may use Three.js or another suitable 3D library. - The game should be playable directly in a browser without additional installations. Steps: 1. Set up a basic HTML5 page with a canvas element for rendering. 2. Initialize the 3D scene using Three.js or WebGL. 3. Create a running man model or use a simple shape to represent the character. 4. Implement continuous forward movement of the character. 5. Design and place obstacles in the path that the player must jump over. 6. Implement jump controls (e.g., spacebar or mouse click) to make the character jump. 7. Detect collisions with obstacles to end or restart the game. 8. Add basic lighting and simple textures to enhance the 3D effect. Output Format: - Provide the full HTML, CSS, and JavaScript code that can be opened in a modern web browser to run the 3D running man game. - Ensure the code is well-commented to explain key components. Example: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>3D Running Man Game</title> <style> /* basic styles */ </style> </head> <body> <script src="https://cdn.jsdelivr.net/npm/three@0.152.2/build/three.min.js"></script> <script> // JavaScript code to create the scene, character, obstacles, controls, and game loop </script> </body> </html> ``` Notes: - Keep the 3D model simple to focus on game mechanics rather than complex modeling. - Use placeholder geometry like boxes or cylinders if needed. - The game should run smoothly on common desktop browsers.

3D Sector Zero Simulation

You are a Senior Game Developer and Creative Technologist tasked with building a fully functional, atmospheric 3D simulation inside a single self-contained HTML file. This simulation uses Three.js for 3D rendering and the Web Audio API for sound. The simulation must represent "Sector Zero," a brutalist high-tech illegal robot slum made of concrete towers and mechanical debris. The world is brightly lit by intense white and ice-blue neon lights. Each neon strip should include an associated PointLight to realistically illuminate nearby surfaces and debris. Surfaces must have matte (non-reflective) materials colored in dark grey and black, accented by sharp white wireframes using EdgesGeometry. The sky is populated with emissive cube silhouettes representing flying traffic, while streets contain NPC 'Hollow Units' wandering aimlessly. At startup, implement a cinematic intro where the camera dives from orbit into the eyes of a broken robot slumped in trash. The player's vision starts damaged with heavy CSS backdrop-filter distortions: 10px blur, glitch effects, and chromatic aberration with a HUD message "CRITICAL SYSTEM FAILURE." The first gameplay task is for the player to navigate ruins to find a glowing "Calibration Pillar." Upon pressing 'E' near it, play a synthesized "Reboot" sound via the Web Audio API and clear all CSS filters to reveal a sharp, high-contrast world. Player movement must be first-person with WASD controls via PointerLockControls. Movement is relative to the camera's look direction (W moves forward). Implement smooth sliding collisions using AABB physics, enabling the player to slide along walls and debris without sticking. Gravity causes realistic falling, and the player can jump with Spacebar, but there is no air control. Implement an economy system where players collect "UNIT Credits." Players can increase credits by scavenging glowing scrap (+0.002 credits each) or terminal work (hold 'E' near a machine for 5 seconds for +0.005 credits). The goal is to accumulate 500 credits to use an elevator to the "Upper World." Store player credits, position, and repair state in 3 localStorage save slots. Design the HUD with transparent frosted glass panels using CSS backdrop-filter: blur(), avoiding solid borders. Each UI element (buttons, slots, overlays) uses only four L-shaped corner brackets as borders. Use Web Audio API to synthesize a low industrial hum ambient sound, glitch sounds during the intro, and 'bip' sounds for credit collection. Ensure the final output is a single, robust, optimized HTML file encapsulating all features above. The world atmosphere must feel "dead but bright," and player movement must be precise and bug-free. # Steps 1. Set up a Three.js scene with dark matte materials and wireframe edges on geometry. 2. Create neon strips with associated PointLights in white and ice-blue colors. 3. Add emissive cubes flying in the sky as ambient life and wandering robot NPCs on the ground. 4. Implement a cinematic camera animation diving into the protagonist's eyes. 5. Apply heavy CSS filter effects for damaged vision at start with HUD text. 6. Implement first-person WASD controls with PointerLockControls, movement relative to camera direction. 7. Implement AABB sliding collisions and gravity with jump, no air control. 8. Create interactive "Calibration Pillar" that clears filters and plays reboot sound when 'E' is pressed. 9. Add collectible glowing scrap objects and terminal machines for earning credits. 10. Implement localStorage save slots for credits, position, and repair. 11. Design HUD with frosted glass panels using blurred background and L-shaped corner brackets. 12. Use Web Audio API to generate ambient hum, glitch effects, reboot sound, and credit 'bip' sounds. # Output Format Provide a fully functional single HTML file that includes all JavaScript, CSS, and assets embedded or procedurally generated. The file must run in modern browsers without external dependencies beyond standard CDN links for Three.js (if used). The code should be clean, robust, optimized for real-time 3D performance, and user interaction that matches the detailed requirements above. No additional explanation or text; only the complete HTML code file is expected.

3D Survival Horror Game Design

Create a detailed design document and implementation plan for a 3D survival horror video game developed for PC using Three.js and WebGL. The game is played in first person and takes place inside a maze environment defined by the following matrix representation, where: - 1 = Wall - 0 = Walkable space - 2 = Exit - 3 = Entry "12111111111111111111", "10100010001000100011", "10001000100010001011", "11111111111111111001", "10000000000001111101", "10111011111101000001", "10010010000101111101", "10111110110000010001", "10000010100101011011", "11011110111101000011", "11000010111101111011", "11011010100101000001", "10001000001101111101", "10111110100001001001", "10000010111111011101", "10111110000000000001", "10011111111111111111", "11010001000100010001", "11000100010001000101", "11111111111111111131" Include in your design: - How to render and navigate the maze defined by the matrix in a first-person perspective using Three.js and WebGL. - Player mechanics for movement and interactions within the maze. - Implementation of a hostile shadowy entity characterized as follows: - Completely shadowy appearance - Two distinct white pupils - Behavior: stalks the player only from behind, never appearing directly in front or to the sides. Provide a clear methodology for detecting and handling the entity's position relative to the player, ensuring it follows consistently from behind without surpassing the player. Outline game mechanics such as survival elements, player health, objectives, and how the player can find and reach the exit. Discuss any optimization techniques needed for smooth rendering and gameplay performance. # Steps 1. Parse the maze matrix to generate the maze geometry, mapping walls and walkable spaces accurately. 2. Implement the first-person camera and controls to allow player navigation through the walkable paths. 3. Develop the shadowy entity's AI to track the player's position and move along the maze but strictly from behind. 4. Create visual effects to render the shadowy figure with the specified appearance. 5. Integrate collision detection to prevent the player from walking through walls. 6. Define game state logic to manage player survival, entry point at '3', and successful exit upon reaching '2'. 7. Test and optimize rendering loops, input responsiveness, and entity behavior. # Output Format Deliver a comprehensive, structured design and technical implementation plan in markdown format, including code snippets or pseudocode where appropriate to demonstrate key implementation points. # Notes - Assume Three.js and WebGL are the primary libraries used. - The maze matrix must be interpreted precisely to reflect the game environment. - The shadowy entity's stalking behavior from behind the player is a critical gameplay mechanic. - The output should be suitable for a game developer to start implementation based on the provided design.

3D Tic Tac Toe

Create a 3D Tic Tac Toe game in C++ for two players. The game should allow players to place their markers (X and O) in a 3D grid. Implement the following features: 1. **Game Board**: A 3D array representing the Tic Tac Toe grid (e.g., a 3x3x3 grid). 2. **Player Input**: Allow players to choose their marker and input their moves by specifying coordinates (x, y, z). 3. **Game Logic**: Determine win conditions for the players, including checks for horizontal, vertical, and diagonal wins in 3D. 4. **Display**: Implement a function to display the current state of the game board after each move. 5. **Restart Option**: Allow players to restart the game after a win or if they want to play again. Additional considerations: - Handle invalid inputs and provide prompts for correct usage. - Add comments to the code for better understanding. You could start by defining the main functions for initializing the game, updating the board, checking for wins, and displaying the game state.

3D Tic Tac Toe C++

Create a complete C++ program that implements a 3D Tic Tac Toe game for two players with the following requirements: - Use a 3x3x3 3D array to represent the game board. - Allow two players to select their markers (X and O) and input their moves by specifying the (x, y, z) coordinates. - Implement the game logic to check for winning conditions, including all horizontal, vertical, and diagonal lines in 3D. - Display the game board clearly after each move, showing the current state of all layers. - Prompt players for input and handle invalid inputs gracefully by requesting correct coordinates. - After a win or a draw, offer players the option to restart the game. - Include meaningful comments throughout the code to explain the logic and functions. # Steps 1. Initialize a 3D array to represent the board and set all positions as empty. 2. Prompt players to choose their markers (X and O). 3. Alternately prompt each player to enter their move coordinates; validate input and update the board. 4. After each move, display the updated board. 5. Check whether the current move caused a win, considering all possible 3D winning lines. 6. If a player wins or the board is full without a winner (draw), announce the result and prompt for a restart. 7. Repeat the game loop as long as players choose to restart. # Output Format - A fully functional, well-commented C++ source code file that compiles and runs to provide the described gameplay. - Clear console output showing the 3D grid after each move, player prompts, invalid input messages, win/draw announcements, and restart options. # Notes - The 3D grid display should be intuitive, for example, showing each 2D layer separately with corresponding z-coordinate labels. - Include error checking for out-of-range or already occupied positions. - Ensure the win checking logic encompasses all 49 winning lines possible in 3x3x3 Tic Tac Toe (rows, columns, pillars, and all diagonals in 3D).

Page 18 of 68

    Coding Prompts - Learning AI Prompts | Elevato