This site works A LOT better with JavaScript enabled!
This is the beta version of this site! Some things may not be working.

With Animation

Run
var map = null; var game = new tine.Game(null, { preload: function() { game.load.image('_', 'assets/tmx/simplebroad.png'); game.load.json('map', 'assets/tmx/animation.json'); }, create: function() { // Use creatine.Display to disable anti-aliasing game.display.setSmoothingEnabled(false); // Map map = game.create.tilemap('map', {y:32, scaleX:2, scaleY:2}); game.stage.addChild(map); var staticLayer = map.getLayerByName('Objects'); staticLayer.cache(0, 0, map.width*map.tileWidth, map.height*map.tileHeight); }, update: function() { // Move the map when key is pressed if (game.keyboard.isDown(tine.keys.LEFT) || game.keyboard.isDown(tine.keys.A)) map.x += 350*game.time.fdelta; else if (game.keyboard.isDown(tine.keys.RIGHT) || game.keyboard.isDown(tine.keys.D)) map.x -= 350*game.time.fdelta; if (game.keyboard.isDown(tine.keys.UP) || game.keyboard.isDown(tine.keys.W)) map.y += 350*game.time.fdelta; else if (game.keyboard.isDown(tine.keys.DOWN) || game.keyboard.isDown(tine.keys.S)) map.y -= 350*game.time.fdelta; } })