Delta Skin Editor

Metadata

Layout Selection

Orientation

Layout

Console

Layout

Orientation

Focus

Add Buttons

Layout Images

Upload Images

Thumbstick Image

Upload Thumbstick Image

info.json

code

Readme

Welcome to the PlayCase Delta Skin Editor! I built this editor so I could have a way to create skins for the PlayCase efficiently, but I want to make sure it was a product good enough for the entire community.

Please give it a try and let me know what you think - what features it might be missing - and what I can to make it better.

Features

  • Upload .deltaskin files right into the editor.
  • Supports all consoles available for the App Store version of Delta.
  • Drag and drop buttons around the canvas
  • Background opacity controls
  • Button opacity controls
  • Scale controls to support users designing on their phone
  • Supports multiple screens for DS skins!
  • Export .deltaskin files
  • When a button is selected, use the keyboard to nudge it one pixel at a time
  • More to come!

Caviats

  • To avoid heavy server stress with file uploads and downloads, this editor uses blobs to convert, display and export images. To maintain transparency in your designs, please refrain from using #FFFFF white. I plan to look into using a server technology to upload files in a future version.
  • To try to maintain aspect ratios for screens without requiring the user to constantly whip out a calculator, I've locked gamescreen aspect ratios from changing from the UI. You can change the aspect ratio through the "Focus" interface.

Aspect Ratio Reference

Console Full inputFrame Aspect Ratio
GameBoy (Color) 160 x 144 10 : 9
GameBoy Advance 240 x 160 3 : 2
Nintendo DS 256 x 384 2 : 3
Nintendo Entertainment System 256 x 240 16 : 15
Super Nintendo Entertainment System 256 x 224 8 : 7 actual, 4 : 3 rendered
Nintendo 64 256 x 224 8 : 7, actual 4 : 3

More to come! Let me know what you think and what ideas you have at info@playcase.gg