Live Stream #80: Prototypes in Javascript and Butterfly Wings Generator

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=bMOv5vTC9uE


Duration: 1:27:58
11,423 views
329

In this episode, I attempt to explain the concept of "Prototype" in the JavaScript programming language. I also create a Butterfly Generator inspired by Katie Rose Pipkin's moth generator (https://twitter.com/mothgenerator).

*I misspoke during the introduction of the butterfly generator: Katie Rose Pipkin is referred to with the pronouns they/them/their. This portion has been re-recorded for the edited tutorial.

3:14 - Presenting today's topic
22:32 - Prototypes in JavaScript
57:11 - Butterfly Wings Generator

Support this channel on Patreon: https://patreon.com/codingtrain

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/

Links discussed in this video:
Douglas Crockford's video on prototypes(and many more subjects): https://youtu.be/DwYPG6vreJg
Prototypes on MDN: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype
Katie Rose Pipkin's moth generator: https://twitter.com/mothgenerator
Katie's website: http://katierosepipkin.com/
Rose (mathematics): https://en.wikipedia.org/wiki/Rose_(mathematics)
My video on Polar Coordinates: https://youtu.be/znOBmOrtz_M
My playlist on Perlin Noise: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bgPNQAdxQZpJuJCjeOr7VD
This Dot Song: https://soundcloud.com/kristianpedersen/this-dot-feat-daniel-shiffman

Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For an Introduction to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA&t=3s
For my Nature of Code videos: https://www.youtube.com/watch?v=6vX8wT1G798&list=PLRqwX-V7Uu6YVljJvFRCyRM6mmF5wMPeE&index=1
For More Live Streams: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxnFR6no70vlxxuxDEzflz
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

http://amara.org/v/72oj/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2017-03-065.0a: Introduction to Physics Engines Part 1 - The Nature of Code
2017-03-05Live Stream #84: Plinko with Matter.js
2017-03-04Coding Train Live 83: More Matter.js
2017-03-03Coding Train Live 82: Physics Engines and Matter.js
2017-02-28Coding Challenge #61: Fractal Spirograph
2017-02-27Coding Challenge #60: Butterfly Generator
2017-02-25Live Stream #81: Fractal Spirograph
2017-02-23Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie
2017-02-229.19: Prototypes in Javascript - p5.js Tutorial
2017-02-21Coding Challenge #59: Steering Behaviors
2017-02-20Live Stream #80: Prototypes in Javascript and Butterfly Wings Generator
2017-02-20Coding Challenge #58: 3D Earthquake Data Visualization
2017-02-18Live Stream #79: 3D Earthquake Data Visualization & Steering Behaviors
2017-02-14Coding Challenge #54.2: Star Patterns Update: Law of Sines
2017-02-13Coding Challenge #57: Mapping Earthquake Data
2017-02-11Live Stream #78: More Earthquake Data Visualization
2017-02-11Coding Trade Live 77: Earthquake Data Visualization and more on Star Patterns
2017-02-119.18: p5.js with OpenProcessing and Processing IDE - p5.js Tutorial
2017-02-101.2: p5.js with Brackets - p5.js Tutorial
2017-02-09Coding Challenge #56: Attraction and Repulsion Forces
2017-02-08Coding Challenge #55: Mathematical Rose Patterns


Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
coding
challenges
coding train
the coding train
prototypes javascript
prototype js
prototype inheritance
prototype
prototype programming
moth generator
katie rose pipkin
butterfly generator
butterfly wings generator
prototypal inheritance javascript