Adding comments

This commit is contained in:
Dennis Eichhorn 2016-07-18 18:12:33 +02:00
parent 454fb98ab8
commit 86a20798d3
3 changed files with 127 additions and 1 deletions

View File

@ -14,6 +14,16 @@
/** @namespace jsOMS.Animation.Animation */ /** @namespace jsOMS.Animation.Animation */
jsOMS.Autoloader.defineNamespace('jsOMS.Animation.Animation'); jsOMS.Autoloader.defineNamespace('jsOMS.Animation.Animation');
/**
* requestAnimationFrame wrapper
*
* @return {function}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Animation.requestAnimationFrame = (function () jsOMS.Animation.Animation.requestAnimationFrame = (function ()
{ {
return window.requestAnimationFrame || return window.requestAnimationFrame ||

View File

@ -32,33 +32,101 @@
this.color = {r: 255, g: 255, b: 255, a: 0.5}; this.color = {r: 255, g: 255, b: 255, a: 0.5};
}; };
/**
* Get particle radius
*
* @return {int}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.Particle.prototype.getRadius = function () jsOMS.Animation.Canvas.Particle.prototype.getRadius = function ()
{ {
return this.radius; return this.radius;
}; };
/**
* Set particle position
*
* @param {int} posX Position x
* @param {int} posY Position y
*
* @return {void}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.Particle.prototype.setPosition = function (posX, posY) jsOMS.Animation.Canvas.Particle.prototype.setPosition = function (posX, posY)
{ {
this.posX = posX; this.posX = posX;
this.posY = posY; this.posY = posY;
}; };
/**
* Get position
*
* @return {Object}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.Particle.prototype.getPosition = function () jsOMS.Animation.Canvas.Particle.prototype.getPosition = function ()
{ {
return {x: this.posX, y: this.posY}; return {x: this.posX, y: this.posY};
}; };
/**
* Set particle velocity
*
* @param {float} velX Velocity x
* @param {float} velY Velocity y
*
* @return {void}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.Particle.prototype.setVelocity = function (velX, velY) jsOMS.Animation.Canvas.Particle.prototype.setVelocity = function (velX, velY)
{ {
this.velX = velX; this.velX = velX;
this.velY = velY; this.velY = velY;
}; };
/**
* Get velocity
*
* @return {Object}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.Particle.prototype.getVelocity = function () jsOMS.Animation.Canvas.Particle.prototype.getVelocity = function ()
{ {
return {x: this.velX, y: this.velY}; return {x: this.velX, y: this.velY};
}; };
/**
* Draw particle to canvas
*
* @param {object} ctx Canvas
*
* @return {void}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.Particle.prototype.draw = function (ctx) jsOMS.Animation.Canvas.Particle.prototype.draw = function (ctx)
{ {
ctx.fillStyle = 'rgba(' + this.color.r + ', ' + this.color.g + ', ' + this.color.b + ', ' + this.color.a + ')'; ctx.fillStyle = 'rgba(' + this.color.r + ', ' + this.color.g + ', ' + this.color.b + ', ' + this.color.a + ')';

View File

@ -1,5 +1,5 @@
/** /**
* Particle class. * Particle animation class.
* *
* @author OMS Development Team <dev@oms.com> * @author OMS Development Team <dev@oms.com>
* @author Dennis Eichhorn <d.eichhorn@oms.com> * @author Dennis Eichhorn <d.eichhorn@oms.com>
@ -15,6 +15,9 @@
jsOMS.Autoloader.defineNamespace('jsOMS.Animation.Canvas'); jsOMS.Autoloader.defineNamespace('jsOMS.Animation.Canvas');
/** /**
*
* @param {object} canvas Canvas
*
* @constructor * @constructor
* *
* @since 1.0.0 * @since 1.0.0
@ -45,6 +48,18 @@
} }
}; };
/**
* Draw everything
*
* @param {object} self Object reference for self invoke
*
* @return {void}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.ParticleAnimation.prototype.draw = function (self) jsOMS.Animation.Canvas.ParticleAnimation.prototype.draw = function (self)
{ {
self = typeof self !== 'undefined' ? self : this; self = typeof self !== 'undefined' ? self : this;
@ -63,11 +78,31 @@
}); });
}; };
/**
* Invalidate/clean canvas
*
* @return {void}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.ParticleAnimation.prototype.invalidate = function () jsOMS.Animation.Canvas.ParticleAnimation.prototype.invalidate = function ()
{ {
this.ctx.clearRect(0, 0, this.width, this.height); this.ctx.clearRect(0, 0, this.width, this.height);
}; };
/**
* Update particle
*
* @return {void}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.ParticleAnimation.prototype.updateParticles = function () jsOMS.Animation.Canvas.ParticleAnimation.prototype.updateParticles = function ()
{ {
let particle, let particle,
@ -107,6 +142,19 @@
} }
}; };
/**
* Handle distance between particles
*
* @param {Particle} p1 Particle
* @param {Particle} p2 Particle
*
* @return {void}
*
* @method
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.Animation.Canvas.ParticleAnimation.prototype.updateDistance = function (p1, p2) jsOMS.Animation.Canvas.ParticleAnimation.prototype.updateDistance = function (p1, p2)
{ {
let pos1 = p1.getPosition(), let pos1 = p1.getPosition(),