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

Lots of Tilemap updates, moved the renderer out, added components and new tests.

Browse Source
This commit is contained in:
Richard Davey
2013-07-02 23:41:25 +01:00
parent c647792c12
commit c81cf0c882
34 changed files with 2395 additions and 1563 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Tests/tilemaps/csv tilemap.js
+32
View File
@@ -0,0 +1,32 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
// CSV Tilemap Test
// First we load our map data (a csv file)
game.load.text('csvtest', 'assets/maps/catastrophi_level2.csv');
// Then we load the actual tile sheet image
game.load.image('csvtiles', 'assets/tiles/catastrophi_tiles_16.png');
game.load.start();
}
function create() {
// This creates the tilemap using the csv and tile sheet we loaded.
// We tell it use to CSV format parser. The 16x16 are the tile sizes.
// The 4th parameter (true) tells the game world to resize itself based on the map dimensions or not.
game.add.tilemap('csvtiles', 'csvtest', Phaser.Tilemap.FORMAT_CSV, true, 16, 16);
}
function update() {
// Simple camera controls
if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
game.camera.x -= 4;
} else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
game.camera.x += 4;
}
if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
game.camera.y -= 4;
} else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
game.camera.y += 4;
}
}
})();
Tests/tilemaps/csv tilemap.ts
+54
View File
@@ -0,0 +1,54 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
// CSV Tilemap Test
// First we load our map data (a csv file)
game.load.text('csvtest', 'assets/maps/catastrophi_level2.csv');
// Then we load the actual tile sheet image
game.load.image('csvtiles', 'assets/tiles/catastrophi_tiles_16.png');
game.load.start();
}
function create() {
// This creates the tilemap using the csv and tile sheet we loaded.
// We tell it use to CSV format parser. The 16x16 are the tile sizes.
// The 4th parameter (true) tells the game world to resize itself based on the map dimensions or not.
game.add.tilemap('csvtiles', 'csvtest', Phaser.Tilemap.FORMAT_CSV, true, 16, 16);
}
function update() {
// Simple camera controls
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
{
game.camera.x -= 4;
}
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
{
game.camera.x += 4;
}
if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
{
game.camera.y -= 4;
}
else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
{
game.camera.y += 4;
}
}
})();
Tests/tilemaps/map draw.js
+41
View File
@@ -0,0 +1,41 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
game.load.text('platform', 'assets/maps/mapdraw.json');
game.load.image('tiles', 'assets/tiles/platformer_tiles.png');
game.load.image('carrot', 'assets/sprites/carrot.png');
game.load.start();
}
var map;
var emitter;
var marker;
function create() {
map = game.add.tilemap('tiles', 'platform', Phaser.Tilemap.FORMAT_TILED_JSON);
map.setCollisionRange(21, 53);
map.setCollisionRange(105, 109);
game.camera.texture.opaque = true;
game.camera.texture.backgroundColor = 'rgb(47,154,204)';
marker = game.add.sprite(0, 0);
marker.texture.width = 16;
marker.texture.height = 16;
marker.texture.opaque = true;
marker.texture.backgroundColor = 'rgba(255,0,0,0.4)';
//emitter = game.add.emitter(32, 80);
//emitter.width = 700;
//emitter.makeParticles('carrot', 100, false, 1);
//emitter.gravity = 150;
//emitter.bounce = 0.8;
//emitter.start(false, 20, 0.05);
}
function update() {
// Collide everything with the map
//map.collide();
marker.x = game.math.snapToFloor(game.input.getWorldX(), 16);
marker.y = game.math.snapToFloor(game.input.getWorldY(), 16);
if(game.input.mousePointer.isDown) {
map.putTile(marker.x, marker.y, 32);
}
}
})();
Tests/tilemaps/map draw.ts
+60
View File
@@ -0,0 +1,60 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
game.load.text('platform', 'assets/maps/mapdraw.json');
game.load.image('tiles', 'assets/tiles/platformer_tiles.png');
game.load.image('carrot', 'assets/sprites/carrot.png');
game.load.start();
}
var map: Phaser.Tilemap;
var emitter: Phaser.Emitter;
var marker: Phaser.Sprite;
function create() {
map = game.add.tilemap('tiles', 'platform', Phaser.Tilemap.FORMAT_TILED_JSON);
map.setCollisionRange(21,53);
map.setCollisionRange(105,109);
game.camera.texture.opaque = true;
game.camera.texture.backgroundColor = 'rgb(47,154,204)';
marker = game.add.sprite(0, 0);
marker.texture.width = 16;
marker.texture.height = 16;
marker.texture.opaque = true;
marker.texture.backgroundColor = 'rgba(255,0,0,0.4)';
//emitter = game.add.emitter(32, 80);
//emitter.width = 700;
//emitter.makeParticles('carrot', 100, false, 1);
//emitter.gravity = 150;
//emitter.bounce = 0.8;
//emitter.start(false, 20, 0.05);
}
function update() {
// Collide everything with the map
//map.collide();
marker.x = game.math.snapToFloor(game.input.getWorldX(), 16);
marker.y = game.math.snapToFloor(game.input.getWorldY(), 16);
if (game.input.mousePointer.isDown)
{
map.putTile(marker.x, marker.y, 32);
}
}
})();
Tests/tilemaps/tiled layers.js
+34
View File
@@ -0,0 +1,34 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
// Tiled Tilemap Test
// First we load our map data (a json file exported from the map editor Tiled)
// This data file has several layers within it. Phaser will render them all.
game.load.text('jsontest', 'assets/maps/multi-layer-test.json');
// Then we load the actual tile sheet image
game.load.image('jsontiles', 'assets/tiles/platformer_tiles.png');
game.load.start();
}
var map;
function create() {
// This creates the tilemap using the json data and tile sheet we loaded.
// We tell it to use the Tiled JSON format parser.
map = game.add.tilemap('jsontiles', 'jsontest', Phaser.Tilemap.FORMAT_TILED_JSON);
//map.currentLayer.
}
function update() {
// Simple camera controls
if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
game.camera.x -= 4;
} else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
game.camera.x += 4;
}
if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
game.camera.y -= 4;
} else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
game.camera.y += 4;
}
}
})();
Tests/tilemaps/tiled layers.ts
+58
View File
@@ -0,0 +1,58 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
// Tiled Tilemap Test
// First we load our map data (a json file exported from the map editor Tiled)
// This data file has several layers within it. Phaser will render them all.
game.load.text('jsontest', 'assets/maps/multi-layer-test.json');
// Then we load the actual tile sheet image
game.load.image('jsontiles', 'assets/tiles/platformer_tiles.png');
game.load.start();
}
var map: Phaser.Tilemap;
function create() {
// This creates the tilemap using the json data and tile sheet we loaded.
// We tell it to use the Tiled JSON format parser.
map = game.add.tilemap('jsontiles', 'jsontest', Phaser.Tilemap.FORMAT_TILED_JSON);
//map.currentLayer.
}
function update() {
// Simple camera controls
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
{
game.camera.x -= 4;
}
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
{
game.camera.x += 4;
}
if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
{
game.camera.y -= 4;
}
else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
{
game.camera.y += 4;
}
}
})();
Tests/tilemaps/tiled tilemap.js
+32
View File
@@ -0,0 +1,32 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
// Tiled Tilemap Test
// First we load our map data (a json file exported from the map editor Tiled)
game.load.text('jsontest', 'assets/maps/test.json');
//myGame.loader.addTextFile('jsontest', 'assets/maps/multi-layer-test.json');
// Then we load the actual tile sheet image
game.load.image('jsontiles', 'assets/tiles/platformer_tiles.png');
game.load.start();
}
function create() {
// This creates the tilemap using the json data and tile sheet we loaded.
// We tell it to use the Tiled JSON format parser.
game.add.tilemap('jsontiles', 'jsontest', Phaser.Tilemap.FORMAT_TILED_JSON);
}
function update() {
// Simple camera controls
if(game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
game.camera.x -= 4;
} else if(game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
game.camera.x += 4;
}
if(game.input.keyboard.isDown(Phaser.Keyboard.UP)) {
game.camera.y -= 4;
} else if(game.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
game.camera.y += 4;
}
}
})();
Tests/tilemaps/tiled tilemap.ts
+54
View File
@@ -0,0 +1,54 @@
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
/// <reference path="../../Phaser/Game.ts" />
(function () {
var game = new Phaser.Game(this, 'game', 800, 600, init, create, update);
function init() {
// Tiled Tilemap Test
// First we load our map data (a json file exported from the map editor Tiled)
game.load.text('jsontest', 'assets/maps/test.json');
//myGame.loader.addTextFile('jsontest', 'assets/maps/multi-layer-test.json');
// Then we load the actual tile sheet image
game.load.image('jsontiles', 'assets/tiles/platformer_tiles.png');
game.load.start();
}
function create() {
// This creates the tilemap using the json data and tile sheet we loaded.
// We tell it to use the Tiled JSON format parser.
game.add.tilemap('jsontiles', 'jsontest', Phaser.Tilemap.FORMAT_TILED_JSON);
}
function update() {
// Simple camera controls
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
{
game.camera.x -= 4;
}
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
{
game.camera.x += 4;
}
if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
{
game.camera.y -= 4;
}
else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
{
game.camera.y += 4;
}
}
})();