terraform/website/source/javascripts/app/Engine.Point.js

119 lines
1.9 KiB
JavaScript
Raw Normal View History

2014-07-24 05:35:57 +02:00
(function(
Engine,
Vector
2014-07-26 08:09:04 +02:00
){ 'use strict';
2014-07-24 05:35:57 +02:00
Engine.Point = function(id, x, y, shapeSize){
2014-07-24 05:35:57 +02:00
this.id = id;
this.shapeSize = shapeSize;
this.ref = new Vector(x, y);
this.pos = new Vector(
x * shapeSize.x,
y * shapeSize.y
);
2014-07-24 05:35:57 +02:00
this.target = this.pos.clone();
this.pos.x = shapeSize.x / 2;
this.pos.y = shapeSize.y / 2;
this.accel = Vector.coerce(this.accel);
this.vel = Vector.coerce(this.vel);
2014-07-24 05:35:57 +02:00
this.stiffness = Engine.getRandomFloat(150, 600);
this.friction = Engine.getRandomFloat(12, 18);
2014-07-24 05:35:57 +02:00
};
Engine.Point.prototype = {
radius: 1,
stiffness : 200,
friction : 13,
2014-07-24 05:35:57 +02:00
threshold : 0.03,
pos: {
x: 0,
y: 0
},
accel: {
x: 0,
y: 0
},
vel : {
x: 0,
y: 0
},
target: {
x: 0,
y: 0
},
resize: function(){
this.target.x = this.pos.x = this.ref.x * this.shapeSize.x;
this.target.y = this.pos.y = this.ref.y * this.shapeSize.y;
},
updateBreathingPhysics: function(){
this.stiffness = Engine.getRandomFloat(2, 4);
this.friction = Engine.getRandomFloat(1, 2);
},
updateTarget: function(newSize){
var diff;
this.target.x = this.ref.x * newSize.x;
this.target.y = this.ref.y * newSize.y;
diff = Vector.sub(newSize, this.shapeSize).div(2);
this.target.sub(diff);
this.target.add({
x: Engine.getRandomFloat(-3, 3),
y: Engine.getRandomFloat(-3, 3)
});
},
2014-07-24 05:35:57 +02:00
update: function(engine){
var newAccel;
newAccel = Vector.sub(this.target, this.pos)
.mult(this.stiffness)
.sub(Vector.mult(this.vel, this.friction));
this.accel.set(newAccel);
this.vel.add(Vector.mult(this.accel, engine.tick));
2014-07-24 05:35:57 +02:00
this.pos.add(
Vector.mult(this.vel, engine.tick)
);
2014-07-26 08:09:04 +02:00
newAccel = null;
return this;
2014-07-24 05:35:57 +02:00
},
draw: function(ctx, scale){
ctx.beginPath();
ctx.arc(
2014-07-26 08:09:04 +02:00
this.pos.x * scale,
this.pos.y * scale,
2014-07-24 05:35:57 +02:00
this.radius * scale,
0,
Math.PI * 2,
false
);
ctx.fillStyle = '#ffffff';
ctx.fill();
return this;
2014-07-24 05:35:57 +02:00
}
};
})(window.Engine, window.Vector);