Launching Photoshop to JSON to GameMaker


Game Jams, UI designs, additional content files for 2D mobile games... 

Getting images from Photoshop to Code is needlessly time consuming. Hopefully, this can help!

I've just finished a little multi-part resource that should do a little bit to help everyone with their image workflow. Imagine this, as your NEW way of doing things:

  1. You design your layouts, screens, UI, or anything visual in Photoshop. 
  2. You name you layers or groups according to the filenames you'd like to have. 
  3. You categorize layers by color, according to the kinds of code objects you'd like them to become.
  4. You link together layers that should share properties rather than exist separately (button normal/button hover images?)
  5. Done?!?!?!?!?!

But really! This resource includes a jsx file--that's a Javascript Extenscript file--that runs inside of Photoshop and turns your layers into JSON! The script produces accurate layer position info, layer labels, and lists of linked layers. In any engine, you've just got to import this data and match the image names, categories, and your desired objects.

Using GameMaker Studio 2? You're even MORE done.

This resource also includes all of the scripts needed to import a package of image files, load them as sprite resources, and convert them into objects. Scripts, demo objects, and sample files are all included.

Files

photoshop_to_json_package.zip 107 kB
Jun 26, 2019

Get Photoshop to JSON to GameMaker

Download NowName your own price

Leave a comment

Log in with itch.io to leave a comment.