Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Marbicles
ID	5315099797291008
Created	8 years ago, 1499182789388
Updated	8 years ago, 1499295381253
Code	// this experiment was inspired by: https://codepen.io/waisbren89/pen/gwvVpP /* This program uses OOP (Object Oriented Programming). The function below is known as the constructor - it's where you basically define variables for each particle. But instead of saying "var example = 0;", you'd say "this.example = 0;". / var Particle = function(x, y){ this.x = x; this.y = y; this.sz = random(20, 30); // The starting size is randomly between 20 and 30. this.yvel = random(-5) + this.sz / 10; // The heavier/bigger the ball, the faster it falls. this.xvel = random(-2, 2); this.shrink = false; this.trans = 255; this.color = floor(random(3)); if(this.color === 0){ this.hue = random(5); } else if (this.color === 1){ this.hue = random(140, 170); } else { this.hue = random(55); } this.bounciness = random(1.1, 2); }; Particle.prototype.draw = function() { this.y += this.yvel; this.x += this.xvel; this.yvel += 0.2; if(this.y > 300){ this.y = 300; this.yvel /= this.bounciness; this.yvel = -this.yvel; this.shrink = true; } if(this.shrink){ this.xvel /= 1.01; this.trans -= 2; this.sz -= 0.2; } noStroke(); colorMode(HSB); fill(this.hue, 247, 250, this.trans); if(this.color === 2){ fill(255, 0, 250, this.trans / 1.1); } ellipse(this.x, this.y, this.sz, this.sz); colorMode(RGB); noFill(); strokeWeight(2); stroke(255, 255, 255, this.trans); arc(this.x, this.y, this.sz / 1.2, this.sz / 1.2, -90, 0); pushMatrix(); translate(200, 336); scale(1, -1); noStroke(); colorMode(HSB); fill(this.hue, 247, 250, this.trans / 10); if(this.color === 2){ fill(255, 0, 250, this.trans / 10); } for(var i = 0; i < 360; i += 60){ ellipse(sin(i)5 + this.x - 200, cos(i)*5 + this.y - 300, this.sz, this.sz); } colorMode(RGB); popMatrix(); }; var Particles = []; draw = function() { background(19, 30, 38); // A soothing, dark background - but not quite black Particles.push(new Particle(mouseX, mouseY)); // Constantly add a new particle to the Particles array where your mouse is for(var i = Particles.length - 1; i >= 0; i --){ // Loop through the particles array (backwards to avoid flashing while splicing) Particles[i].draw(); // Draw each of the particles if(Particles[i].sz < 0){ // When a particle is to small to be seen... Particles.splice(i, 1); // ... erase it from the array using splice(). } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPTa4cG4CQw
Votes	194
Spin-Offs	8
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chester Banks
Author Name	chesterbanks
Author ID	kaid_910220310264858588057640
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739379851526
Updated	10 months ago, 1739379860575
Source Deleted	unknown