mirror of
https://github.com/photonstorm/phaser
synced 2024-11-23 13:13:43 +00:00
Experimental Transform implementation
This commit is contained in:
Felipe Alfonso
parent
0e0fceb5f7
commit
efa5f8a012
1 changed files with 252 additions and 0 deletions
252
v3/src/components/experimental-Transform.js
Normal file
252
v3/src/components/experimental-Transform.js
Normal file
|
|
@ -0,0 +1,252 @@
|
|||
// This is an abstraction for a transformation
|
||||
// matrix. It shouldn't contain anything that
|
||||
// is not specific to that.
|
||||
function Transform(x, y)
|
||||
{
|
||||
// We should definitely build a matrix pool
|
||||
// instancing typed arrays at runtime is very expensive.
|
||||
this.local = new Float32Array([1, 0, 0, 1, x, y]);
|
||||
this.world = new Float32Array([1, 0, 0, 1, 0, 0]);
|
||||
// More experienced developer can just access the
|
||||
// local and world matrices. For developer who want
|
||||
// easy access to specific components of the matrix
|
||||
// they can use the decomposition functions.
|
||||
}
|
||||
// This functions only apply to local matrix
|
||||
Transform.prototype.setTranslate = function (x, y)
|
||||
{
|
||||
var local = this.local;
|
||||
local[4] = x;
|
||||
local[5] = y;
|
||||
};
|
||||
Transform.prototype.setScale = function (x, y)
|
||||
{
|
||||
var local = this.local;
|
||||
local[0] = x;
|
||||
local[3] = y;
|
||||
};
|
||||
Transform.prototype.setRotation = function (radian)
|
||||
{
|
||||
var tcos = Math.cos(radian);
|
||||
var tsin = Math.sin(radian);
|
||||
var local = this.local;
|
||||
local[0] = cr + sr;
|
||||
local[1] = cr + sr;
|
||||
local[2] = -sr + cr;
|
||||
local[3] = -sr + cr;
|
||||
};
|
||||
Transform.prototype.translate = function (x, y)
|
||||
{
|
||||
var local = this.local;
|
||||
local[4] = local[0] * x + local[2] * y + local[4];
|
||||
local[5] = local[1] * x + local[3] * y + local[5];
|
||||
};
|
||||
Transform.prototype.scale = function (x, y)
|
||||
{
|
||||
var local = this.local;
|
||||
local[0] = local[0] * x;
|
||||
local[1] = local[1] * x;
|
||||
local[2] = local[2] * y;
|
||||
local[3] = local[3] * y;
|
||||
};
|
||||
Transform.prototype.rotate = function (radian)
|
||||
{
|
||||
var local = this.local;
|
||||
var a = local[0];
|
||||
var b = local[1];
|
||||
var c = local[2];
|
||||
var d = local[3];
|
||||
var tcos = Math.cos(radian);
|
||||
var tsin = Math.sin(radian);
|
||||
|
||||
local[0] = a * tcos + c * tsin;
|
||||
local[1] = b * tcos + d * tsin;
|
||||
local[2] = a * -tsin + c * tcos;
|
||||
local[3] = b * -tsin + d * tcos;
|
||||
};
|
||||
Transform.prototype.transform = function (a, b, c, d, tx, ty)
|
||||
{
|
||||
var local = this.local;
|
||||
var local0 = local[0];
|
||||
var local1 = local[1];
|
||||
var local2 = local[2];
|
||||
var local3 = local[3];
|
||||
|
||||
var a2 = a * local0 + b * local2;
|
||||
var b2 = a * local1 + b * local3;
|
||||
var c2 = c * local0 + d * local2;
|
||||
var d2 = c * local1 + d * local3;
|
||||
var e2 = tx * local0 + ty * local2 + local[4];
|
||||
var f2 = tx * local1 + ty * local3 + local[5];
|
||||
|
||||
this.setTransform(a2, b2, c2, d2, e2, f2);
|
||||
};
|
||||
Transform.prototype.setTransform = function (a, b, c, d, tx, ty)
|
||||
{
|
||||
var local = this.local;
|
||||
local[0] = a;
|
||||
local[1] = b;
|
||||
local[2] = c;
|
||||
local[3] = d;
|
||||
local[4] = tx;
|
||||
local[5] = ty;
|
||||
};
|
||||
Transform.prototype.loadIdentity = function ()
|
||||
{
|
||||
var local = this.local;
|
||||
local[0] = 1;
|
||||
local[1] = 0;
|
||||
local[2] = 0;
|
||||
local[3] = 1;
|
||||
local[4] = 0;
|
||||
local[5] = 0;
|
||||
};
|
||||
// This is the only function that operates on the world transform
|
||||
// Should only be called once per frame.
|
||||
Transform.prototype.updateWorldMatrix = function (parentTransform)
|
||||
{
|
||||
var local = this.local;
|
||||
var world = this.world;
|
||||
var parent = parentTransform;
|
||||
|
||||
world[0] = parent[0] * local[0] + parent[1] * local[2];
|
||||
world[1] = parent[0] * local[1] + parent[1] * local[3];
|
||||
world[2] = parent[2] * local[0] + parent[3] * local[2];
|
||||
world[3] = parent[2] * local[1] + parent[3] * local[3];
|
||||
world[4] = parent[4] * local[0] + parent[5] * local[2] + local[4];
|
||||
world[5] = parent[4] * local[1] + parent[5] * local[3] + local[5];
|
||||
};
|
||||
|
||||
// Explicit functions describe cost of operation
|
||||
// Should only be used by users. If transform is
|
||||
// needed it should be applied by the regular
|
||||
// matrix multiplication.
|
||||
// WARNING: THESE ARE EXPENSIVE!!
|
||||
|
||||
// Local
|
||||
Transform.prototype.getTranslate = function (vec2)
|
||||
{
|
||||
var local = this.local;
|
||||
vec2[0] = local[0];
|
||||
vec2[1] = local[1];
|
||||
return vec2;
|
||||
};
|
||||
Transform.prototype.getScale = function (vec2)
|
||||
{
|
||||
var local = this.local;
|
||||
var a = local[0];
|
||||
var c = local[2];
|
||||
var b = local[1];
|
||||
var d = local[3];
|
||||
var a2 = a * a;
|
||||
var c2 = c * c;
|
||||
var b2 = b * b;
|
||||
var d2 = d * d;
|
||||
var sy = Math.sqrt(b2 + d2);
|
||||
var sx = Math.sqrt(a2 + c2);
|
||||
vec2[0] = sx;
|
||||
vec2[1] = sy;
|
||||
return vec2;
|
||||
};
|
||||
Transform.prototype.getTranslateX = function ()
|
||||
{
|
||||
return this.local[4];
|
||||
};
|
||||
|
||||
Transform.prototype.getTranslateY = function ()
|
||||
{
|
||||
return this.local[5];
|
||||
};
|
||||
Transform.prototype.getScaleX = function ()
|
||||
{
|
||||
var local = this.local;
|
||||
var a = local[0];
|
||||
var c = local[2];
|
||||
var a2 = a * a;
|
||||
var c2 = c * c;
|
||||
var sx = Math.sqrt(a2 + c2);
|
||||
return sx;
|
||||
};
|
||||
Transform.prototype.getScaleY = function ()
|
||||
{
|
||||
var local = this.local;
|
||||
var b = local[1];
|
||||
var d = local[3];
|
||||
var b2 = b * b;
|
||||
var d2 = d * d;
|
||||
var sy = Math.sqrt(b2 + d2);
|
||||
return sx;
|
||||
};
|
||||
Transform.prototype.getRotation = function ()
|
||||
{
|
||||
var local = this.local;
|
||||
var a = local[0];
|
||||
var c = local[2];
|
||||
var a2 = a * a;
|
||||
var c2 = c * c;
|
||||
return Math.acos(a / Math.sqrt(a2 + c2)) * (Math.atan(-c / a) < 0 ? -1 : 1);
|
||||
};
|
||||
|
||||
// World
|
||||
Transform.prototype.getWorldTranslate = function (vec2)
|
||||
{
|
||||
var world = this.world;
|
||||
vec2[0] = world[0];
|
||||
vec2[1] = world[1];
|
||||
return vec2;
|
||||
};
|
||||
Transform.prototype.getWorldScale = function (vec2)
|
||||
{
|
||||
var world = this.world;
|
||||
var a = world[0];
|
||||
var c = world[2];
|
||||
var b = world[1];
|
||||
var d = world[3];
|
||||
var a2 = a * a;
|
||||
var c2 = c * c;
|
||||
var b2 = b * b;
|
||||
var d2 = d * d;
|
||||
var sy = Math.sqrt(b2 + d2);
|
||||
var sx = Math.sqrt(a2 + c2);
|
||||
vec2[0] = sx;
|
||||
vec2[1] = sy;
|
||||
return vec2;
|
||||
};
|
||||
Transform.prototype.getWorldTranslateX = function ()
|
||||
{
|
||||
return this.world[4];
|
||||
};
|
||||
|
||||
Transform.prototype.getWorldTranslateY = function ()
|
||||
{
|
||||
return this.world[5];
|
||||
};
|
||||
Transform.prototype.getWorldScaleX = function ()
|
||||
{
|
||||
var world = this.world;
|
||||
var a = world[0];
|
||||
var c = world[2];
|
||||
var a2 = a * a;
|
||||
var c2 = c * c;
|
||||
var sx = Math.sqrt(a2 + c2);
|
||||
return sx;
|
||||
};
|
||||
Transform.prototype.getWorldScaleY = function ()
|
||||
{
|
||||
var world = this.world;
|
||||
var b = world[1];
|
||||
var d = world[3];
|
||||
var b2 = b * b;
|
||||
var d2 = d * d;
|
||||
var sy = Math.sqrt(b2 + d2);
|
||||
return sx;
|
||||
};
|
||||
Transform.prototype.getWorldRotation = function ()
|
||||
{
|
||||
var world = this.world;
|
||||
var a = world[0];
|
||||
var c = world[2];
|
||||
var a2 = a * a;
|
||||
var c2 = c * c;
|
||||
return Math.acos(a / Math.sqrt(a2 + c2)) * (Math.atan(-c / a) < 0 ? -1 : 1);
|
||||
};
|
||||
Loading…
Reference in a new issue