[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74975":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":16,"starSnapshotCount":16,"syncStatus":15,"lastSyncTime":28,"discoverSource":29},74975,"sprite-sheet-creator","blendi-remade\u002Fsprite-sheet-creator","blendi-remade","Create your own playable 2D characters and maps, powered by fal.ai","",null,"TypeScript",1424,152,10,2,0,1,3,28,19.55,false,"master",true,[],"2026-06-12 02:03:30","# Sprite Sheet Creator\n\nSprite sheet generator for 2D pixel art characters and maps. Built with [fal.ai](https:\u002F\u002Ffal.ai).\n\n## Demo\n\n### Side-Scroller Sprite Sheets\n\n| Walk Cycle | Jump Animation | Attack Animation |\n|:----------:|:--------------:|:----------------:|\n| ![Walk Sprite Sheet](.\u002Fassets\u002Fwalk-sprite-sheet.png) | ![Jump Sprite Sheet](.\u002Fassets\u002Fjump-sprite-sheet.png) | ![Attack Sprite Sheet](.\u002Fassets\u002Fattack-sprite-sheet.png) |\n\n### Side-Scroller Sandbox\n\n![Sandbox Preview](.\u002Fassets\u002Fsandbox-preview.png)\n\n### Isometric Mode\n\n![Isometric Preview](.\u002Fassets\u002Fisometric-preview.png)\n\n## Features\n\n### Two Game Modes\n\n- **Side-Scroller** generates walk, jump, attack, and idle sprite sheets, plus an optional 3 layer parallax background.\n- **Isometric (RPG)** generates walk sheets for three directions (down, up, side), matching attack sheets for the same directions, an idle sheet, and a full top-down world map to explore.\n\n### Generation\n\n- **Character generation** from a text prompt or by converting an uploaded image into pixel art.\n- **Sprite sheets** rendered as 2x2 grids per animation, with consistent character identity across frames.\n- **Backgrounds** generated to match your character. Side-scroller mode produces a 3 layer parallax scene (sky, midground, foreground). Isometric mode produces a single large top-down map.\n- **Background removal** via Bria for sprite sheets and parallax midground and foreground layers.\n\n### Editing and Preview\n\n- **Frame extraction** with adjustable grid dividers for each sprite sheet.\n- **Animation preview** with adjustable FPS.\n- **Per sprite size sliders** in the sandbox so you can correct scale without regenerating.\n- **Layer position sliders** for side-scroller custom backgrounds, so you can nudge each layer vertically if alignment is slightly off.\n- **Map size slider** for the isometric map, so you can rescale the world relative to the character.\n- **Per layer regeneration** for the 3 parallax layers, so you can retry one without redoing the others.\n\n### Image Models\n\nPick the model once at the top of Step 1 and it applies to every generation in the flow:\n\n- **Nano Banana Pro** (`fal-ai\u002Fnano-banana-pro` and `\u002Fedit`)\n- **GPT Image 2** (`openai\u002Fgpt-image-2` and `\u002Fedit`)\n\n## Getting Started\n\n1. Install dependencies:\n```bash\nnpm install\n```\n\n2. Create a `.env.local` file with your fal.ai API key:\n```\nFAL_KEY=your_api_key_here\n```\n\nGet your API key at https:\u002F\u002Ffal.ai\u002Fdashboard\u002Fkeys\n\n3. Run the development server:\n```bash\nnpm run dev\n```\n\n4. Open http:\u002F\u002Flocalhost:3000\n\n## Controls\n\n### Animation Preview (Step 5)\n- `D` \u002F `→` Walk right\n- `A` \u002F `←` Walk left\n- `Space` Stop\n\n### Side-Scroller Sandbox\n- `A` \u002F `←` Walk left\n- `D` \u002F `→` Walk right\n- `W` \u002F `↑` Jump\n- `J` Attack\n\n### Isometric Sandbox\n- `W` \u002F `↑` Up\n- `S` \u002F `↓` Down\n- `A` \u002F `←` Left\n- `D` \u002F `→` Right\n- `J` Attack\n\n## Tech Stack\n\n- Next.js 14\n- React 18\n- fal.ai (Nano Banana Pro, GPT Image 2, Bria background removal)\n- HTML Canvas\n","Sprite Sheet Creator 是一个用于生成2D像素艺术角色和地图的精灵图生成器。该项目支持两种游戏模式：横版卷轴模式可生成行走、跳跃、攻击和待机动画，并提供可选的三层视差背景；等距视角（RPG）模式则为三个方向（下、上、侧）生成行走动画及其对应的攻击动画，以及一张完整的俯视世界地图。项目利用fal.ai提供的Nano Banana Pro和GPT Image 2模型进行图像生成，并通过Bria技术实现背景移除。用户可以通过文本提示或上传图片来创建角色，自动生成的精灵图以2x2网格形式呈现，确保了各帧间的一致性。此外，它还提供了丰富的编辑与预览功能，如帧提取、动画速度调整及每层背景独立再生等。此工具非常适合于希望快速构建2D游戏角色和环境的游戏开发者或爱好者使用。","2026-06-11 03:51:46","high_star"]