Recommended Posts

Name: TileWorld
Description: Tiles square regions of a loaded image onto the active layer using a point & click interface.
Keywords: Tile | game | map
Menu: Render
Original release date: 22 January 2017
.dll name: TileWorld.dll
Compatibility: Tested on Pdn 4.0.13

 

Righto. Nice easy plugin this one :)

 

Load an image to use as a tile set. TileWorld divides it up into square regions which can be placed individually onto the active layer.

Left click sets the active tile in place. Right click removes the tile under the mouse.

 

Many thanks to my Beta testers @BoltBait, @Red ochre & @toe_head2001

 

Examples:

 

Top of everybody's list - a BoltBait themed crossword! Yay!

 

Boltbait crossword.jpg

 

Create your own chessboard...

 

DemoChessboard.png

 

How about a sudoku?

 

sudoku.png

 

Recreate the Red Ochre family plumbing!

 

PipeMania.jpg

 

Or recreate your own little corner of the world....

 

RPGmap.png        RPGmap2.jpg

 

Thanks to @Eli we have a slew of new options when pasting tiles. These transformations are shown on the active (semi transparent) tile when the mouse is in the tiling pane.

 

  • Click the mouse wheel = rotate the active tile by 90 degrees clockwise.

mouse clicks.png

 

  • Mouse wheel up = flip top to bottom
  • Mouse wheel down = flip left to right

mouseupdown.png

 

These options make it possible to quickly create new tile orientations on the fly.

 

Extramouse actions.png

 

This plugin is found in my Plugin Pack:

 

  • Like 1
  • Upvote 6

Share this post


Link to post
Share on other sites

Very clever U.I. and functionality. Thanks for sharing!

Quote

Recreate the Red Ochre family plumbing!

:lol:

If only real plumbing was that easy!
New central heating boiler fitted now. I'm warmer:) but considerably poorer.:(

  • Upvote 1

Share this post


Link to post
Share on other sites

Thanks for this tool EER. :) 

 

I wanted a new PC but I think It will have to wait. I want to invest in a pellet furnace but they are so expensive and to that I have to add the installation.

Share this post


Link to post
Share on other sites

Very clever EER!   :)

Also makes a nice artistic border.    :P

 

tileworld_01.png

 

 

Edited by lynxster4
re-hosted image
  • Upvote 5

Share this post


Link to post
Share on other sites

EER,

 

When I double the canvas size to 1600x1200 the divided tiles at the bottom are not accessible. :/

  • Upvote 1

Share this post


Link to post
Share on other sites

Yup. That's a problem with large canvases and/or tall tile sets. For exactly that reason I did consider a tabbed interface, canvas on one tab and tiles on another. Problem with that idea is that it makes it a pain to switch between tabs when you're creating.

 

Solution: The divider between the panes is movable. Drag it upwards, making the tiling area smaller and the area with the tile set larger.

Share this post


Link to post
Share on other sites

Thanks EER, 

 

eer-tileworld-thanks-51736e7.png

 

While creating this frame I thought of an option to rotate the selected tile.

 

The canvas also covers the buttons on the right.

Spoiler

eer-tileworld-windows-517365e.png

 

Edited by Eli

Share this post


Link to post
Share on other sites

This is certainly a very versatile Plugin - Thank You :beer::pizza:.

 

ab9HeWG.png

Share this post


Link to post
Share on other sites
2 hours ago, Eli said:

While creating this frame I thought of an option to rotate the selected tile.

 

The canvas also covers the buttons on the right.

 

I'm still thinking about tile rotation. It should be *relatively* simple. I'm thinking something like the PgUp/PgDn keys would rotate the active tile by 90 degrees clockwise or anticlockwise per key press.

 

Canvas: Ugh. That's not nice. I covered every case I could think of when laying out the UI. It seems the layout is not pixel perfect as I assumed. There appears to be some scaling going on as well. Until I code a fix, does enlarging the UI make the buttons visible?

 

@Seer

Share this post


Link to post
Share on other sites
2 hours ago, Eli said:

While creating this frame I thought of an option to rotate the selected tile.

 

The canvas also covers the buttons on the right.

 

I'm still thinking about tile rotation. It should be *relatively* simple. I'm thinking something like the PgUp/PgDn keys would rotate the active tile by 90 degrees clockwise or anticlockwise per key press.

 

Canvas: Ugh. That's not nice. I covered every case I could think of when laying out the UI. It seems the layout is not pixel perfect as I assumed. There appears to be some scaling going on as well. Until I code a fix, does enlarging the UI make the buttons visible?

 

@Seerose, @Pixey & @lynxster4 Thank you for your images!

  • Upvote 2

Share this post


Link to post
Share on other sites
18 minutes ago, Ego Eram Reputo said:

Canvas: Ugh. That's not nice. I covered every case I could think of when laying out the UI. It seems the layout is not pixel perfect as I assumed. There appears to be some scaling going on as well. Until I code a fix, does enlarging the UI make the buttons visible?

 

No, the only way to make the buttons visible is to reduce the canvas size. If I increase the size to 2000 pixels, the buttons disappear completely.

Spoiler

eer-tileworld-ui-5173c2c.png

 

29 minutes ago, Ego Eram Reputo said:

'm still thinking about tile rotation. It should be *relatively* simple. I'm thinking something like the PgUp/PgDn keys would rotate the active tile by 90 degrees clockwise or anticlockwise per key press.

 

Rotation and Flip? :) 

 

Share this post


Link to post
Share on other sites

Update posted.

 

Thanks to @Eli we have a slew of new options when pasting tiles. These transformations are shown on the active (semi transparent) tile when the mouse is in the tiling pane.

  • Click the mouse wheel = rotate the active tile by 90 degrees clockwise.

mouse clicks.png

 

  • Mouse wheel up = flip top to bottom
  • Mouse wheel down = flip left to right

mouseupdown.png

 

These options make it possible to quickly create new tile orientations on the fly.

 

Extramouse actions.png

 

  • Upvote 2

Share this post


Link to post
Share on other sites

Thank you, I’ve been looking for something like this. 
If you update this can you add more options to to the toolbar like fill, to select more than one tile, zoom or to copy and paste a selected area so not to remake it over.
The best example I can give is like RPG maker 2003. 

 

My ChipSet is small: 

testmap.jpg

 

Share this post


Link to post
Share on other sites

Hey DecWill - welcome to the forum :)

 

Your tileset image link hasn't shown up, so I'm not sure what you are working with.

 

Fill: Difficult, but not impossible. You would have to define an area, or click on a vacant area and have the tiles fill all available squares.

 

Zoom. Nope. Sorry. I'm not even going to attempt it. Far too advanced for my humble coding skills.

 

Copy & Paste. Yes, that might be doable. I'll have a think about it when I 'm not snowed under with other projects.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now