talkig points:

​

https://github.com/radicallyCurious/kaleidoscope/blob/master/shootingStar_talk.md

*/

​

function Star(x_, y_, diameter_){

​

    this.position = createVector(x_, y_);

    this.velocity = createVector(random(2,5), random(-10,-5));

    this.accel = createVector(0,0);

    this.diameter = diameter_;

    this.explode = false;//added this!

    this.dust = [];//added this!

​

    //added this!:

    this.createDust = function(){

        for(var i = 0; i < 5; i++){

            this.dust[i] = new Star((random(-30,30)+this.position.x), (random(-30,30)+this.position.y), 5);

        }//end for loop

    }//end createDust()

​

    this.applyForce = function(force){

        this.accel.add(force)

    };//end applyForce()

​

    this.update = function(){

        this.velocity.add(this.accel);

        this.position.add(this.velocity);

        this.accel.mult(0);

        //updated from here!

        //if the star reaches the half point of the screen

        if(this.position.x >= width/2){

            this.explode = true;//set our explosion boolean to true

        }

        if(this.position.y > height){

            this.explode = false;

        }

        //if our star has reach the half point of the screen

        if(this.explode){

            this.createDust();//run the createDust() function

            for(var i = 0; i < this.dust.length; i++){

            //apply all the necessary forces as per our original Star functions

                this.dust[i].velocity.add(this.accel);

                this.dust[i].position.add(this.velocity);

                this.dust[i].accel.mult(0);

            }//end for loop

        }

        //updated until here!

    };//end update()

​

    this.display = function(){

        fill(255);

        noStroke();

        this.update();

        //updated from here!

        //if our original Star object has reached half point of the screen

        if(this.explode){

            for(var i = 0; i < this.dust.length; i++){

                //draw all the dust (little stars) in the array of dust[]

                ellipse(this.dust[i].position.x, this.dust[i].position.y, this.dust[i].diameter, this.dust[i].diameter);

            }

        }

        //if our original star hasn't reached half point of the screen

        if(!this.explode){

            //draw only the original star

            ellipse(this.position.x, this.position.y, this.diameter, this.diameter);

        }//updated until here!

    };//end display()

}//end Star()

​

var star1;

var gravity;

var stars = []; //an uninitialized array of stars!

​

function setup(){

    createCanvas(400,400);//creating a square canvas

    gravity = createVector(0, 0.2);//create a vector, set to gravity variable

    //creating the object

    star1 = new Star(10, 300, 20);//set the object to star1 variable

​

    //we're going to use a for loop

​

}

​

function draw(){

    background(0, 50);//set to black

    star1.applyForce(gravity);

    star1.display();

​

    //for loops!

    for(var i = 0; i < stars.length; i++){

        stars[i].applyForce(gravity);

        stars[i].display();

    }//end of the for loop

}//end of draw()

​

function mouseReleased(){

    stars.push(new Star(random(10,50), random(200,300), 20));

    console.log("mouse");

}//end of mouseReleased()