asif/ab-particles
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

change speed calculations

Browse Source 
Allow for independent horizontal and vertical speeds.
Allow for negative speeds to reverse directions.
Directional speed resets general speed to 1.
This commit is contained in:
Asif Bacchus 2020-04-10 11:26:31 -06:00
parent 4ba30a0a35
commit 95d99ff803
1 changed files with 73 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
js/ab-particles.js
View File

@ -58,12 +58,38 @@ function particles(){
}
// check particle position, mouse position, move particle and draw it
update(){
// check if particle is still within canvas
if (this.x > canvas.width || this.x < 0){
this.directionX = -this.directionX;
// check if particle.x is still within canvas
if (vSpeed === 0 && hSpeed > 0){
if (this.x > canvas.width){
this.x = 0;
}
}
if (this.y > canvas.height || this.y < 0){
this.directionY = -this.directionY;
else if (vSpeed === 0 && hSpeed < 0){
if (this.x < 0){
this.x = canvas.width;
}
}
else{
if (this.x > canvas.width || this.x < 0){
this.directionX = -this.directionX;
}
}
// check if particle.y is still within canvas
if (hSpeed === 0 && vSpeed > 0){
if (this.y > canvas.height) {
this.y = 0;
}
}
else if (hSpeed === 0 && vSpeed < 0){
if (this.y < 0){
this.y = canvas.height;
}
}
else{
if (this.y > canvas.height || this.y < 0){
this.directionY = -this.directionY;
}
}
// avoid the mouse if avoidMouse = true (default)
@ -89,8 +115,8 @@ function particles(){
// move particle
if (speed !== 0) {
this.x += this.directionX * speed;
this.y += this.directionY * speed;
this.x += this.directionX * speed * hSpeed;
this.y += this.directionY * speed * vSpeed;
}
// draw particle
@ -106,8 +132,22 @@ function particles(){
let size = (Math.random() * sizeMultiplier) + 1;
let x = (Math.random() * ((innerWidth - size * 2) - (size * 2)) + size * 2);
let y = (Math.random() * ((innerHeight - size * 2) - (size * 2)) + size * 2);
let directionX = (Math.random() * 5) - 2.5;
let directionY = (Math.random() * 5) - 2.5;
// set directionX
let directionX = 0
if (vSpeed === 0){
directionX = (Math.random() * 5);
}
else {
directionX = (Math.random() * 5) - 2.5;
}
// set directionY
let directionY = 0;
if (hSpeed === 0){
directionY = (Math.random() * 5);
}
else{
directionY = (Math.random() * 5) - 2.5;
}
let colour = '#8c5523';
particlesArray.push(new Particle(x, y, directionX, directionY, size, colour));
@ -260,6 +300,30 @@ function particles(){
console.log("'speed' must be an integer between 1-1000. Using default of '50'.");
};
if (typeof hSpeed == 'undefined'){
hSpeed = 1;
}
else if (Number.isInteger(hSpeed) && (-1000 <= hSpeed && hSpeed <= 1000)){
hSpeed;
speed = 1;
}
else{
hSpeed = 1;
console.log("'hSpeed' must be an integer between -1000 and 1000. Using default of '1'.");
};
if (typeof vSpeed == 'undefined'){
vSpeed = 1;
}
else if (Number.isInteger(vSpeed) && (-1000 <= vSpeed && vSpeed <= 1000)){
vSpeed;
speed = 1;
}
else{
vSpeed = 1;
console.log("'vSpeed' must be an integer between -1000 and 1000. Using default of '1'.");
};
if (typeof avoidMouse == 'undefined'){
avoidMouse = true;
}