Usage:
- Select options on the right
- See what they do on the left
- Click on the image to save
(Firefox users can use the Context Menu) - Save as (or rename to)
terrain.png
- Replace
terrain.png
injohnsmith_vx.x.zip
Extension
Made a texture pack?
Want a customizer for one?
How to extend the Customizer
This tool basically consists of three parts:- This XHTML5 page (press
Ctrl+S
to save it to your PC) - A directory named terrain.png, which contains the texture sheets
(Yes, it is ends with .png, but is a directory) - A big JSON tree, containing the preferences and their options
- Replace the contents of the
terrain.png
-directory with the alternative terrain.pngs you want to use. Rename them sensibly in the process, e.g. “v4.0.png” and “tweaks.png”. - Replace the list of versions in the JavaScript with yours – minus the
.png
– e.g.var versions = ["v4.0", "tweaks"];
. The last version in the list is initially drawn and it’s options selected.
Note that if you use plain numbers truncateable to integers, like4.0
, JavaScript will truncate them (in our example to4
). Use Strings ("4.0"
), or already truncated numbers (4
) in this case. -
Now recreate the settings.
var settings
is assigned to a JSON tree with the following structure:- 1. Level: settings
-
Each setting appears under the name it was assigned to
There is a special (optional!) setting called
override
with the single optionpack
, which is used to override certain parts of the initially drawn texture. - 2. Level: options
-
Each of these refers to one of the versions registered via the
versions
list.A special option called
coords
instead contains a list of texture coordinates. - 3. Level (inside each
coords
option): coordinates -
Coordinates are in the form
[x,y]
, so e.g.[0,15]
refers to the texture on the bottom of the first column (start of break animation).
var settings = { "Pumpkin": { "Faceless": 6, "Creeper face": 7, "coords": [[6,6],[6,7],[7,7],[8,7]] } };
- Finally don’t forget to replace the title of the HTML page!