[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-82239":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":12,"stars7d":15,"stars30d":16,"stars90d":14,"forks30d":14,"starsTrendScore":16,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":14,"starSnapshotCount":14,"syncStatus":15,"lastSyncTime":26,"discoverSource":27},82239,"ai-game-studio","acatovic\u002Fai-game-studio","acatovic","AI generation of 2d game assets such as spritesheets",null,"TypeScript",25,1,21,0,2,3,0.9,"MIT License",false,"main",true,[],"2026-06-12 02:04:24","# AI Game Studio\n\nA local web app — and the start of a fuller AI Game Studio — for generating game assets from text prompts. Today: 2D reference sprites and animation frames composed into a 1×N spritesheet with a looping animated preview. Backgrounds are chroma-keyed to transparency automatically, so frames drop straight into a game engine. Projects can be saved and loaded by name.\n\nThe app talks to [OpenRouter](https:\u002F\u002Fopenrouter.ai) as the single boundary to the model providers. One key gives access to 300+ image \u002F video \u002F audio \u002F text models, which is the runway for everything on the TO-DO list (backgrounds, tilemaps, SFX, music, voice, …).\n\nPick the video model at generation time — currently **Grok Imagine Video** (xAI) or **Seedance 2.0** (ByteDance), both routed through OpenRouter.\n\n![Mockup](mockup.png)\n\nFull Demo: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=MijheSPXnDo\n\n## Requirements\n\n- Node 20+\n- `ffmpeg` on `PATH`\n- An [OpenRouter API key](https:\u002F\u002Fopenrouter.ai\u002Fkeys)\n\n## Install\n\n```bash\nnpm install\n\ncp .env.example .env\n# then open .env and paste your key:\n# OPENROUTER_API_KEY=sk-or-v1-...\n```\n\n## Run\n\n```bash\nnpm run dev\n```\n\nOpen http:\u002F\u002Flocalhost:5173.\n\nThis starts Vite (frontend, :5173) and an Express server (backend, :8787) together. Stop with `Ctrl+C`.\n\n## Using it\n\n1. Type a sprite prompt in column 1 → **Generate Reference Sprite**.\n2. Pick a video model and type a motion prompt in column 2 → **Generate Frames** (calls image-to-video via OpenRouter, polls until done, extracts transparent PNGs).\n3. Click frame tiles to toggle which ones to include.\n4. **Generate Spritesheet** → composes a 1×N PNG client-side, builds a looping GIF preview server-side.\n5. **Export PNG** to download the spritesheet.\n6. Header: **New** to start fresh, **Save** to name and snapshot the current project, **Load** to switch to a saved one.\n\nGenerated artifacts live under `projects\u002F` (gitignored). The current working state is always in `projects\u002Flatest\u002F`.\n\n## Example prompts\n\n### Sprite prompts\n\n- `A pixel-art knight in silver armor with a longsword, side-view, full body, simple flat colors, standing pose`\n- `Female ninja with red scarf, dynamic side-view, 2D sprite, anime style`\n- `Cute green slime monster, side-view, big eyes, soft shading`\n- `Cyberpunk hacker in a hoodie, glowing visor, side-view full body, gritty style`\n\n### Motion prompts\n\n- `Smooth walk cycle, side-view, no head tilting, no camera movement`\n- `Sword slash attack, side-view, fast, no shadows`\n- `Idle breathing animation, subtle, looping`\n- `Jump arc — crouch, leap, mid-air, land`\n\nTips:\n- Keep motion prompts focused on the action. Phrases like *\"no camera movement\"*, *\"side-view\"*, and *\"no head tilting\"* help keep frames game-ready.\n- Per-model default durations: Grok Imagine Video = 2 s, Seedance 2.0 = 4 s. ~24–30 fps on the source clip, so trim with the frame selector before composing.\n- Switching the model is one entry in `server\u002Fvideo.ts` — see `VIDEO_MODELS`.\n- Recommend sticking to Grok Imagine Video since it's much cheaper than Seedance 2\n\n## TO-DO\n\n- [ ] Background generation\n- [ ] Tilemap generation\n- [ ] Aseprite format export\n- [ ] Tiled format export\n- [ ] SFX generation\n- [ ] Music generation\n- [ ] Voice generation\n- [ ] Full asset scaffolding export\n\n## More\n\nSee [AGENTS.md](AGENTS.md) for the full spec, architecture, endpoint list, model-registry pattern, and chroma-key tuning notes.\n","AI Game Studio 是一个用于从文本提示生成2D游戏素材（如精灵图集）的本地Web应用程序。其核心功能包括基于文本描述自动生成2D参考精灵和动画帧，并将这些帧组合成1×N的精灵图集，同时提供循环动画预览。背景会自动进行色键处理以实现透明度，便于直接导入游戏引擎中使用。此外，项目支持保存与加载功能。技术上，该应用通过OpenRouter接口与多种AI模型交互，用户可以选择不同的视频模型来生成所需的动画效果。适用于需要快速创建或原型化2D游戏角色及动画的游戏开发者。","2026-06-11 04:08:09","CREATED_QUERY"]