Tile Tool

Tile Tool allows you to create and draw with Tiles.
To use Tile Tool, download the script below and the Tilesets.

If you want to share your own Tilesets with the rest of us, contact me. I'm also interested what people are doing with Tile Tool, so please let me know if you make something nice with it!

Download Tile Tool 1.13

(updated 16/8/2009)
Note: Tile Tool has now been fixed for the latest version of Scriptographer (2.5). Please report any bugs you encounter, and I will fix them as soon as possible.

Change log

07/09/2006 - 1.11 - dropdown menus now work on pc
10/10/2006 - 1.12 - updated to work with latest version of Scriptographer
16/08/2007 - 1.13 - updated to work with Scriptographer 2.0.024
16/08/2007 - 1.14 -updated to work with Palette code, saving +- 250 lines of code in the process and added support for shift to move tiles below others while drawing

Download Tilesets

(zipped Illustrator documents)
Standard Tilesets (updated 20/08/2006)
Raster Mix

Demo

Tile Tool demonstration movie - Quicktime 7 required
(this demo features an old Tile Tool interface, new demos coming soon)

How To Movies

How to create a new Tileset
How to work with Sequential Tiles

Examples

(designed by Jonathan Puckey)

cl_janvantoorn1.jpg

* Classroom poster series - Jan van Toorn

cl_jeanmarc1.jpg

* Classroom poster series - Jean Marc Bustamente

cl_joseteunissen2.jpg

* Classroom poster series - Jose Teunissen

cl_marcbijl1.jpg

* Classroom poster series - Marc Bijl

playtime_correct_size.jpg

* Playtime poster

User interface

• Mac users: Press the option key while drawing to not place Tiles.
PC users: press the control key while drawing to not place Tiles.
(handy for when you have to cross over other Tiles and don't want to place a Tile over them)

• Use the Tilesets pulldown to select a Tileset that you want to draw with.

• 'Refresh Tilesets' looks for Tilesets in your document and adds them to the Tileset pulldown menu. (Refreshing happens automatically most of the time)

• Use the Order pulldown to change the way Tile Tool works when the selected Tileset has multiple corner tiles:

Top Most: Only selects Tiles at the top of the Tileset corner layers

topmost.jpg

* example of Top Most

Random: Selects random Tiles
Sequential Tiles: Places Tiles in sequence according to their position in the Tileset corner layers

order.gif

* example of Random and Sequential

Image Pixel Values: Pick Tiles based on the darkness of the encodeMd5 pixel beneath it.

tracing.jpg

* example of Image Pixel Values

• The Rotation pulldown

Straight: The standard drawing setting.
Rotate: Rotate the horizontal and vertical Tiles 180 degrees in the drawing direction
Rotate to Cursor: Rotates Tiles to the cursor while drawing

rotation.gif

* Example of Straight vs Rotate to Cursor

• Trace Selected Path traces the selected path using the active Tileset

• Create New Empty Tileset creates the empty layers needed to make a new Tileset

• Duplicate Selected Tileset makes a copy of the selected Tileset

• Set Image scales the selected encodeMd5 to make the size of its pixels match the size of the Tiles in the active Tileset. You can also use Set Image to move a raster back into the Tile grid after you've moved it

• Raster Selection prepares the selected items for tracing by rasterizing them in the resolution of the active Tileset.

(Use the last two options in combination with Image Pixel Values in the Order pulldown to trace encodeMd5s)

Tilesets

layers.gif

* Tilesets reside within the Illustrator document in the layer 'Tiles'.

Tile Tool.js

Posts 21 — 30 / 53 < 1 2 3 4 5 6 >

Hmpfff it looks like Juerg made some changes to the api in TableLayout ..
I'll have to see what he changed and adjust the script accordingly..

In the mean time you could work with the existing Tilesets and modify them..

That is pretty unlikely. But if there were any changes, then accidental ones. The TableLayout in Scriptographer is just an almost empty class extending info.clearthought.layout.TableLayout by Daniel Barbalace. It would be very weird if something had changed in there without me noticing.

Strange.. when I updated Scriptographer to the latest version it started returning errors:

/Users/synch/Desktop/stuff3/stuff/Code & Research/New Scriptographer scripts/Tile_Tool.js:823,0: Can't find method com.scriptographer.adm.Dialog.setLayout(org.mozilla.javascript.Undefined). (/Users/synch/Desktop/stuff3/stuff/Code & Research/New Scriptographer scripts/Tile_Tool.js#823)
java.lang.NullPointerException
at com.scriptographer.ai.Tool.setScript(Tool.java:68)
at com.scriptographer.gui.MainDialog$ToolButton.onClick(MainDialog.java:286)
at com.scriptographer.adm.Button.onNotify(Button.java:75)
at com.scriptographer.adm.NotificationHandler.onNotify(NotificationHandler.java:55)

	tL=[[55,70,115,TableLayout.PREFERRED],[TableLayout.PREFERRED,10,TableLayout.PREFERRED,40]];
	setInsets(10, 10, 10, 10);

	var layout = new TableLayout(tL);
	setLayout(layout);
	addToLayout(nameText,"0,0");
	addToLayout(typeText,"0,2");
	addToLayout(tList,"1,2,2,2");
	addToLayout(tileName,"1,0,2,0");
	addToLayout(helpButton,"0,3,l,b");	
	addToLayout(okButton,"2,3,r,b");
	addToLayout(cancelButton,"1,3,r,b");
	autoLayout();

Thanks so much for you quick reply Jonathan--not really sure if I'm crazy, or my computer is, or if I'm just doing something wrong, but I can't even use the pre-made tilesets from the website; they do not show up in the list, and when I click on the refresh button, nothing happens, except the Console window pops open and there's a bunch of code I don't understand. I will post a bit of it here in case it might help you in your future development. Again, thanks so much for your help!

org.mozilla.javascript.EcmaError: ReferenceError: "tLayer" is not defined. (/Applications/Adobe Illustrator CS2/Plug-ins.localized/Scriptographer/scripts/from website/Tile_Tool.js#360)
at org.mozilla.javascript.ScriptRuntime.constructError(ScriptRuntime.java:3223)
at org.mozilla.javascript.ScriptRuntime.constructError(ScriptRuntime.java:3213)
at org.mozilla.javascript.ScriptRuntime.notFoundError(ScriptRuntime.java:3286)
at org.mozilla.javascript.ScriptRuntime.name(ScriptRuntime.java:1567)
at org.mozilla.javascript.Interpreter.interpretLoop(Interpreter.java:3159)
at script.scanLayers(/Applications/Adobe Illustrator CS2/Plug-ins.localized/Scriptographer/scripts/from website/Tile_Tool.js:360)
at script(/Applications/Adobe Illustrator CS2/Plug-ins.localized/Scriptographer/scripts/from website/Tile_Tool.js:676)
at org.mozilla.javascript.Interpreter.interpret(Interpreter.java:2251)
at org.mozilla.javascript.InterpretedFunction.call(InterpretedFunction.java:158)
at org.mozilla.javascript.ContextFactory.doTopCall(ContextFactory.java:337)
at org.mozilla.javascript.ScriptRuntime.doTopCall(ScriptRuntime.java:2755)
at org.mozilla.javascript.InterpretedFunction.call(InterpretedFunction.java:156)
at com.scriptographer.js.FunctionHelper.callFunction(FunctionHelper.java:61)
at com.scriptographer.js.FunctionHelper.callFunction(FunctionHelper.java:78)
at com.scriptographer.adm.NotificationHandler.callFunction(NotificationHandler.java:60)
at com.scriptographer.adm.Button.onClick(Button.java:68)
at com.scriptographer.adm.Button.onNotify(Button.java:75)
at com.scriptographer.adm.NotificationHandler.onNotify(NotificationHandler.java:55)

Hey Chris, fixing it later today - stay tuned.

Hi,

I've got the same problem. I worked with the previous tiletool and it worked perfectly. I didn't update it, but still got the same problem as described above. Then I updated, but it didn't work. So I was thinking maybe the problem is in a javaupdate in OsX. Anyhow, I hope you can fix it. Great tool by the way. Thanks

eddy

I haven't been able to fix the bug yet. In the mean time I've uploaded a version with the 'new tileset' functionality disabled.
Until I have fixed the bug, please alter the existing Tilesets that you can download on this page!

eddy: cool, let me know als jullie er iets tof mee maken!

Hi Jonathan,

Dit is een eerste ding wat ik er mee heb gedaan. Een affiche van ongeveer 3 meter. groet Eddy

(I dont know if its ok I upload this image here, sorry if so.)

I've fixed the bug that was occurring when creating new tilesets.
Please download Tile Tool again, and let me know if you have any problems.

Eddy: Wow! Very nice! Mooi idee met die vlaggen

Hello Jonathan,

I still have the same problems like chris mentioned three months ago. I tried to create a new tilset, and it doesn’t work and in the end it crashes illustrator. I've installed sg on several macs, imac and g5., but always the same error. the console reports:

TypeError: Cannot find function autoLayout.
at/Tile_Tool.js:828
Wrapped java.lang.NullPointerException
ReferenceError:"settings" is not defined
at/Tile_Tool.js:750

ReferenceError:"settings" is not defined
at/Tile_Tool.js:742

ReferenceError:"tLayer" is not defined.
at/Tile_Tool.js:596 (addEmptyTileset)
at/Tile_Tool.js:781

Scripts

08.08.14, 15:24

15.05.14, 14:23

02.03.14, 19:16

18.11.13, 14:48