mirror of
https://github.com/wassname/phaser.git
synced 2026-08-01 12:50:06 +08:00
Tilemap collision is now working but all Camera following seems to be broken as a result. Awesome.
This commit is contained in:
Richard Davey
+36
-43
@@ -1,22 +1,43 @@
|
||||
var __extends = this.__extends || function (d, b) {
|
||||
function __() { this.constructor = d; }
|
||||
__.prototype = b.prototype;
|
||||
d.prototype = new __();
|
||||
};
|
||||
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
|
||||
/// <reference path="../../Phaser/Game.ts" />
|
||||
var customParticle2 = (function (_super) {
|
||||
__extends(customParticle2, _super);
|
||||
function customParticle2(game) {
|
||||
_super.call(this, game);
|
||||
var s = [
|
||||
'carrot',
|
||||
'melon',
|
||||
'eggplant',
|
||||
'mushroom',
|
||||
'pineapple'
|
||||
];
|
||||
this.loadGraphic(game.math.getRandom(s));
|
||||
this.elasticity = 0.8;
|
||||
}
|
||||
return customParticle2;
|
||||
})(Phaser.Particle);
|
||||
(function () {
|
||||
var myGame = new Phaser.Game(this, 'game', 800, 600, init, create, update);
|
||||
function init() {
|
||||
myGame.loader.addTextFile('platform', 'assets/maps/platform-test-1.json');
|
||||
myGame.loader.addImageFile('tiles', 'assets/tiles/platformer_tiles.png');
|
||||
myGame.loader.addImageFile('ufo', 'assets/sprites/ufo.png');
|
||||
myGame.loader.addImageFile('ilkke', 'assets/sprites/ilkke.png');
|
||||
myGame.loader.addImageFile('chunk', 'assets/sprites/chunk.png');
|
||||
myGame.loader.addImageFile('healthbar', 'assets/sprites/healthbar.png');
|
||||
myGame.loader.addImageFile('carrot', 'assets/sprites/carrot.png');
|
||||
myGame.loader.addImageFile('melon', 'assets/sprites/melon.png');
|
||||
myGame.loader.addImageFile('eggplant', 'assets/sprites/eggplant.png');
|
||||
myGame.loader.addImageFile('mushroom', 'assets/sprites/mushroom.png');
|
||||
myGame.loader.addImageFile('pineapple', 'assets/sprites/pineapple.png');
|
||||
myGame.loader.load();
|
||||
}
|
||||
var map;
|
||||
var car;
|
||||
var marker;
|
||||
var tile;
|
||||
var emitter;
|
||||
var mo;
|
||||
function create() {
|
||||
map = myGame.createTilemap('tiles', 'platform', Phaser.Tilemap.FORMAT_TILED_JSON);
|
||||
map.setCollisionRange(21, 53);
|
||||
@@ -28,27 +49,19 @@
|
||||
Phaser.Keyboard.UP,
|
||||
Phaser.Keyboard.DOWN
|
||||
]);
|
||||
emitter = myGame.createEmitter(32, 32);
|
||||
emitter = myGame.createEmitter(32, 80);
|
||||
emitter.width = 700;
|
||||
emitter.makeParticles(null, 50, 0, false, 0);
|
||||
emitter.particleClass = customParticle2;
|
||||
emitter.makeParticles(null, 100, 0, false, 0.7);
|
||||
emitter.gravity = 100;
|
||||
emitter.setRotation(0, 0);
|
||||
emitter.start(false);
|
||||
emitter.start(false, 10, 0.05);
|
||||
car = myGame.createSprite(250, 64, 'ufo');
|
||||
car.renderRotation = false;
|
||||
//car.renderDebug = true;
|
||||
car.setBounds(0, 0, map.widthInPixels - 32, map.heightInPixels - 32);
|
||||
//car.velocity.y = 10;
|
||||
marker = myGame.createGeomSprite(0, 0);
|
||||
marker.createRectangle(16, 16);
|
||||
marker.renderFill = false;
|
||||
marker.visible = false;
|
||||
//myGame.onRenderCallback = render;
|
||||
}
|
||||
}
|
||||
function update() {
|
||||
marker.x = myGame.math.snapToFloor(myGame.input.worldX, 16);
|
||||
marker.y = myGame.math.snapToFloor(myGame.input.worldY, 16);
|
||||
//myGame.collide(car, map.currentLayer);
|
||||
car.velocity.x = 0;
|
||||
car.velocity.y = 0;
|
||||
if(myGame.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
|
||||
@@ -61,30 +74,10 @@
|
||||
} else if(myGame.input.keyboard.isDown(Phaser.Keyboard.DOWN)) {
|
||||
car.velocity.y = 200;
|
||||
}
|
||||
mo = map.collide(car);
|
||||
//map.getTileOverlaps()
|
||||
}
|
||||
function render() {
|
||||
tile = map.getTileFromInputXY();
|
||||
//var b = map.getTileOverlaps(car);
|
||||
myGame.stage.context.font = '18px Arial';
|
||||
myGame.stage.context.fillStyle = 'rgb(255,255,255)';
|
||||
//myGame.stage.context.fillText(tile.toString(), 32, 32);
|
||||
myGame.input.renderDebugInfo(32, 64, 'rgb(255,255,255)');
|
||||
myGame.stage.context.fillStyle = 'rgb(255,255,255)';
|
||||
myGame.stage.context.fillText(mo.x + ' ' + mo.y + ' ' + mo.w + ' ' + mo.h, 32, 200);
|
||||
myGame.stage.context.fillText(car.bounds.x + ' ' + car.bounds.y + ' ' + car.bounds.width + ' ' + car.bounds.height, 32, 232);
|
||||
var i = 0;
|
||||
for(var y = mo.y; y < mo.y + mo.h; y++) {
|
||||
for(var x = mo.x; x < mo.x + mo.w; x++) {
|
||||
if(mo.collision[i] == true) {
|
||||
myGame.stage.context.fillStyle = 'rgba(255,0,0,0.5)';
|
||||
} else {
|
||||
myGame.stage.context.fillStyle = 'rgba(0,255,0,0.5)';
|
||||
}
|
||||
myGame.stage.context.fillRect(x * 16, y * 16, 16, 16);
|
||||
i++;
|
||||
}
|
||||
}
|
||||
// Collide the space ship with the particles
|
||||
myGame.collide(car, emitter);
|
||||
// Collide everything with the map
|
||||
//map.collide();
|
||||
map.collide(emitter);
|
||||
}
|
||||
})();
|
||||
|
||||
+28
-62
@@ -1,6 +1,20 @@
|
||||
/// <reference path="../../Phaser/gameobjects/Tilemap.ts" />
|
||||
/// <reference path="../../Phaser/Game.ts" />
|
||||
|
||||
class customParticle2 extends Phaser.Particle {
|
||||
|
||||
constructor(game:Phaser.Game) {
|
||||
|
||||
super(game);
|
||||
|
||||
var s = ['carrot', 'melon', 'eggplant', 'mushroom', 'pineapple'];
|
||||
|
||||
this.loadGraphic(game.math.getRandom(s));
|
||||
this.elasticity = 0.8;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
(function () {
|
||||
|
||||
var myGame = new Phaser.Game(this, 'game', 800, 600, init, create, update);
|
||||
@@ -10,9 +24,11 @@
|
||||
myGame.loader.addTextFile('platform', 'assets/maps/platform-test-1.json');
|
||||
myGame.loader.addImageFile('tiles', 'assets/tiles/platformer_tiles.png');
|
||||
myGame.loader.addImageFile('ufo', 'assets/sprites/ufo.png');
|
||||
myGame.loader.addImageFile('ilkke', 'assets/sprites/ilkke.png');
|
||||
myGame.loader.addImageFile('chunk', 'assets/sprites/chunk.png');
|
||||
myGame.loader.addImageFile('healthbar', 'assets/sprites/healthbar.png');
|
||||
myGame.loader.addImageFile('carrot', 'assets/sprites/carrot.png');
|
||||
myGame.loader.addImageFile('melon', 'assets/sprites/melon.png');
|
||||
myGame.loader.addImageFile('eggplant', 'assets/sprites/eggplant.png');
|
||||
myGame.loader.addImageFile('mushroom', 'assets/sprites/mushroom.png');
|
||||
myGame.loader.addImageFile('pineapple', 'assets/sprites/pineapple.png');
|
||||
|
||||
myGame.loader.load();
|
||||
|
||||
@@ -20,12 +36,9 @@
|
||||
|
||||
var map: Phaser.Tilemap;
|
||||
var car: Phaser.Sprite;
|
||||
var marker: Phaser.GeomSprite;
|
||||
var tile: Phaser.Tile;
|
||||
var emitter: Phaser.Emitter;
|
||||
|
||||
var mo;
|
||||
|
||||
function create() {
|
||||
|
||||
map = myGame.createTilemap('tiles', 'platform', Phaser.Tilemap.FORMAT_TILED_JSON);
|
||||
@@ -36,38 +49,24 @@
|
||||
|
||||
myGame.input.keyboard.addKeyCapture([Phaser.Keyboard.LEFT, Phaser.Keyboard.RIGHT, Phaser.Keyboard.UP, Phaser.Keyboard.DOWN]);
|
||||
|
||||
emitter = myGame.createEmitter(32, 32);
|
||||
emitter = myGame.createEmitter(32, 80);
|
||||
emitter.width = 700;
|
||||
emitter.makeParticles(null, 50, 0, false, 0);
|
||||
emitter.particleClass = customParticle2;
|
||||
emitter.makeParticles(null, 100, 0, false, 0.7);
|
||||
emitter.gravity = 100;
|
||||
emitter.setRotation(0,0);
|
||||
emitter.start(false);
|
||||
emitter.start(false, 10, 0.05);
|
||||
|
||||
car = myGame.createSprite(250, 64, 'ufo');
|
||||
car.renderRotation = false;
|
||||
//car.renderDebug = true;
|
||||
|
||||
car.setBounds(0, 0, map.widthInPixels - 32, map.heightInPixels - 32);
|
||||
//car.velocity.y = 10;
|
||||
|
||||
marker = myGame.createGeomSprite(0, 0);
|
||||
marker.createRectangle(16, 16);
|
||||
marker.renderFill = false;
|
||||
marker.visible = false;
|
||||
|
||||
//myGame.onRenderCallback = render;
|
||||
|
||||
}
|
||||
|
||||
function update() {
|
||||
|
||||
marker.x = myGame.math.snapToFloor(myGame.input.worldX, 16);
|
||||
marker.y = myGame.math.snapToFloor(myGame.input.worldY, 16);
|
||||
|
||||
//myGame.collide(car, map.currentLayer);
|
||||
|
||||
|
||||
|
||||
car.velocity.x = 0;
|
||||
car.velocity.y = 0;
|
||||
|
||||
@@ -89,45 +88,12 @@
|
||||
car.velocity.y = 200;
|
||||
}
|
||||
|
||||
mo = map.collide(car);
|
||||
//map.getTileOverlaps()
|
||||
// Collide the space ship with the particles
|
||||
myGame.collide(car, emitter);
|
||||
|
||||
}
|
||||
|
||||
function render() {
|
||||
|
||||
tile = map.getTileFromInputXY();
|
||||
|
||||
//var b = map.getTileOverlaps(car);
|
||||
|
||||
myGame.stage.context.font = '18px Arial';
|
||||
myGame.stage.context.fillStyle = 'rgb(255,255,255)';
|
||||
//myGame.stage.context.fillText(tile.toString(), 32, 32);
|
||||
myGame.input.renderDebugInfo(32, 64, 'rgb(255,255,255)');
|
||||
myGame.stage.context.fillStyle = 'rgb(255,255,255)';
|
||||
myGame.stage.context.fillText(mo.x + ' ' + mo.y + ' ' + mo.w + ' ' + mo.h, 32, 200);
|
||||
myGame.stage.context.fillText(car.bounds.x + ' ' + car.bounds.y + ' ' + car.bounds.width + ' ' + car.bounds.height, 32, 232);
|
||||
|
||||
|
||||
var i = 0;
|
||||
|
||||
for (var y = mo.y; y < mo.y + mo.h; y++)
|
||||
{
|
||||
for (var x = mo.x; x < mo.x + mo.w; x++)
|
||||
{
|
||||
if (mo.collision[i] == true)
|
||||
{
|
||||
myGame.stage.context.fillStyle = 'rgba(255,0,0,0.5)';
|
||||
}
|
||||
else
|
||||
{
|
||||
myGame.stage.context.fillStyle = 'rgba(0,255,0,0.5)';
|
||||
}
|
||||
|
||||
myGame.stage.context.fillRect(x * 16, y * 16, 16, 16);
|
||||
i++;
|
||||
}
|
||||
}
|
||||
// Collide everything with the map
|
||||
//map.collide();
|
||||
map.collide(emitter);
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user