wassname/phaser
1
0
Fork 0
mirror of https://github.com/wassname/phaser.git synced 2026-07-30 12:30:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

And Tilemaps are rendering again - and much better than ever before :) Just one final optimisation pass to do and then it's on to collision.

Browse Source
This commit is contained in:
photonstorm
2013-10-11 18:18:27 +01:00
parent cf414394c3
commit 0201baef11
10 changed files with 304 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/assets/maps/cybernoid.png.png → examples/assets/maps/cybernoid.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

examples/tilemaps/wip1.php
+47 -28
View File
@@ -10,54 +10,73 @@
function preload() {
game.load.tilemap('cybernoidLevel3', 'assets/maps/cybernoid.json', null, Phaser.Tilemap.JSON);
game.load.tileset('cybernoidTiles', 'assets/maps/cybernoid.png', 16, 16);
game.load.tilemap('level3', 'assets/maps/cybernoid.json', null, Phaser.Tilemap.TILED_JSON);
game.load.tileset('tiles', 'assets/maps/cybernoid.png', 16, 16);
}
var layer;
var cursors;
function create() {
game.stage.backgroundColor = '#3d3d3d';
var map = new Phaser.Tilemap(game, 'level3');
// This is a bit nuts, ought to find a way to automate it, but it looks cool :)
map.debugMap = [ '#000000',
'#e40058', '#e40058', '#e40058', '#80d010', '#bcbcbc', '#e40058', '#000000', '#0070ec', '#bcbcbc', '#bcbcbc', '#bcbcbc',
'#bcbcbc', '#bcbcbc', '#e40058', '#e40058', '#0070ec', '#0070ec', '#80d010', '#80d010', '#80d010', '#bcbcbc', '#bcbcbc',
'#bcbcbc', '#80d010', '#80d010', '#80d010', '#0070ec', '#0070ec', '#80d010', '#80d010', '#80d010', '#80d010', '#0070ec',
'#0070ec', '#24188c', '#24188c', '#80d010', '#80d010', '#80d010', '#bcbcbc', '#80d010', '#80d010', '#80d010', '#e40058',
'#e40058', '#bcbcbc', '#e40058', '#bcbcbc', '#e40058', '#bcbcbc', '#80d010', '#bcbcbc', '#80d010', '#000000', '#80d010',
'#80d010', '#80d010', '#bcbcbc', '#e40058', '#80d010', '#80d010', '#e40058', '#e40058', '#bcbcbc', '#bcbcbc', '#bcbcbc',
'#0070ec', '#0070ec', '#bcbcbc', '#bcbcbc', '#0070ec', '#0070ec', '#bcbcbc', '#bcbcbc', '#bcbcbc', '#bcbcbc', '#bcbcbc',
'#bcbcbc', '#bcbcbc'
];
map.dump();
layer = new Phaser.TilemapLayer(game, 200, 200, 320, 200);
layer.updateTileset('tiles');
layer.updateMapData(map, 0);
layer.sprite.anchor.setTo(0.5, 0.5);
game.world.add(layer.sprite);
// layer = new Phaser.TilemapLayer(game, 0, 0, 500, 500, [], 'snes');
// layer = new Phaser.TilemapLayer(game, 0, 0, 500, 500);
// layer.load(mapData, tileset);
// layer.create(mapWidth, mapHeight, [tileset]);
// layer.updateTileset('cybernoidTiles'); // can change on the fly
// layer.context.fillStyle = 'rgb(255,0,0)';
// layer.context.fillRect(0, 0, 200, 300);
/*
game.world._container.addChild(layer.sprite);
layer.create(10, 10);
layer.putTile(0, 0, 3);
layer.putTile(0, 1, 4);
layer.render();
layer.dump();
*/
cursors = game.input.keyboard.createCursorKeys();
}
function update() {
// layer.sprite.angle += 0.5;
if (cursors.up.isDown)
{
layer.y -= 4;
}
else if (cursors.down.isDown)
{
layer.y += 4;
}
if (cursors.left.isDown)
{
layer.x -= 4;
}
else if (cursors.right.isDown)
{
layer.x += 4;
}
}
function render() {
layer.render();
}