Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie

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


Category:
Tutorial
Duration: 43:23
207,635 views
5,001

In this guest tutorial, Emily Xie uses the p5.js library to recreate the digital rain effect from the movie The Matrix.

Emily Xie is a software developer and creative coder. She's passionate about coding education, having taught through various conference workshops and via organizations like Girl Develop It (https://www.girldevelopit.com/) and Pioneer Works (https://pioneerworks.org/). Currently, Emily lives in New York and works at Squarespace.

Project:
Matrix repository: https://github.com/emilyxxie/green_rain
The Matrix project, deployed: http://xie-emily.com/generative_art/green_rain.html

Personal:
Website: http://xie-emily.com
Twitter: https://twitter.com/emilyxxie
Github account: https://github.com/emilyxxie

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

For more Guest Tutorials and Interviews: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR
For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

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

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



Other Videos By The Coding Train


2017-03-075.18: Introduction to Matter.js Continued - The Nature of Code
2017-03-075.17: Introduction to Matter.js - The Nature of Code
2017-03-065.0b: Introduction to Physics Engines Part 2 - The Nature of Code
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


Tags:
guest tutorial
guest coding tutorial
animation javascript
animation javascript browser
web animation
codepen
sfpc
coding tutorial
daniel shiffman
guest talk
live coding
green screen coding
animations
guest
javascript (programming language)
creative coding
programming
tutorial
p5js
p5.js
p5.js library
emily xie
emily xie tutorial
matrix rain tutorial
matrix digital rain
matrix movie green code
p5.js animation
browser animation
emily xie javascript