·6 min read·Tools
Convert, Split, and Repack a Sprite Sheet: A Worked Example
Follow a downloadable four-frame GIF through sprite sheet conversion, PNG splitting, and atlas packing, with exact settings and reference outputs.
Blog
Guides, workflows, and tips for sprite sheets, texture atlases, and game art.
·7 min read·Tools
From Photo or AI Render to Game Sprite: A Browser-Only Cleanup Pipeline
Photos and AI renders aren't sprites yet: they have backgrounds, wrong sizes, fuzzy edges, and five different lighting setups. A five-step pipeline — cut out, resize, clean up, unify, pack — that turns arbitrary images into a consistent, engine-ready set.
·7 min read·Video
Devlog GIFs That Don't Weigh 40 MB: The Four Levers That Actually Matter
GIF spends its bits re-describing pixels that didn't change — that's why your 30-second capture is 40 MB. How resolution, frame rate, duration, and palette multiply into a 10× size reduction, and the honest answer on when to ship MP4 instead.
·7 min read·Audio
Game Audio Formats: WAV, OGG, and MP3 — What to Edit, What to Ship, What to Avoid
Why your music loop has a gap, why WAV masters matter even though you never ship them, and why the web plays by different rules. A practical three-format mental model for game audio, with Unity and Godot specifics and a browser-only conversion workflow.
·8 min read·Three.js
PBR Textures in Three.js: Normal Maps, Seamless Tiles, and the Settings That Bite
Color maps are sRGB, data maps are linear — the one rule behind most 'PBR looks wrong' bugs. MeshStandardMaterial texture slots explained, plus a browser-only workflow for generating normal maps and seamless tiling textures from any photo.
·8 min read·Three.js
Texture Atlases in Three.js: One Draw Call for a Whole Scene of Sprites
Draw calls scale with materials, not meshes — that's why fifty textured quads crawl and one atlas flies. Packing with MaxRects, remapping UVs from the atlas JSON, and scaling to thousands of sprites with InstancedMesh and per-instance UV offsets.
·8 min read·Three.js
Animating Sprite Sheets in Three.js: The UV Window Trick, Frame Timing, and Filters
Don't swap sixty textures — slide one. How to play sprite sheet animations in Three.js with texture repeat and offset, avoid the bottom-left UV origin trap, keep timing stable across refresh rates, and choose between Sprite billboards and plane meshes.
·30 min read·Atlas
Texture Atlases for Mobile Games: A Practical Guide for Godot and Cocos Creator
Mobile 2D games live or die on draw calls and VRAM. This guide explains why atlases matter on phones, how to pack them with MaxRects in a browser tool, and exactly how to wire the output into Godot 4 and Cocos Creator 3.x for iOS and Android.
·28 min read·Tools
Every App Icon Size You Actually Need (And Why Half of Them Catch Teams By Surprise)
iOS asks for 18, Android for 7, the web for 7 more - 32 PNGs to ship one app on one phone. A practical guide to iOS scale factors, Android density buckets, web favicons and PWA manifests, plus how to generate every size from a single 1024 master in your browser.
·28 min read·Video
Converting Video to a Sprite Sheet: A Practical Guide to Frame Extraction (And Why It's a Pain)
Every method of turning a video into a game-ready sprite sheet has a tax: FFmpeg's flags, Photoshop's price tag, custom scripts that rot, sketchy upload sites. A breakdown of what actually happens during extraction, why every classic approach hurts, and how to skip the pain entirely with a browser-based converter.
·32 min read·Godot
Working With Sprites in Godot 4: Nuances, Pitfalls, and Best Practices
Godot's 2D pipeline looks simple but has a lot of subtle traps - texture filter scoping, pixel snap, region_rect vs AtlasTexture, y_sort layering, and SpriteFrames batching. A practical field guide for shipping clean 2D in Godot 4.
·30 min read·Unity
Why Sprite Atlases Matter for Unity Mobile Games (and How to Build Them Fast)
Mobile GPUs hate texture binds. Here is exactly why a Sprite Atlas can take a Unity 2D game from 38 fps to a steady 60 on mid-range Android, what to choose for ASTC vs ETC2, and how I Love Sprites slots into the workflow.
·24 min read·Performance
Image Compression for Games: File Size, VRAM, and Major Engines
How PNG/JPEG/WebP relate to GPU memory, when to compress in a tool vs in Unity, Godot, or Unreal, and a practical pipeline that avoids double compression and ugly artifacts.
·22 min read·Textures
Seamless Texture Generator: Real-World Uses for Game Art Pipelines
How teams use mirror tiling and quick repeat previews to turn artist output into usable ground, wall, and UI textures fast — including a puzzle-game dirt workflow.
·20 min read·Privacy
Why We Built a Privacy-First Sprite Tool (And What That Means for You)
No uploads, no accounts, no telemetry on your assets: how local-first tools work and why they're better for game dev.
·26 min read·Video
Managing Large Frame Counts: Multi-Sheet and Grid Layouts
When one sheet isn't enough: row vs grid layout, multiple sheets, and keeping metadata usable in your engine.
·24 min read·Video
Video to GIF vs Video to Sprite Sheet: When to Use Which
Use cases, file size, quality, and workflow for GIF export versus frame-by-frame sprite sheets for games.
·32 min read·Export
Sprite Sheet Metadata Explained: Unity JSON vs Godot vs Generic
What each export format contains, how engines use it, and when to choose generic JSON vs engine-specific.
·30 min read·Performance
Reducing Draw Calls with Texture Atlases
Why batching matters, how atlases cut draw calls, and practical limits (max texture size, UV space) in Unity and Godot.
·26 min read·Phaser
Phaser 3 Sprite Sheets: Frames, Atlases, and Animation
Loading sprite sheet JSON in Phaser 3, frame naming, animation config, and when to use atlas vs spritesheet loader.
·22 min read·Tools
Bulk Resizing Sprites for Multiple Resolutions
Scale entire sprite sets for 1x, 2x, 4x or custom dimensions without re-exporting from your art tool.
·24 min read·Tools
Splitting Existing Sprite Sheets for Reuse or Editing
When you have one big sheet and need frames: grid detection, margins, offsets, and exporting to ZIP for editing or re-pack.
·28 min read·Tools
Normal Maps from Height Maps: A Practical Guide for Indie Devs
When and how to use normal maps, strength vs Z scale, Sobel vs Scharr, and fitting results into Unity or Godot.
·26 min read·Roblox
Roblox GUI Animations: From Sprite Sheet to ImageLabel
Create animated GUIs in Roblox using sprite sheets: ImageRectOffset, ImageRectSize, and scripting frame-by-frame.
·30 min read·Video
Converting After Effects or Premiere Exports to Game Sprite Sheets
Pipeline from AE/Premiere to game-ready sprites: export settings, frame rate, alpha, and avoiding common pitfalls.
·24 min read·Pixel Art
Pixel Art Sprite Sheets: Scale, Padding, and Avoiding Bleed
How to export pixel art at 1x, 2x, or custom scale without blur or bleed, and why padding and extrusion matter.
·26 min read·Godot
Building 2D Character Animations for Godot with Sprite Sheets
Godot-specific workflow: AnimatedSprite, AtlasTexture, FPS, and importing sprite sheet metadata into Godot 4.
·32 min read·Atlas
Texture Atlas Packing: MaxRects vs Grid vs Shelf
When to use each packing algorithm, real tradeoffs in space and compatibility, and how to choose for your project.
·28 min read·Unity
How to Create Unity-Ready Sprite Sheets from Video
A step-by-step workflow for turning video or GIF into sprite sheets that import cleanly into Unity's Sprite Editor and 2D Animation.