Loading Level data into Editor:
- Copy all the text in the text-area below:
Click in it, then press ctrl+A (or cmd+A in Mac), then press ctrl+C (or cmd+C) - Paste in SVG-Edit:
Open SVG-Edit in a new tab.
Press the <SVG> button in the toolbar - see circled in red in the image below:
Paste the text you copied into the box that will pop,
Then click "Apply Changes" button at the top of the box that popped.
You should now see a pretty image of the level.
Feel free to modify it or start a new one.
Loading Level from Editor to Game
- Copy from SVG-Edit:
Press the <SVG> button in the editor, like in step two above.
Select and copy all the text in the box that pops. -
Clear all the text from the text-area above.
Click in it, then press ctrl+A (or cmd+A in Mac), press "delete" or "backspace".
Then paste the SVG data you copied from the editor, and click the "Apply Changes" button below it. - Click apply changes below:
Tips
-
The level contains three layers (for now) -
make sure you open the "layers" panel in the editor (right side of the screen) and select the Main layer to put the platforms.
The other two layers put platforms at the back (behind the player) and in the front of the player. -
The order of the elements in the SVG file matters! They are drawn from back to front.
You can use "send-backwards" or "bring-to-front" (right click on an element in the editor).
A good rule of thumb is lower platforms and enemies should be more "backward", top platforms should be "front",
so if you plan your level from bottom of screen to top of screen you have natural correct order of elements. -
Currently supported:
- Yellow circle - coin
- Orange circle - enemy
- Blue circle - player
- Green rectangle - grass platform
- Brown rectangle - brick platform