Playable in the browser
The template includes menu and test-game scenes so the basic playable loop can be previewed in the browser.
HomePhaser game maker
Creation typePhaser game maker
Build Phaser games from editable browser project files
GenStory.cc starts Phaser projects with a menu, a playable test scene, and editable source files instead of an empty placeholder. Use it to test a game loop, plan assets, optionally draft scene code and image, music, or sound prompts with AI, and take the source out of the browser when you are ready.
100% open source and local-first by default; your work is not automatically uploaded to GenStory.cc servers, and can be manually synced to your own cloud drive after authorization.
Local-first
Structured project files
Preview and export
Creation type
Core workflow
Keep story, assets, and runnable output inside one clear project structure that can keep growing with you.
Edit real source code
index.html, JavaScript scenes, configuration, and CSS are editable project files included in the project backup.
Plan assets before production
Images, characters, music, and sound effects start as logical IDs and prompts in assets/index.yml before being wired into scenes.
Prompt workspace
AI prompt examples
These examples show where the optional AI assistant fits: read the project context and project rules first, then propose drafts, structure, or asset prompts that you can review and edit. Project files still stay local in this browser by default.
Define the creative goal and asset relationships first, then turn prompts into reusable, traceable project material.
Runnable case
Case project: Cute Animal Match-3
A complete Phaser multi-level match-3 case with cute animal icons, independent color assets, a menu, level selection, gameplay, and result scenes.
Model: OpenRouter · OpenAI: GPT-5 MiniCost control: generate a lower-resolution landscape sheet first, then split it into independent icons to build out the full multi-level game
Prompt 1
Use gpt-image-2 to generate a landscape sheet of cute animal-themed icons. Give each animal its own dominant color, use a lower resolution to control cost, then split the sheet into independent icons and build a multi-level match-3 game.
Prompt 2
Check and fix the issue where match-3 icons become too large after clicking, then complete the game.
01 Draft a Phaser gameplay loop
Good for: Scene responsibilities, input rules, win and fail states, and editable code snippets
Read the current Phaser project's main entry, menu scene, and test scene. Design a 60-second playable loop where the player dodges patrol beams and collects five memory shards. Output scene responsibilities, keyboard input, win and fail conditions, and the JavaScript snippets to add or edit. Do not assume external images or audio already exist.
02 Plan game asset prompts
Good for: Image, music, sound-effect prompts, and suggested asset logical IDs
Create an asset plan for this Phaser game: one prompt each for the menu background, player sprite, collectible, fail sound, and background music. For each item, provide a logical ID, purpose, style constraints, and the scene where it will be used. Organize the asset plan first; do not write paths for media files that do not exist yet.
03 Design a sprite-ready character sheet
Good for: Character design, action references, expressions, and game asset breakdown
Turn this game character brief into a GPT Image 2 prompt for a 1024x768 character reference sheet: a 12-year-old androgynous kid, agile, curious, afraid of the dark but protective of friends, and the protagonist of a 2D platformer. Include front, side, back, running pose, jumping pose, and four expression headshots. Specify hairstyle, goggles, short cape, shoe soles, handheld lamp, and color palette. Keep the style suitable for conversion into a Phaser sprite sheet, with a simple background and no text, watermark, logos, or extra characters. End with asset logical IDs such as player_idle, player_run, player_jump, and player_expressions.
04 Tune level difficulty and feedback
Good for: Parameter suggestions, player feedback points, test checklist, and small code edits
Review the current Phaser test scene and suggest tuning so a new player can understand the loop within 60 seconds. Cover movement speed, enemy spawning, collectible count, fail feedback, and win messaging, then propose small JavaScript edits instead of rewriting the whole scene.
FAQ
How this creation type works, how backups fit in, and where publishing begins.
Can Phaser games run right away?
Yes. The template includes a menu and test scene, so the basic loop can be previewed in the browser before you replace it with your own characters, levels, and assets.
What is included in the source ZIP?
The source ZIP contains HTML, JavaScript, CSS, project metadata, and the asset plan, making it suitable for continued development, backup, or your own deployment flow.
Can a game run before images and audio are generated?
Yes. The Phaser template provides menu and test scenes that run without external media. Images, music, and sound effects can be added later from assets/index.yml.
How is this different from a full game engine?
GenStory.cc is closer to a browser-based project starter and source workspace. It helps create, edit, preview, and back up Phaser projects, but it does not replace a full professional game editor.
Explore other creation types
Continue exploring other creation types.