Overview
This prompt aims to guide developers in creating a two-player 2D platformer game using HTML, CSS, and JavaScript. Game developers and educators will benefit from this structured approach to building a touch-optimized game.
Prompt Overview
Purpose: This game aims to provide an engaging 2D platformer experience for two players on Android devices.
Audience: The target audience includes casual gamers and programming enthusiasts interested in mobile game development.
Distinctive Feature: It features touch-based controls optimized for multi-touch, enhancing gameplay for two players simultaneously.
Outcome: Players will enjoy a collaborative experience, achieving victory by reaching the flag together in a fun environment.
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Creative Writing & Storytelling
- Techniques: Zero-Shot Prompting
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- 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 2D side-scrolling platformer game for two players within a single HTML file using HTML, CSS, and JavaScript. The game must meet the following requirements:
– Controls:
– Touch-based only, optimized for Android devices with multi-touch support.
– No PC keyboard controls should be implemented.
– Player Controls:
– Each player has three control buttons:
– Move left
– Move right
– Jump
– Platforms:
– Design fixed platforms manually within the game (no random generation).
– Goal:
– Introduce a goal represented by a flag.
– When both players reach the flag, display a win condition.
– Scrolling Mechanics:
– Implement smooth side-scrolling mechanics as players navigate the level.
# Steps
1. Setup:
– Create a single HTML file that includes all required HTML, CSS, and JavaScript for the game.
2. Canvas Design:
– Design and render the game canvas to display the two player characters, platforms, and the flag.
3. Static Platforms:
– Create static platforms at predetermined positions to form the level.
4. Touch Controls:
– Implement touch controls with separate left, right, and jump buttons for each player.
– Ensure multi-touch works (e.g., each player has control areas on different screen halves).
5. Player Mechanics:
– Program player movement, jumping physics, collision detection with platforms, and side-scrolling logic.
6. Win Condition:
– Detect when each player reaches the flag.
– If both have reached it, show a winning message.
# Output Format
Provide the full source code as a single HTML file that can be opened on Android devices and supports all specified features. The code should be clean, properly commented, and contain all styles and scripts inline.
Screenshot Examples
How to Use This Prompt
- Copy the prompt for game requirements and specifications.
- Create a single HTML file for the game.
- Design the game canvas with HTML and CSS.
- Implement touch controls for player movement and jumping.
- Program player mechanics and win conditions in JavaScript.
- Test the game on an Android device for functionality.
Tips for Best Results
- Use a Canvas Element: Create a element in your HTML to render the game graphics.
- Implement Touch Controls: Use touch events to handle player movements and actions, ensuring multi-touch support for both players.
- Define Platforms: Manually position static platforms in the game area for players to jump on and navigate.
- Check Win Condition: Monitor player positions to determine if both reach the flag, then display a win message on the screen.
FAQ
- What is the main goal of the game?
The goal is for both players to reach the flag to win. - How are players controlled in the game?
Players use touch-based controls with buttons for moving left, right, and jumping. - What type of platforms are used in the game?
The game features fixed platforms that are manually designed, not randomly generated. - What happens when both players reach the flag?
A winning message is displayed when both players reach the flag.
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.
