wassname/phaser-plugin-isometric
1
0
Fork 0
mirror of https://github.com/wassname/phaser-plugin-isometric.git synced 2026-09-09 11:28:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

Further refined projection and unprojection code - small drift on Y axis to be fixed still.

Browse Source
This commit is contained in:
lewster32
2014-08-23 15:33:47 +01:00
parent 8a6f02acef
commit 5f767474a9
3 changed files with 22 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/phaser-plugin-isometric.js
Vendored
+10 -20
View File
@@ -1694,7 +1694,6 @@ Phaser.Plugin.Isometric.Point3.equals = function (a, b) {
*
* @classdesc
* Creates a new Isometric Projector object, which has helpers for projecting x, y and z coordinates into axonometric x and y equivalents.
* The projection code is based partly on code from isomer by Jordan 'jdan' Scales - web: http://jdan.github.io/isomer/ github: https://github.com/jdan/isomer
*
* @constructor
* @param {Phaser.Game} game - The current game object.
@@ -1754,8 +1753,8 @@ Phaser.Plugin.Isometric.Projector.prototype = {
out = new Phaser.Point();
}
out.x = (point3.x * this._transform[0][0]) + (point3.y * this._transform[1][0]);
out.y = (point3.x * this._transform[0][1]) + (point3.y * this._transform[1][1]) - point3.z;
out.x = (point3.x - point3.y) * this._transform[0];
out.y = ((point3.x + point3.y) * this._transform[1]) - point3.z;
out.x += this.game.world.width * this.anchor.x;
out.y += this.game.world.height * this.anchor.y;
@@ -1775,8 +1774,8 @@ Phaser.Plugin.Isometric.Projector.prototype = {
out = new Phaser.Point();
}
out.x = (point3.x * this._transform[0][0]) + (point3.y * this._transform[1][0]);
out.y = (point3.x * this._transform[0][1]) + (point3.y * this._transform[1][1]);
out.x = (point3.x - point3.y) * this._transform[0];
out.y = (point3.x + point3.y) * this._transform[1];
out.x += this.game.world.width * this.anchor.x;
out.y += this.game.world.height * this.anchor.y;
@@ -1792,16 +1791,16 @@ Phaser.Plugin.Isometric.Projector.prototype = {
* @param {number} offsetY - Offset of the Y axis in screen space, to account for differing z heights.
* @return {Phaser.Point3} The transformed Point3.
*/
unproject: function (point, out, offsetY) {
unproject: function (point, out) {
if (typeof out === "undefined") {
out = new Phaser.Point3();
}
// out.y = ((2 * point.y - point.x) / 2) + (this.game.world.height * this.anchor.y) - offsetY;
// out.x = (point.x + out.y) - (this.game.world.width * this.anchor.x);
var x = point.x - this.game.world.width * this.anchor.x;
var y = point.y - this.game.world.height * this.anchor.y;
out.x = (point.x * this._transform[1][0]) - (point.y * this._transform[0][0]) - (this.game.world.width * this.anchor.x);
out.y = (point.x * this._transform[1][1]) + (point.y * this._transform[0][1]) - (this.game.world.height * this.anchor.y) - offsetY;
out.x = x / (2 * this._transform[0]) + y;
out.y = y - x / (2 * this._transform[0]);
return out;
},
@@ -1918,16 +1917,7 @@ Object.defineProperty(Phaser.Plugin.Isometric.Projector.prototype, "projectionAn
this._projectionAngle = value;
this._transform = [
[
Math.cos(this._projectionAngle),
Math.sin(this._projectionAngle)
],
[
Math.cos(Math.PI - this._projectionAngle),
Math.sin(Math.PI - this._projectionAngle)
]
];
this._transform = [Math.cos(this._projectionAngle), Math.sin(this._projectionAngle)];
}
});;/**
dist/phaser-plugin-isometric.min.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
src/Projector.js
+10 -20
View File
@@ -3,7 +3,6 @@
*
* @classdesc
* Creates a new Isometric Projector object, which has helpers for projecting x, y and z coordinates into axonometric x and y equivalents.
* The projection code is based partly on code from isomer by Jordan 'jdan' Scales - web: http://jdan.github.io/isomer/ github: https://github.com/jdan/isomer
*
* @constructor
* @param {Phaser.Game} game - The current game object.
@@ -63,8 +62,8 @@ Phaser.Plugin.Isometric.Projector.prototype = {
out = new Phaser.Point();
}
out.x = (point3.x * this._transform[0][0]) + (point3.y * this._transform[1][0]);
out.y = (point3.x * this._transform[0][1]) + (point3.y * this._transform[1][1]) - point3.z;
out.x = (point3.x - point3.y) * this._transform[0];
out.y = ((point3.x + point3.y) * this._transform[1]) - point3.z;
out.x += this.game.world.width * this.anchor.x;
out.y += this.game.world.height * this.anchor.y;
@@ -84,8 +83,8 @@ Phaser.Plugin.Isometric.Projector.prototype = {
out = new Phaser.Point();
}
out.x = (point3.x * this._transform[0][0]) + (point3.y * this._transform[1][0]);
out.y = (point3.x * this._transform[0][1]) + (point3.y * this._transform[1][1]);
out.x = (point3.x - point3.y) * this._transform[0];
out.y = (point3.x + point3.y) * this._transform[1];
out.x += this.game.world.width * this.anchor.x;
out.y += this.game.world.height * this.anchor.y;
@@ -101,16 +100,16 @@ Phaser.Plugin.Isometric.Projector.prototype = {
* @param {number} offsetY - Offset of the Y axis in screen space, to account for differing z heights.
* @return {Phaser.Point3} The transformed Point3.
*/
unproject: function (point, out, offsetY) {
unproject: function (point, out) {
if (typeof out === "undefined") {
out = new Phaser.Point3();
}
// out.y = ((2 * point.y - point.x) / 2) + (this.game.world.height * this.anchor.y) - offsetY;
// out.x = (point.x + out.y) - (this.game.world.width * this.anchor.x);
var x = point.x - this.game.world.width * this.anchor.x;
var y = point.y - this.game.world.height * this.anchor.y;
out.x = (point.x * this._transform[1][0]) - (point.y * this._transform[0][0]) - (this.game.world.width * this.anchor.x);
out.y = (point.x * this._transform[1][1]) + (point.y * this._transform[0][1]) - (this.game.world.height * this.anchor.y) - offsetY;
out.x = x / (2 * this._transform[0]) + y;
out.y = y - x / (2 * this._transform[0]);
return out;
},
@@ -227,16 +226,7 @@ Object.defineProperty(Phaser.Plugin.Isometric.Projector.prototype, "projectionAn
this._projectionAngle = value;
this._transform = [
[
Math.cos(this._projectionAngle),
Math.sin(this._projectionAngle)
],
[
Math.cos(Math.PI - this._projectionAngle),
Math.sin(Math.PI - this._projectionAngle)
]
];
this._transform = [Math.cos(this._projectionAngle), Math.sin(this._projectionAngle)];
}
});