v2. A new tool: 'Tiled' as a level and Box2D world physics editor for Gideros

1dot44mb · December 2012

Hello everyone,

Version 2 is here, many new features added which will make your life easier.

I was creating a tile based level, and i came across a few things when using @atilim's TileMap example.

So i created a tool that lets you organize your tiles and physics world right in Tiled (http://mapeditor.org)

Watch Video Showcase:

Some features:
- Add actors from Tiled
- Add animations (TNT Animations)
- Attach Dynamic, Kinematic or Static bodies to actors and objects from Tiled with fixture and body properties
- Create sprites with physical body, not only tiles
- Create multiple Box2D worlds if necessary. Just assign World_ID to any layer or object with world creation parameters
- Define Box2D fixture properties and object properties in Tiled
- Use tile rotations and flippings in Tiled, all is drawn correctly in Gideros
- Use layer opacity in Tiled, drawn correctly in Gideros
- Use any kind of shape as collision object in Tiled (circle, polygon, polyline, etc), it is perfectly adapted by Box2D
- Enable / Disable debug drawing
- Physics body angle from tile flippings and rotations
- Physics run automatically
- Pause / Unpause
- Custom properties from Tiled will be added to your sprites and objects
- If the layer is not visible in Tiled, it will not be drawn
- Assign any name to your layer, just indicate DrawType property as Tile or Sprite, etc(you had to enter specific names for layers before)
- Supports multiple tilesets

So, you can get the class and a simple example here:
https://github.com/1dot44mb/gideros/tree/master/tools/TiledAsWorldEditor
Be sure to read README or i don't think you will be able to get it working.

Please create issues and suggestions on Github, so the tool gets improved.

Version 1 Tutorial (obsolete):

Thanks.

fuzzeemic · December 2012

Very cool. Thanks for sharing.

atilim · December 2012

Looks great and thank you

And after your post, I think it's better to include bitop plugin by default with the next release.

OZApps · December 2012

@Atilim, if you can integrate json into the next build, that would also be very helpful, it is the one major bit that many use for reading/saving tables.

GregBUG · December 2012

cool. thanks for sharing with us. :x

thanks.
Gianluca.

atilim · December 2012

@OZApps Let me look for a good json implementation. Btw, there are already some good json encoders/parsers written in pure Lua: http://www.chipmunkav.com/downloads/otherdownloads.htm

OZApps · December 2012

@Atilim, yep that;s the one I use in my projects from Shaun Brown. There is also the DKJson ( David Kolf's JSON module for Lua 5.1 ) but of the two, I prefer and use the first one from chimunkav.com.

The reason for this request was that Json is now an integral part (even more than XML) since XML needs to be parsed where as

json.decode(data)

will create a lua table almost instantly. Adding the json.lua everytime is a bit of a bother, if it were included with Gideros, it would be so much better.

louis · December 2012

@GregBUG ,TNT Engine can use Tiled export map data ,like this? I love TNT more than box2d

1dot44mb · December 2012

@atilim, yes json implementation would be good as well as the bitop plugin. Thanks for suggesting it. Another thing is, i always include a code to debug the contents of a lua table when needed. For that, i use the code on this page: http://lua-users.org/wiki/TableSerialization scroll down a bit and you will see a code snippet by 'Julio Manuel Fernandez-Diaz'. I don't mean to tell you what to do but, i think table.show, especially print(table.show(mysterious_table)) is great for debugging purposes, so maybe it could be included by default too. Thanks.

yvz5 · December 2012

wow thnx for sharing this is awesome. you guys can work together and integrate this tool right into gideros SDK. that would be amazing.

Tom2012 · December 2012

WOW - this is amazing. I've just started working with Tiled for my new game and this will save a lot of time. I'd been hunting for just this. Thank you.

1dot44mb · December 2012

Thanks.

Today, i worked on Actors and TNT Animation Studio, i will integrate actor placement and actor animations in near time, i hope.

phongtt · December 2012

Great work @1dot44mb!

At Guava7, we've already harnessed Tiled for UI & level design. It's really a helpful tool.
(BTW, we have an optimization tool for Tiled too: http://www.guava7.com/2012/tool-for-optimizing-tilemap-tmx-format/)

OZApps · December 2012

Great work @1dot44mb!

At Guava7, we've already harnessed Tiled for UI & level design. It's really a helpful tool.
(BTW, we have an optimization tool for Tiled too: http://www.guava7.com/2012/tool-for-optimizing-tilemap-tmx-format/)

@Phong, I have not persoanlly used Tiled for any project, but I love the idea behind what you have done. Good one.

1dot44mb · December 2012

@phongtt thanks and your tool will be very helpful.

It's good that you are using Tiled for UI & Level design, maybe you can have a look at this one and suggest a few enhancements.

Scouser · December 2012

I also use tiled for UI design but I wrote a command line tool (windows) to take any image and create a tiled map which I then place into my packed texture along with all of my other graphics.

soy_ismael · December 2012

Thanks for your hard work. It will be helpful for my next project.

1dot44mb · December 2012

I have made some progress adding new features, please wait one or two days and i will release it. The new version changes most of the rules (brings more freedom) so no need to adapt to old rules as they will change in a little while.

1dot44mb · December 2012

Hello, version 2 is out, please see first post for changes and a showcase video.

GregBUG · December 2012

@1dot44mb

again...
awesome work!!!
and very useful!

Gideros tools Ecosystem Grows well !!! nice.

twisttap · December 2012

Great Work, nicely done

Thanks

louis · December 2012

great!

BTW,I use Tiled export new Level.lua, the demo didn't work, Level.lua don't match Level.tmx

1dot44mb · December 2012

Thanks.

@louis Open the exported lua file in a text editor and check that the paths to tileset images are correct. Correct them and if they are showing the wrong path and it should work.

arjunr24724 · January 2013

@1dot44mb
hi. I am somewhat new to Gideros. I've been figuring out your tool, and it just cuts down level design time to shreds. Still am struggling with a something.

In the example, if i want the "coins" to disappear when Xenon touches it, what would I have to do?

thanhquan1512 · May 2013

Hi all,

I am trying to implement TiledAsWorldEditor, however when I create a new physic object in my code (not in tilemap editor) using:

local body = Level.B2_Worlds[1]:createBody{type = b2.DYNAMIC_BODY}

When I run into it (call function contains code above) Gideros Player become freeze and force to close.

When I use another physic world, Player run fine, of course there is no collision between objects in Level.B2_Worlds[1] and world

world = b2.World.new(0, 9.8)
local body = world:createBody{type = b2.DYNAMIC_BODY}

Anyone can help me?

thanhquan1512 · May 2013

bring it on

zer0flag · June 2013

Hi there,

first of all... thanks @1dot44mb for this excellent script. I'm quite new to gideros and I stuck at a more complex approach. I've created separate platforms with about 5-10 tiles and I have a typical setup with a TerrainCollision Layer and a Layer with the Terrain Sprites.

Now if my player touches a platform I'd like to move the whole platform downwards to the bottom (so that the player can fall into a water or something). If I remove the CollisionLayer and handle the collision myself with the TerrainLayer it works for just one separate Tile but how can I get the whole connected Tiles for a complete platform? Is that possible?

Many thanks in advance!
cheers

DungDajHjep · July 2014

i additional
local nameIndex = 0
local nameOrigin
in lower TiledAsWorldEditor = Core.class(Sprite)
-----------------

in function createSprites()
i additional :
----------
if nameOrigin~= layerName then
nameIndex = 0
end
nameOrigin = layer.properties.NAME

------------------

in function createSpriteFromBitmap()

i change:
---------
obj.properties ={}
for k, v in pairs(layer.properties) do
obj.properties[k] = v
end

and additional
---------

nameIndex= nameIndex + 1
if nameIndex>=2 then
obj.properties.NAME = nameOrigin..(nameIndex-1)
end

--print(obj.properties.NAME," ",layer.properties.NAME," ",nameOrigin)
--------------

so it's fix problem all body and sprite from a layer same name, help me ease change animation from onBeginContact

---
p/s: sorry im bad english

Emanuel · July 2015

first thanks for all,

I need to move de camera when the Xeon moving... How to move the tiled?

thanks for all

pie · July 2015

@Emanuel usually you can move the tilemap by updating its x/y position on screen.
The first that comes to mind is using enterframe event to call something like:

local newX = tilemap:getX()-5 
tilemap:setX(newX)

assuming that tilemap is the name of the Tilemap you need to move and that box2d doesn't require "additional rules" to follow (never used box2d yet, I am sorry

) .

Emanuel · July 2015

I try it but only move the sprites... Colisions box don´t move... you have another ideia?

Howdy, Stranger!

Categories

In this Discussion

Top Posters

v2. A new tool: 'Tiled' as a level and Box2D world physics editor for Gideros

Comments

Howdy, Stranger!

Quick Links

Categories

In this Discussion

Top Posters

v2. A new tool: 'Tiled' as a level and Box2D world physics editor for Gideros

Comments