How to create smooth levels using Inkscape
- 1 Caution: this software is still in early development stage.
- 2 It's more a proof of concept for the time.
- 3 Please report bugs on the irc
Caution: this software is still in early development stage.
It's more a proof of concept for the time.
Please report bugs on the irc
$ cvs -z3 -d:pserver:firstname.lastname@example.org:/cvsroot/xmoto co -P xmoto/tools/svg2lvl/
Draw the level
You're ready to draw your level using Inskcape. See Inskcape howto's from the help menu.
Transform all objects into paths
Inskcape deals with its own shapes like stars, circles, ... so you have to convert them to path of vertex.
Disclaimer: don't put objects properties before transforming them to paths ! Else properties will be lost... Inkscape remove them.
Then, Shift+Ctrl+C (or use the menu)
And you got a path of vertex
Repeat this process for every inskcape shape (rectangle, circle, star, ...)
Level objects properties
Once your level is drawn, you have to put entities, blocks and sprites properties. Select an object, right click on it, then select 'object properties'.
Properties are put inside the 'label' box. They are seperate with a '|'. If no properties are set, then the object is put as a block with default texture. You can also fill the 'id' box, it's useful if you write a lua script for the level, because you got the blocks, zones and entities names to use in your script.
WARNING : properties are case sensitive ! Write them with the exact case as show below.
A background block (it's a block in the background and the player can't interact with it) using the Dark Dirt texture:
A dynamic block using the default texture:
A block using the default texture:
(you have nothing to put in, let it blank (or let what inkscape puts in it))
A block using the Dark Dirt texture:
- size=float_number (the entity colision radius)
- param_name=param_value available params name are (there's more of them):
- z (for Sprite)
- name (for Sprite)
- style (for every entity)
- type (for ParticleSource)
A particle source throwing smoke:
A tree sprite put under foreground blocks
End of level:
- The only possible value for a zone
Generate level file
Inkscape works with bezier curves, but the converter only use vertex, so you have to smooth objects. Press F2 to select the appropriate tool then select an object. It's not having much vertex. Press Ctrl+A to select every vertex. Then press the '+' button (see screenshot)
Press the '+' button until you got enough vertex for the object to be smooth.
Repeat that for EVERY objects that have to be smooth blocks in the game (no need to do that for objects which'll be entities or zones)
Feel free to add plenty of vertex because the converter will remove unnecessary vertex. For example, here are the remaining vertex in the sample level:
The level of smooth can be adjust. For now, you have to edit manually the source file elements.py. In the method optimizeVertex you can change the values of xLimit, yLimit and angleLimit. The smaller the values, the smoothest the level. But don't add to much vertex, because xmoto doesn't scale very well with big levels made with thousands of vertex... and became quite slow...
launch the converter
Yes you have to use the command line. To make it easier, put you svg file inside the same directory than your python source files (also put your lua script file if your level have any)
$ python svg2lvl.py level.svg 100 level.lvl [level.lua]
- svg file
- level scale (the bigger this value, the bigger the resulting level will be, play with it until you find the right value for your level)
- lvl file
- lua script file (optional)
Then, put your lvl generated file into your xmoto Levels directory, and you can play it: