Viewing Program

Program Data

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

Title	Lightning (Animated)
ID	5041448419000320
Created	8 years ago, 1507717859288
Updated	5 years ago, 1590568195621
Code	/ View my other projects here / //https://www.khanacademy.org/profile/grantjenkins/projects / Subscribe to me here / //https://www.khanacademy.org/cs/gw/6328515462627328 /* Fractal Lightning Gray Wolf, October 2017 -------------------------------------------------- I used the theory of the Fractal tree recusive method to try and emulate realistic random lightning Fairly happy with it - thoughts? comments? Based on concepts from http://natureofcode.com/book/chapter-8-fractals -------------------------------------------------- / //Lightning object var Lightning = function(info) { this.minx = info.minx \|\| width/3; this.maxx = info.maxx \|\| width-width/3; this.y = info.y \|\| 0; this.length = info.length \|\| 30; this.depth = info.depth \|\| 18; this.weight = info.weight \|\| 3; this.angleRange = info.angleRange \|\| 60; //should always be less than 90 so forks always move down this.forkColor = info.forkColor \|\| color(255); this.flashColor = info.flashColor \|\| color(75); }; //Recursive function for displaying the lightning forks Lightning.prototype.fork = function(length, depth, weight, maxAngle) { var angle = 0; var valid = false; while(!valid) { angle = random(-30, 30); if(maxAngle + angle > -this.angleRange && maxAngle + angle < this.angleRange) { //ensure forks only ever within n degree area (moving downwards) valid = true; } } maxAngle+= angle; //Store the total angle depth--; strokeWeight(weight); stroke(this.forkColor); line(0, 0, 0, length); translate(0, length); //Only generate more forks for given depth if (depth >= 0) { pushMatrix(); if(angleMode === "radians") {rotate(radians(angle));} else {rotate(angle);} //rotate based on current angleMode this.fork(length, depth, weight0.75, maxAngle); popMatrix(); //Randomly add a new fork if(random() < 0.1) { angle = random(-30, 30); pushMatrix(); if(angleMode === "radians") {rotate(radians(angle));} else {rotate(angle);} //rotate based on current angleMode this.fork(length0.85, depth, weight0.5, angle); popMatrix(); } } }; //Display the lightning Lightning.prototype.display = function() { background(this.flashColor); pushMatrix(); translate(random(this.minx, this.maxx), this.y); this.fork(this.length, this.depth, this.weight, 0); popMatrix(); }; var lightning = new Lightning( { minx: width/3, maxx: width-width/3, y: 0, length: 30, depth: 18, weight: 4 } ); draw = function() { background(25); //Lightning if(random() < 0.03) { lightning.display(); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKzxuqX6CAw
Votes	188
Spin-Offs	18
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Gray Wolf 🐺
Author Name	grantjenkins
Author ID	kaid_639291037700385781852565
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739373718168
Updated	10 months ago, 1739373807664
Source Deleted	unknown