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

With Image Layer

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