Export a scene to JSON
How to export a scene that was set up in code to a JSON file
You can export a scene with wade.exportScene(). This will generate a JavaScript object, that can later be used to re-import the scene, using wade.importScene().
You can also pass an additional boolean parameter to wade.exportScene(), to say that you want to generate a JSON string with the scene description. You can then save this string to a JSON file, and use wade.loadScene(fileName.json) whenever you want to load it)
App = function()
{
this.load = function()
{
wade.loadImages(['/snippets/samples/bg.png', '/snippets/samples/evenground_platform_long.png', '/snippets/samples/tree_deciduous1.png', '/snippets/samples/tree_deciduous2.png', '/snippets/samples/tree_deciduous3.png', '/snippets/samples/wildflowers_bunch_1.png', '/snippets/samples/wildflowers_bunch_2.png', '/snippets/samples/wildflowers_bunch_3.png', '/snippets/samples/dragonflap.png'])
};
this.init = function()
{
var layers = {front: 9, main: 10, back: 11};
// create template sprites (most of these will be duplicated)
var background = new Sprite('/snippets/samples/bg.png', layers.back);
var platformSprite = new Sprite('/snippets/samples/evenground_platform_long.png', layers.main);
var tree1 = new Sprite('/snippets/samples/tree_deciduous1.png', layers.main);
var tree2 = new Sprite('/snippets/samples/tree_deciduous2.png', layers.main);
var tree3 = new Sprite('/snippets/samples/tree_deciduous3.png', layers.main);
var flowers1 = new Sprite('/snippets/samples/wildflowers_bunch_1.png', layers.main);
var flowers2 = new Sprite('/snippets/samples/wildflowers_bunch_2.png', layers.main);
var flowers3 = new Sprite('/snippets/samples/wildflowers_bunch_3.png', layers.main);
wade.addSceneObject(new SceneObject(platformSprite.clone(), 0, 200, 160));
// create a background image
wade.addSceneObject(new SceneObject(background, 0, 0, -40));
// lots of flowers and trees! (clone the sprites defined above)
wade.addSceneObject(new SceneObject(flowers1.clone(), 0, -70, 160));
wade.addSceneObject(new SceneObject(flowers1.clone(), 0, 150, 130));
wade.addSceneObject(new SceneObject(flowers2.clone(), 0, -250, 140));
wade.addSceneObject(new SceneObject(flowers3.clone(), 0, -250, 140));
wade.addSceneObject(new SceneObject(flowers1.clone(), 0, 250, 145));
wade.addSceneObject(new SceneObject(flowers2.clone(), 0, 355, 130));
wade.addSceneObject(new SceneObject(tree1.clone(), 0, -200, 20));
wade.addSceneObject(new SceneObject(tree2.clone(), 0, 100, 26));
wade.addSceneObject(new SceneObject(tree3.clone(), 0, 324, -40));
// dragon
var dragonSprite = new Sprite(null, layers.front);
var flap = new Animation('/snippets/samples/dragonflap.png', 3, 2, 15, true);
dragonSprite.addAnimation('flap', flap);
dragonSprite.playAnimation('flap', 'ping-pong');
var dragon = new SceneObject(dragonSprite, 0, 40, 0);
wade.addSceneObject(dragon);
// text
var textSprite = new TextSprite('Test\nScene', '32px Arial', '#f88', 'center', layers.front);
textSprite.setShadow('black', 10, 0, 0);
wade.addSceneObject(new SceneObject(textSprite, 0, -60, -150));
// export the scene (open your browser's console to see it)
console.log(wade.exportScene(true));
};
};
Your code was executed successfully!
