DEV Community

Cover image for I Built 4 Free Browser Tools for Game Artists (And Why I Made Them)
GameArtForge
GameArtForge

Posted on Originally published at gameartforge.com

I Built 4 Free Browser Tools for Game Artists (And Why I Made Them)

Cover

I Built 4 Free Browser Tools for Game Artists (And Why I Made Them)

Ten years as a game art director, and I still spend more time wrestling with tools than actually making art.

TexturePacker wants $40/seat. Substance Painter is $20/month. Every "free" online tool either watermarks your output, limits you to 3 exports a day, or ships your files to who-knows-where.

So I did what any stubborn art director does: I built my own. Four tools. All free. All run in your browser — nothing installs, nothing uploads to a server. Here's what they do and why I made each one.


Tool 1: Sprite Atlas Packer — Because Hand-Placing Sprites Is a Crime

Sprite Atlas Packer

The problem: You have 200 character sprites. You need them in one texture with a JSON/Plist coordinate file so your engine can find each frame. TexturePacker does this — but the free tier adds a watermark, and the pro tier is $40/seat.

What it does:

  • Drag & drop a folder of PNGs
  • Auto-packs into power-of-two atlases (512 / 1024 / 2048)
  • 2px padding + 1px extrude built in (the two settings everyone forgets and then wonders why edges bleed)
  • Exports Unity JSON, Godot JSON, Cocos Plist, and generic XML
  • Trims transparent pixels automatically

Why I built it: I was on a project where the art team was still hand-placing sprites in Photoshop. One person added a single frame and the whole atlas had to be redone. This tool takes 10 seconds.

The 1px extrude is the secret sauce. Padding alone stops color bleeding, but extrude — duplicating the edge pixel outward — kills the edge halos you get on mobile GPUs with linear filtering. Every atlas packer should do this. Most don't.


Tool 2: PBR Converter — One Click from Albedo to Full PBR Set

PBR Converter

The problem: You found a great texture on OpenGameArt or Textures.com. It's a color map. You need roughness, normal, metallic, AO. Generating them usually means opening GIMP/Photoshop and running 4 different filters by hand.

What it does:

  • Upload one albedo/color texture
  • Generates roughness, normal map, metallic, and AO maps in-browser
  • Adjustable strength for each map
  • Preview all 4 channels side by side
  • Download individually or as a zip

Why I built it: PBR workflows are standard now, but the barrier to entry is still too high. A solo dev shouldn't need a $20/month Substance subscription just to get a roughness map from a color texture. This gets you 80% of the way there in one click.

Best for stylized and mobile games. If you need photoreal AAA-quality PBR, Substance is still the king. But for 90% of indie and mobile projects, this is more than enough.


Tool 3: Color Palette Generator — Stop Picking Colors by Eye

Color Palette Generator

The problem: Your game's UI looks "off" but you can't say why. The buttons are blue, the health bar is red, the background is grey — and none of them belong to the same color system. Every indie dev hits this wall.

What it does:

  • Upload a reference image (screenshot, concept art, photo)
  • Extracts a harmonious palette using K-means clustering
  • Generates complementary, analogous, and triadic variants
  • Exports as ASE (Adobe Swatch), CSS variables, JSON, or PNG swatch sheet
  • WCAG contrast ratio checker built in — tells you if your text-on-background combo passes accessibility

Why I built it: I've seen too many games where the art is great but the UI looks like a 1998 GeoCities page. Color theory isn't optional — it's the difference between "indie charm" and "amateur hour." This tool gives you a coherent palette in 5 seconds.

Pro tip: Extract your palette from the game's key art or environment, not from the UI mockup. The environment already has the mood you want; the UI should borrow from it, not introduce new colors.


Tool 4: Icon Exporter — Every Size, Every Format, One Drag

Icon Exporter

The problem: You made a beautiful 1024×1024 app icon. Now you need 16, 32, 48, 64, 128, 256, 512 versions for iOS, Android, Web, and desktop. Plus an ICO file for Windows. Plus a favicon set. This is 30 minutes of mindless resizing.

What it does:

  • Drop one high-res icon (PNG, 512×512 or larger)
  • Generates iOS, Android, Web favicon, and Windows ICO sets
  • Includes all standard sizes (16×16 through 1024×1024)
  • Sharp downscaling with optional alpha premultiplication
  • Download as a structured zip — folders already named per platform

Why I built it: Every project ends with "oh right, we need icons." Then someone spends an hour in ImageMagick or an online converter that limits you to 5 exports. This is the last 30 minutes of every project, automated.


Why Browser-Based? Why Free?

Three reasons:

  1. No install. Artists shouldn't need admin rights or a specific OS to do their job. Open a tab, drag a file, done.
  2. Privacy. Your art stays on your machine. These tools run entirely client-side — nothing is uploaded to a server. I can't see your files, and neither can anyone else.
  3. Indie devs are broke. I was one once. $40 for an atlas packer or $20/month for PBR tools is a real barrier when your game budget is $0. These tools will always have a free tier that's actually usable.

What's Next

The roadmap (in order):

  • Batch PBR processing — drop a whole folder, get a full PBR texture set back
  • Normal map from heightmap — for those of us who still sculpt details in grayscale
  • Sprite sheet splitter — the reverse of the atlas packer: take an existing sheet, extract individual frames
  • Animation preview — drop a sprite sheet, scrub the timeline, export as GIF/WebP

If any of these would save you time, let me know which one to build next.


Try Them

All four tools are live and free at gameartforge.com/tools. No sign-up required for the core features.

Full tutorials and deeper dives into each workflow are in the tutorial library.


What's the game art tool you wish existed but can't find? I'm always looking for the next thing to build. Drop it in the comments — I read every one.

Top comments (0)