11.2: Video Photobooth / Muybridge Style Animation - p5.js Tutorial @TheCodingTrain

The Coding Train This video looks at how to save a history of images from a live camera in p5.js / JavaScript. I first look at saving a single snapshot, followed by an array of images. The video ends with a "Muybridge" style animation of motion. Code: thecodingtrain.com/tracks/pixels/pixels/video-photobooth

🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/sketches/xBs9FR9JE

🎥 Previous: youtu.be/bkGf4fEHKak
🎥 Next: youtu.be/nMUMZ5YRxHI

References:
🔗 createCapture(): p5js.org/reference/#/p5/createCapture
🔗 Eadweard Muybridge: sfmoma.org/artist/eadweard_muybridge

Videos:
🎥 Golan Levin's Modulo Operator video: youtube.com/watch?v=r5Iy3v1co0A

Related Coding Challenges:
🚂 47 Pixel Sorting in Processing: youtu.be/JUDYkxU6J0o
🚂 83 Chrome Extension with p5.js Sketch - Doodle Chrome Extension: youtu.be/IXXNIcQQLU8

Timestamps:
0:00 Introduction
0:47 Add a button
1:40 Binding an event to a mouse press
3:48 get() function
4:44 Add an array to hold the video history
5:43 Push a copy of the video to the array
6:53 Chrome developer console
7:31 Add a loop to draw the snapshots to the canvas
10:30 Can we add animation?
11:30 Add a ready event
12:43 Limit the size of the array
15:48 Use modulo to offset the images
17:30 Why is the animation working?
17:30 Outro

Editing by Mathieu Blanchette
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#p5js #video #muybridgeanimation #pixels #javascript

updated 8 years ago

11.2: Video Photobooth / Muybridge Style Animation - p5.js Tutorial

The Coding Train 2016-03-31 | This video looks at how to save a history of images from a live camera in p5.js / JavaScript. I first look at saving a single snapshot, followed by an array of images. The video ends with a "Muybridge" style animation of motion. Code: thecodingtrain.com/tracks/pixels/pixels/video-photobooth

🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/sketches/xBs9FR9JE

🎥 Previous: youtu.be/bkGf4fEHKak
🎥 Next: youtu.be/nMUMZ5YRxHI

References:
🔗 createCapture(): p5js.org/reference/#/p5/createCapture
🔗 Eadweard Muybridge: sfmoma.org/artist/eadweard_muybridge

Videos:
🎥 Golan Levin's Modulo Operator video: youtube.com/watch?v=r5Iy3v1co0A

Related Coding Challenges:
🚂 47 Pixel Sorting in Processing: youtu.be/JUDYkxU6J0o
🚂 83 Chrome Extension with p5.js Sketch - Doodle Chrome Extension: youtu.be/IXXNIcQQLU8

Timestamps:
0:00 Introduction
0:47 Add a button
1:40 Binding an event to a mouse press
3:48 get() function
4:44 Add an array to hold the video history
5:43 Push a copy of the video to the array
6:53 Chrome developer console
7:31 Add a loop to draw the snapshots to the canvas
10:30 Can we add animation?
11:30 Add a ready event
12:43 Limit the size of the array
15:48 Use modulo to offset the images
17:30 Why is the animation working?
17:30 Outro

Editing by Mathieu Blanchette
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#p5js #video #muybridgeanimation #pixels #javascript

Marbling Ink Simulation #javascript #fluidsimulation

The Coding Train 2024-05-16 | Drop💧into this new coding challenge: the art of Mathematical Marbling!🌌

Watch the full video of this challenge at codingtrain.com/183 🎥

📣 Get your ticket to be featured in this week’s #PassengerShowcase post by submitting your work via one of the following methods:

1. WEBSITE: Navigate to codingtrain.com/submit 🧑‍💻
2. INSTAGRAM: Post & use the hashtag #PassengerShowcase 🚂
3. DISCORD: Join us at codingtrain.com/discord #share channel 💬

We are so thrilled to celebrate the community’s talent and creativity. 🌟🎉

Coding Challenge 183: Paper Marbling Algorithm

The Coding Train 2024-05-02 | All aboard as I attempt to simulate the artistic process of paper marbling. The algorithm is based on the paper 'Mathematical Marbling' by S. Lu, A. Jaffer, X. Jin, H. Zhao, and X. Mao. The code is written in JavaScript using the p5.js library. Code: thecodingtrain.com/challenges/183-mathematical-marbling

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-coding-challenge-183-paper-marbling-simulation

p5.js Web Editor Sketches:
🕹️ Mathematical Marbling: editor.p5js.org/codingtrain/sketches/fsw-rJrpr
🕹️ Dodecahedron: editor.p5js.org/codingtrain/sketches/frIcGeI8l
🕹️ Marbling Phyllotaxis: editor.p5js.org/codingtrain/sketches/xoK1M7K3-
🕹️ Marbling Mouse: editor.p5js.org/codingtrain/sketches/GlQ8BqbZ2
🕹️ Marbling Color: editor.p5js.org/codingtrain/sketches/ONPlawNRq
🕹️ Marbling Combs: editor.p5js.org/codingtrain/sketches/kUPncgjvO
🕹️ Marbling Raster Pixels: editor.p5js.org/codingtrain/sketches/5b29Taght
🕹️ Marbling Raster Pixels - Image: editor.p5js.org/codingtrain/sketches/nb5hSYsgX
🕹️ Marbling Raster Pixels - Video: editor.p5js.org/codingtrain/sketches/kVyT302xf
🕹️ Marbling Color - animate ink: editor.p5js.org/codingtrain/sketches/HtEtm1vii
🕹️ handPose Marbling: editor.p5js.org/codingtrain/sketches/EwQhSqGK5

🎥 Previous: youtu.be/6UlGLB_jiCs?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔗 Paper Marbling: en.wikipedia.org/wiki/Paper_marbling
🔗 Tokutaro Yagi: suminagashi.com/meet-the-artisan-tokutaro-yagi
🔗 Digital Marbling: blog.amandaghassaei.com/2022/10/25/digital-marbling
📄 Mathematical Marbling: doi.org/10.1109/MCG.2011.51
🔗 Mathematical Marbling: https://people.csail.mit.edu/jaffer/Marbling/

Videos:
🎥 The Hydrodynamics of Marbling Art: gfm.aps.org/meetings/dfd-2023/649b3ad8199e4c137897831b
🎥 youtu.be/O5wjXoFrau4

Related Coding Challenges:
🚂 youtu.be/OAcXnzRNiCY
🚂 youtu.be/BZUdGqeOD0w
🚂 youtu.be/alhpH6ECFvQ
🚂 youtu.be/IxdGyqhppis

Timestamps:
0:00 Introduction
1:47 Mathematical Marbling
2:16 Explain approach
3:20 Start Coding
4:20 Dropping paint
7:03 Add the circle vertices using polar coordinates
10:57 Add a marble function
13:24 Refine the algorithm
16:45 Add a tine function
19:46 Circle detail
24:50 Generalize the tine function
29:43 Possible variations
31:45 Outro

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#mathematicalmarbling #fluidsimulation #p5js #javascript

Passenger Showcase and Building a Creative Coding AI Agent?

The Coding Train 2024-03-24 | Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#geminiapi #shiffbot #node #genuary2024 #javascript

Coding Challenge 182: Apollonian Gasket Fractal

The Coding Train 2024-03-14 | Happy Pi Day 2024! In this video, I attempt to create an Apollonian Gasket using the Descartes Circle Theorem and complex numbers. So many circles! Code: thecodingtrain.com/challenges/182-apollonian-gasket

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-coding-challenge-182-apollonian-gasket

p5.js Web Editor Sketches:
🕹️ Apollonian Gasket: editor.p5js.org/codingtrain/sketches/zrq8KHXnO
🕹️ Colorful Recursive Gaskets in Gaskets: editor.p5js.org/codingtrain/sketches/leBpmVwaM

🎥 Previous: youtu.be/Bxdt6T_1qgc?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔗 Apollonian Gasket: en.wikipedia.org/wiki/Apollonian_gasket
🔗 A Tisket, a Tasket, an Apollonian Gasket: americanscientist.org/article/a-tisket-a-tasket-an-apollonian-gasket
🔗 Apollonian Gaskets: mathlesstraveled.com/2016/04/27/apollonian-gaskets
🔗 Beyond the Descartes Circle Theorem: arxiv.org/pdf/math/0101066.pdf
🔗 The Kiss Precise: nature.com/articles/1371021a0#preview
🔗 Frederick Soddy: en.wikipedia.org/wiki/Frederick_Soddy
🔗 Problem of Apollonius: en.wikipedia.org/wiki/Problem_of_Apollonius
🔗 Four Proofs of a Generalization of the Descartes Circle Theorem: jstor.org/stable/2316373
🔗 Beyond the Descartes Circle Theorem: arxiv.org/pdf/math/0101066.pdf
🔗 Descartes' theorem: en.wikipedia.org/wiki/Descartes%27_theorem
🔗 Complex.js: npmjs.com/package/complex.js

Related Coding Challenges:
🚂 21 Mandelbrot Set with p5.js: youtu.be/6z7GQewK-Ks
🚂 22 Julia Set in Processing: youtu.be/fAsaSkmbF5s
🚂 77 Recursion: youtu.be/jPsZwrV9ld0
🚂 50 Circle Packing: youtu.be/QHEQuoIKgNE
🚂 95 Approximating the Value of Pi: youtu.be/5cNnf_7e92Q
🚂 96 Visualizing the Digits of Pi: youtu.be/WEd_UIKG-uc
🚂 97 The Book of Pi: youtu.be/tbvG9hrJxOU
🚂 139 Calculating Digits of Pi with Collisions: youtu.be/PoW8g67XNxA
🚂 140 Leibniz Formula for Pi: youtu.be/uH4trBNn540
🚂 141 Calculating Digits of Pi with Mandelbrot Set: youtu.be/pn2vlselv_g
🚂 169 Pi in the Sky Game: youtu.be/_H9JIwWP7HQ
🚂 176 Buffon's Needle: youtu.be/h5ZNcAPXxew

Timestamps:
0:00 Happy PI Day!!
1:40 References
3:22 Describe the Apollonian problem
5:51 Curvature
10:08 Start coding!
11:53 Write a function to find the fourth curvature
15:31 Complex numbers
21:11 Create a complex number class
22:52 Square root of -1
25:32 Square root of a complex number
27:57 Implement complex Descartes theorem
33:50 Make the circles in the complexDescartes function
36:26 Use an array to add recursion
41:04 Validate the circles
42:35 Check if all 4 circles are tangent
48:04 Stop adding circles when radius falls below a threshold
49:20 Implement arbitrary arrangement of circles
53:14 Debug
55:32 Possible variations
56:34 Outro

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#apolloniangasket #pi #circlepacking #complexnumbers #curvature #descartestheorem #p5js #javascript
=====================================================

Coding Challenge 181: Weighted Voronoi Stippling

The Coding Train 2024-02-22 | Stippling is an artistic technique that uses numerous dots to craft an image. In this coding challenge I attempt to implement a weighted Voronoi stippling algorithm with p5.js along with the Delaunay triangulation package from d3.js. Code: thecodingtrain.com/challenges/181-image-stippling

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-coding-challenge-181-weighted-voronoi-stippling

p5.js Web Editor Sketches:
🕹️ Weighted Voronoi Stippling: editor.p5js.org/codingtrain/sketches/Z_YV25_4G
🕹️ Circumcircle: editor.p5js.org/codingtrain/sketches/eJnSI84Tw
🕹️ Delaunay Triangulation: editor.p5js.org/codingtrain/sketches/fuQz_-FnA
🕹️ Voronoi Diagram: editor.p5js.org/codingtrain/sketches/GpeT1W8X1
🕹️ Voronoi Phyllotaxis: editor.p5js.org/codingtrain/sketches/ydiZeUK8R
🕹️ Voronoi Diagram colored by area: editor.p5js.org/codingtrain/sketches/opmU_UQqg
🕹️ Lloyd's relaxation: editor.p5js.org/codingtrain/sketches/04sgsAcNu
🕹️ Weighted Stippling - Size and Color: editor.p5js.org/codingtrain/sketches/_HTZUBPld
🕹️ Weighted Stippling - Abstract Pattern: editor.p5js.org/codingtrain/sketches/9ntWWLXqA
🕹️ Weighted Stippling - Video: editor.p5js.org/codingtrain/sketches/7TKSgi16z

🎥 Previous: youtu.be/L4u7Zy_b868?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔗 d3-delaunay: d3js.org/d3-delaunay
🔗 Weighted Voronoi Stippling: cs.ubc.ca/labs/imager/tr/2002/secord2002b/secord.2002b.pdf
🔗 Sweep Line Algorithm: en.wikipedia.org/wiki/Sweep_line_algorithm
🔗 Lloyd's algorithm: en.wikipedia.org/wiki/Lloyd%27s_algorithm
🔗 Polygons and meshes by Paul Bourke: paulbourke.net/geometry/polygonmesh
🎨 Pablo Jurado Ruiz: instagram.com/pablojuradoruiz
🔗 Stippling: en.wikipedia.org/wiki/Stippling
🔗 Voronoi Diagram: en.wikipedia.org/wiki/Voronoi_diagram
🔗 Delaunay Triangulation: en.wikipedia.org/wiki/Delaunay_triangulation
🔗 Mike Bostock's Voronoi Stippling: observablehq.com/@mbostock/voronoi-stippling

Videos:
🚂 Pixel Array: youtu.be/nMUMZ5YRxHI

Related Coding Challenges:
🚂 C4 Worley Noise: youtu.be/4066MndcyCk
🚂 33 Poisson-disc Sampling: youtu.be/flQgnCUxHlw

Timestamps:
0:00 Hello!
0:37 What is a Delaunay triangulation?
2:31 d3-delaunay package
2:49 Coding the delaunay triangulation.
6:38 What is a Voronoi diagram?
9:17 voronoi function on the delaunay object
10:25 Things you could try with the Voronoi diagram
10:56 Lloyd's "relaxation" algorithm
12:07 Calculate the average of a polygon's vertices
15:30 Calculate the area of a polygon
16:45 Calculate the proper centroid of a polygon
18:47 What is stippling?
19:45 Draw dots based on brightness value of pixel
21:50 Calculate a weighted centroid
24:51 Using delaunay.find()
27:52 Ideas for you to try!
28:47 Goodbye!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#delaunaytriangulation #imagestippling #voronoi #sweepalgorithm #lloydsalgorithm #p5js #javascript

I, Robot

The Coding Train 2024-02-02 | In this live episode of the Coding Train I share ShiffBot, review your showcase submissions, and create a node.js and p5.js example for the Gemini large language model API. Code: thecodingtrain.com/tracks/livestreams/livestreams/shiffbot

💻 Code Example: github.com/CodingTrain/p5-gemini

🎥 Next: youtu.be/0OLMf81BeNU

References:
🔗 ShiffBot: shiffbot.withgoogle.com
🔗 Blog post on the development of ShiffBot: developers.googleblog.com/2024/01/how-its-made-learning-through-shiffbot-powered-by-gemini-api.html
🔗 Gemini API: https://ai.google.dev
🔗 Documentation on the Gemini API: https://ai.google.dev/tutorials/ai-studio_quickstart
🔗 Coding Train tiktok: tiktok.com/@codingtrain
🔗 Express: expressjs.com
🔗 sableraph: twitch.tv/sableraph
🔗 CodingGarden: twitch.tv/codinggarden

Videos:
🎥 Teacher x Large Language Models | Google Lab Sessions: youtube.com/watch?v=FBFcNPa36m8
🎥 How to Set Up a Node.js Project: youtu.be/wM3TEvQn2hw
🎥 fetch(): youtu.be/tc8DU14qX6I

Related Coding Challenges:
🚂 42 Markov Chain Name Generator: youtu.be/eGFJ8vugIWA
🚂 79 Number Guessing Chatbot: youtu.be/zGe1m_bLOFk
🚂 80 Voice Chatbot with p5.Speech: youtu.be/iFTgphKCP9U
🚂 179 Wolfram CA: youtu.be/Ggxt06qSAe4
🚂 180 Falling Sand: youtu.be/L4u7Zy_b868

Timestamps:
0:00:00 Count down starts
0:09:09 Welcome to the livestream!
0:20:06 ShiffBot
0:30:47 Demo ShiffBot
0:59:19 Intermission
1:05:25 Back from intermission
1:08:58 Review showcases
1:40:10 Genuary 2024
1:42:10 Working with the Gemini API
1:55:05 Host a p5.js sketch
1:59:57 Connect the node.js express server to p5
2:07:03 Multi-turn conversations
2:18:59 Next steps
2:23:17 Outro

Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#geminiapi #shiffbot #node #genuary2024 #javascript

Coding Challenge 180: Falling Sand

The Coding Train 2024-01-22 | It's Genuary 2024! Watch as I attempt to build a falling sand simulation in p5.js using a grid of pixels and simple rules. Code: thecodingtrain.com/challenges/180-falling-sand

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-coding-challenge-180-falling-sand

p5.js Web Editor Sketches:
🕹️ Falling Sand: editor.p5js.org/codingtrain/sketches/AoH40T6fV
🕹️ Falling Sand with Gravity: editor.p5js.org/codingtrain/sketches/Ij5i7a3w4

🎥 Previous: youtu.be/Ggxt06qSAe4?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔗 Genuary: https://genuary.art/
🔗 Sandspiel by Max Bittker: https://sandspiel.club/
🔗 Making a falling sand simulator: https://jason.today/falling-sand
📕 The Nature of Code by Daniel Shiffman: natureofcode.com

Videos:
🎥 Noita 1.0 Launch Trailer by Nolla Games: youtube.com/watch?v=0cDkmQ0F0Jw
🚂 Wolfram CA: youtu.be/Ggxt06qSAe4
🚂 The Game of Life: youtu.be/FWSR_7kZuYg

Related Coding Challenges:
🚂 179 Wolfram CA: youtu.be/Ggxt06qSAe4
🚂 85 The Game of Life: youtu.be/FWSR_7kZuYg
🚂 107 Sandpiles: youtu.be/diGjw5tghYU
🚂 132 Fluid Simulation: youtu.be/alhpH6ECFvQ
🚂 102 2D Water Ripple: youtu.be/BZUdGqeOD0w

Timestamps:
0:00 Introduction and references
2:10 About cellular automata
2:47 The rules for a sand simulation
3:36 Code! Creating a grid
5:04 Animating a falling grain of sand
7:32 About matrix columns and rows
8:04 Let's account for the bottom edge
9:09 Adding mouse interaction
9:42 More sophisticated sand behavior
10:43 Oops! Some errors to fix
11:30 Adding randomness
12:26 Handling left and right edges
14:00 Checking if mouse is within the canvas
14:40 Making it more efficient
14:56 More space and more sand
16:55 Adding some color!
18:54 Challenge complete! Let's do some refactoring
20:58 How could we add gravity?
21:57 Wrapping up

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#pixels #simulation #fallingsand #fluidsimulation #sandpilemodel #generativeart #p5js #javascript

Flocking rule 4? #genuary19

The Coding Train 2024-01-20 | ...

#genuary18 Bauhaus

The Coding Train 2024-01-19 | ...

#genuary16 10,000 snowflakes

The Coding Train 2024-01-17 | ...

#genuary15 physics library!

The Coding Train 2024-01-16 | ...

Lava Lamp #genuary #genuary12

The Coding Train 2024-01-14 | ...

Hexagonal Cellular Automata #genuary10 #genuary

The Coding Train 2024-01-11 | ...

#genuary9

The Coding Train 2024-01-10 | ...

Coding Challenge 179: Elementary Cellular Automata

The Coding Train 2024-01-09 | How is nature hidden in a pile of 0s and 1s? Let's find out by coding a p5.js visualization of the Wolfram Elementary Cellular Automaton! Code: thecodingtrain.com/challenges/179-wolfram-ca

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-wolfram-elementary-ca

p5.js Web Editor Sketches:
🕹️ Wolfram Cellular Automata: editor.p5js.org/codingtrain/sketches/IE77UYZ-G
🕹️ Wolfram CA with color: editor.p5js.org/codingtrain/sketches/1w8yOaaDS
🕹️ Wolfram CA infinite scroll: editor.p5js.org/codingtrain/sketches/u6ALWY0Kt
🕹️ 3D Grid: editor.p5js.org/codingtrain/sketches/m4XoXiWOa

🎥 Previous: youtu.be/rVBTxnRyOuE?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔗 A New Kind of Science: wolframscience.com/nks
🔗 Elementary Cellular Automaton: mathworld.wolfram.com/ElementaryCellularAutomaton.html
🔗 Pre-Order Nature of Code: nostarch.com/nature-code
🔗 The Nature of Code: natureofcode.com

Related Coding Challenges:
🚂 85 The Game of Life: youtu.be/FWSR_7kZuYg
🚂 123 Chaos Game: youtu.be/7gNzMtYo9n4
🚂 119 Binary to Decimal Conversion: youtu.be/meGcdIoTYgw

Timestamps:
0:00 Hello!
2:09 What is an elementary cellular automata?
5:41 Explaining the rulesets
7:52 Calculating the next generation.
10:35 Visualizing the CA
14:25 Rule 90
16:45 Wolfram Classification.
19:19 Adding wrap-around
20:37 Suggestions for variations!
21:07 Goodbye!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#natureofcode #wolfram #ca #cellularautomata #binarytodecimalconversion #sierpinskitriangle #p5js #javascript

Chaotic System #genuary8

The Coding Train 2024-01-09 | ...

Throbber #genuary7

The Coding Train 2024-01-08 | ...

Decade of Code Fundraiser (Celebrating 10 years of Processing Foundation Fellowships!)

The Coding Train 2024-01-07 | Celebrate 10 years of the Processing Foundation Fellowships! donorbox.org/to-the-power-of-10 code: thecodingtrain.com/tracks/livestreams/livestreams/decade-of-code

💻 Github Repo: github.com/CodingTrain/Logo-Animations
🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/sketches/IxNfhHxJ3
💻 Code Example: github.com/CodingTrain/Logo-Animations

🎥 Next: youtu.be/1mwguqeEz8c

References:
🔗 Decade of Code Fundraiser: donorbox.org/to-the-power-of-10
🔗 Meet our 2023 Processing Fellows!: medium.com/@ProcessingOrg/meet-our-2023-processing-fellows-6433037145bd
🔗 Processing Foundation's 2023 Impact Report: https://processingfoundation.report/
🔗 sableraph: twitch.tv/sableraph
🔗 Anna Carreras's website: annacarreras.com

Related Coding Challenges:
🚂 78 Simple Particle System: youtu.be/UcdigVaIYAk

Timestamps:
0:00:00 Count down starts
0:05:00 Welcome to the livestream
0:08:10 Introduce Raphael de Courville
0:11:08 Processing Foundation
0:20:10 Start video
0:25:40 Merch for donations
0:28:54 Wallpapers
0:42:39 Live Preview for VSC
0:43:39 Live Share
0:46:57 Console output
0:51:21 Decide what to code
0:59:26 Start coding
2:22:59 Contributing your version
2:26:39 Logo-Animations
2:31:04 Outro

Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#processingfoundation #particlesystem #translate #pushandpop #javascript

Genuary After Dark

The Coding Train 2024-01-07 | ...

Pixels in the Style of Vera Molnár #genuary4 #genuary5

The Coding Train 2024-01-06 | Inspired by Structure de Quadrilatères by Vera Molnár

#genuary3

The Coding Train 2024-01-04 | ...

No palettes! #genuary #genuary2

The Coding Train 2024-01-03 | ...

Particles! #genuary #genuary1 #genuary2024

The Coding Train 2024-01-01 | Am I really going to do this every day? Oy.

Clustering Sentence Embeddings with transformers.js and umap-js

The Coding Train 2023-12-04 | This is a new topic I'm teaching in my class this fall so recording an extra session to go over a new example!
github.com/Programming-from-A-to-Z/A2Z-F23/tree/main/08-embeddings
github.com/Programming-from-A-to-Z/Save-Embeddings-JSON

editor.p5js.org/codingtrain/sketches/AebzAbSpU
editor.p5js.org/codingtrain/sketches/9CpF5OVy4
editor.p5js.org/codingtrain/sketches/ikGWzG2N6

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: thecodingtrain.com/guides/membership
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

Coding Train Stickers 2023 Last Call!

The Coding Train 2023-11-29 | More at: thecodingtrain.com/members

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/community-contribution-guide.html
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

Exploring Transformers.js Embeddings and Other Updates

The Coding Train 2023-11-26 | Learn more about the game and see it in action at upperstory.com/turingtumble/?utm_source=YouTube&utm_medium=CodingTrain. Use the coupon code CODINGTRAIN for 10% off your total purchase.

00:00 Choo choo!
06:05 Welcome!
10:00 Today's Sponsor Turing Tumble
13:52 Making a List
25:44 Turing Tumble Demonstration
46:25 Passenger Showcase
01:09:11 My NYU Syllabus
01:15:30 Transformers and Embeddings

Notes on transformers: github.com/Programming-from-A-to-Z/A2Z-F23/tree/main/07-transformers

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: thecodingtrain.com/guides/membership
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

I made a Discord Bot that says Choo Choo

The Coding Train 2023-11-13 | Learn to create a Discord bot using Discord.js in Node.js. This video walks through setting up a node project, creating a Discord application, and writing code for authentication, slash commands, and bot interaction. Code: thecodingtrain.com/tracks/discord-bots/discord/coding-a-bot

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-how-to-make-a-discord-bot-in-javascript

💻 Code Example: github.com/CodingTrain/Discord-Bot-Examples/tree/main/01-discordjs

🎥 Previous: youtu.be/wM3TEvQn2hw

References:
🤖 Discord Developer Portal: discord.com/developers/applications
📃 Discord API Documentation: discord.com/developers/docs/reference
🎨 Discord.js: discord.js.org
📄 Discord.js Guide: https://discordjs.guide/
💾 Discord Gateway Intents: github.com/CodingTrain/Discord-Bot-Examples/wiki/Discord-GatewayIntents-explained

Videos:
🚂 Hiding API keys with .env: youtu.be/17UVejOw3zA
🚂 async/await: youtu.be/XO77Fib9tSI

Timestamps:
0:00 Introduction
3:39 Setting up the Node.js project
5:50 Creating the Discord application
6:24 Inviting your Discord bot
10:11 Enabling developer mode on Discord
10:33 Setting up the .env file
12:47 Code! Getting the bot to log into Discord
18:16 Creating a slash command
24:00 Deploying the slash command
25:53 Listening for the command interaction and executing the command
30:08 How Discord bots communicate with Discord
32:00 Discord.JS documentation

Corrections:
15:45 Intents describe what events your bot will receive and what it has access to. The guilds intent is required so discord.js can internally populate it's cache to limit it's API calls to Discord.
23:49 Using ./ means the import will be relative to the file that the import is made in. Without it the import would be absolute meaning it would be from the root of your Node.JS project

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#discordbots #javascript #nodejs #discordjs

How to Set Up a Node.js Project

The Coding Train 2023-11-09 | Learn how to set up a Node.js project, run JavaScript code outside the browser, and use npm for package management! Code: thecodingtrain.com/tracks/discord-bots/discord/setup-node-project

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-how-to-setup-a-nodejs-project

💻 Github Repo: github.com/CodingTrain/node-project-demo

🎥 Previous: youtu.be/46WOuOrMwTQ
🎥 Next: youtu.be/AvQcTjB3gPg

References:
📂 fs module: nodejs.org/api/fs.html
📦 npm registry: npmjs.com
🐮 cowsay package: npmjs.com/package/cowsay
🖼️ canvas package: npmjs.com/package/canvas
🤖 Discord Bot Examples: github.com/CodingTrain/Discord-Bot-Examples

Timestamps:
0:00 Introduction
1:47 Running JavaScript code with Node
3:04 Creating a Node project
7:24 Using built-in Node modules
11:51 Installing and using third party packages
18:26 Working with existing Node projects
24:02 Summary

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#nodejs #javascript #nodejs

Workflow: Terminal, Shell, Node.js, VSCode

The Coding Train 2023-11-01 | This video covers tools and configurations to set up a JavaScript development environment with Node.js, Visual Studio Code, and shell/terminal access. This is step 1 along the way to creating your own Discord Bot! Code: thecodingtrain.com/tracks/discord-bots/discord/2023-workflow

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-workflow-terminal-shell-nodejs-vscode

🎥 Next: youtu.be/wM3TEvQn2hw

Related Videos:
📊 Working with Data and APIs: youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X
📜 Git and GitHub for Poets: youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV

Terminal and Shell:
🐚 Z Shell: zsh.sourceforge.io
🌈 Oh My Zsh: github.com/ohmyzsh/ohmyzsh
💪 curl: https://curl.se/

Node.js:
👾 Node.js: nodejs.org
⚙️ NVM: github.com/nvm-sh/nvm
🪟 NVM for Windows: github.com/coreybutler/nvm-windows

VSCode:
🆚 Visual Studio Code: code.visualstudio.com
🌈 Prettier Extension: marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Timestamps:
00:00 Introduction
02:45 Terminal access
03:38 Unix
04:51 Shell - a command line interface to the operating system
05:30 Oh My Zsh
07:27 Node.js
08:05 Node Version Manager
11:48 Setting the default version of node
13:07 Visual Studio Code
14:00 Preferences and Extensions
15:27 Prettier
17:15 Format On Save
18:22 Settings.json
20:12 Install 'code' command in PATH
23:06 Outro

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#nodejs #shell #unix #terminal #nvm #vscode #editor #workflow #javascript

Stickers!

The Coding Train 2023-10-13 | ...

Creative Coding for Beginners - Full Course!

The Coding Train 2023-10-01 | Choo choo! Welcome aboard to the world of creative coding! Join me in this beginner-friendly video series learning to code with Processing! thecodingtrain.com/tracks/learning-processing/processing

🚀 Watch this video ad-free on Nebula! nebula.tv/videos/codingtrain-beginners-guide-to-creative-coding-with-processing-full-course

Whether you're an absolute beginner or have some experience already, my goal is to inspire and empower you to unleash your creativity through coding. Processing is your gateway to making art, animations, and interactive experiences. No prior experience is required—just curiosity and a desire to create!

📄 References and Code: github.com/CodingTrain/Creative-Coding-Processing-Full-Course

Timestamps:
0:00:00 ⭐️ INTRODUCTION ⭐️
0:14:43 How to Download Processing
0:17:30 ⭐️ DRAWING WITH CODE ⭐️
0:27:58 Shapes
0:30:34 The Processing Reference
0:39:19 Saving Your Code
0:41:03 Code Comments
0:42:27 Errors
0:44:38 Color
0:48:11 Stroke Weight
0:50:31 RGB color
0:53:45 Bits and Bytes
0:56:45 Color Modes
0:59:26 Alpha Transparency
1:04:39 ⭐️ FLOW ⭐️
1:06:31 Setup and Draw
1:13:27 mouseX and mouseY
1:19:13 mousePressed()
1:29:31 ⭐️ VARIABLES ⭐️
1:31:39 Creating Your Own
1:48:56 Incrementation Operations
1:53:20 Random Numbers
2:02:46 ⭐️ CONDITIONALS ⭐️
2:04:01 The "IF" Statement
2:10:30 "ELSE"
2:18:30 Logical Operators
2:28:47 The Bouncing Ball
2:40:38 Boolean Variables
2:50:01 ⭐️ LOOPS ⭐️
2:51:30 The While Loop
2:57:49 Variable Scope
3:00:10 The For Loop
3:04:48 Nested Loops
3:12:29 ⭐️ ARRAYS ⭐️
3:18:44 Indexing
3:28:02 Iteration
3:40:29 ⭐️ FUNCTIONS ⭐️
3:43:48 Defining Your Own
3:49:39 Modularity
3:52:33 Reusability
3:57:00 Return Types
4:02:30 ⭐️ CLASSES AND OBJECTS ⭐️
4:25:18 Constructor Arguments
4:34:30 Arrays of Objects
4:54:21 Enhanced Loop
4:56:20 ⭐️ CONFETTI PROJECT ⭐️
5:03:15 ⭐️ CONCLUSION ⭐️

Editing by Mathieu Blanchette
Animations by Jason Heglund
Research and Additional Code by Melissa Rodriguez: instagram.com/hellomelissarodriguez
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#forbeginners #shapes #drawing #basics #color #errors #debugging #mouseinteraction #variables #math #random #boolean #ifstatement #motion #forloop #grid #function #arguments #parameters #return #objects #objectorientedprogrammingoop #classes #constructor #array #nestedloop #images #processing #java

New Full Processing Course Announcement (and other updates)

The Coding Train 2023-09-25 | Subscribe to Nebula for the new Processing course! go.nebula.tv/codingtrain

Topics:
0:00 Hello
11:26 Nebula Lifetime promotion and new Processing course
42:36 Nature of Code updates
53:47 Hacktoberfest / manually submitting showcases
58:30 Update about member sticker packet mailing
1:15:49 New logo and p5.js sketch

Code:
Logo sketch: editor.p5js.org/codingtrain/sketches/p599bQ3sa
Repo for Coding Train logo: github.com/CodingTrain/Coding-Train-Logo
Processing Course repo: github.com/CodingTrain/Creative-Coding-Processing-Full-Course

Videos:
Autoencoder livestream: youtube.com/watch?v=Y9w2PYfIf34

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train
🐘 Mastodon @shiffman@mastoton.social

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

Beginner Creative Coding Course now on Nebula!

The Coding Train 2023-09-22 | Be the first to watch by signing up for Nebula! All with Processing 4. 5+ hours of material. For total beginners. Coming to YouTube in October! go.nebula.tv/codingtrain

Did I finish Nature of Code?

The Coding Train 2023-08-26 | 🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train
🐘 Mastodon @shiffman@mastoton.social

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

All aboard the new Coding Train website!

The Coding Train 2023-05-31 | The Coding Train has a new website! thecodingtrain.com
Design Systems International: https://designsystems.international
Coding Train Case Study: https://designsystems.international/work/the-coding-train/

Video thanks to the ITP/IMA Documentation Lab
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

ITP/IMA Pre-Show

The Coding Train 2023-05-14 | Come for updates about The Coding Train and the Nature of Code, stay for a live stream of the ITP/IMA spring show! https://itp.nyu.edu/show youtube.com/watch?v=d-VPJC2hAho

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train
🐘 Mastodon @shiffman@mastoton.social

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

Coding Challenge 178: Climate Spiral

The Coding Train 2023-04-23 | Learn to create your own climate spiral using p5.js and temperature data. Originally designed by the climate scientist Ed Hawkins, the climate spiral is a visual representation of the changing temperatures over time, illustrating the urgent need to address climate change. Code: thecodingtrain.com/challenges/178-climate-spiral

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-coding-challenge-178-visualizing-data

🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/sketches/r69De6khN

🎥 Previous video: youtu.be/IxdGyqhppis?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🌥️ National Centre for Atmospheric Science: ncas.ac.uk
🌥️ Ed Hawkin's website: edhawkins.org
🌎 NASA Earth Observatory - Global Temperatures: earthobservatory.nasa.gov/world-of-change/global-temperatures
🌎 GISS Surface Temperature Analysis (GISTEMP v4): data.giss.nasa.gov/gistemp
🌎 GISS Surface Temperature Analysis FAQ: data.giss.nasa.gov/gistemp/faq
🌎 GLOBAL SURFACE TEMPERATURE CHANGE: pubs.giss.nasa.gov/docs/2010/2010_Hansen_ha00510u.pdf
🌎 Improvements in the GISTEMP Uncertainty Model: agupubs.onlinelibrary.wiley.com/doi/10.1029/2018JD029522
🌊 National Centers for Environmental Information: ncei.noaa.gov/access/metadata/landing-page/bin/iso?id=gov.noaa.ncdc:C00934
🔗 Suggestion from ABohyn: github.com/CodingTrain/Suggestion-Box/issues/1789
🔗 p5.loadTable: p5js.org/reference/#/p5/loadTable
🔗 p5.TableRow: p5js.org/reference/#/p5.TableRow
🔗 lerpColor(): p5js.org/reference/#/p5/lerpColor

Videos:
🎥 Climate Spiral: youtube.com/watch?v=jWoCXLuTIkI
🚂 Polar Coordinates: youtu.be/O5wjXoFrau4
🚂 Translate, Rotate, Push/Pop: youtu.be/o9sgjuh-CBM

Related Coding Challenges:
🚂 48 White House Social Media Data Visualization: youtu.be/UrznYJltZrU
🚂 58 3D Earthquake Data Visualization: youtu.be/dbs4IYGfAXc
🚂 96 Visualizing the Digits of Pi: youtu.be/WEd_UIKG-uc
🚂 109 Visualizing 500,000 Subscribers: youtu.be/Ae73YY_GAU8

Timestamps:
0:00 Welcome to a special Earth Day Coding Challenge!
0:35 What is a temperature anomaly?
2:28 NASA Goddard Institute for Space Studies website
3:17 Preview the data
4:34 Upload the data
5:13 Use loadTable() to preload the data
7:01 Check out the data
9:28 Set up the base pattern
10:42 Polar Coordinates
12:36 Add the month labels
16:11 Time for the data!
17:05 Draw the spiral
18:09 Set up global variables
19:04 Map the x, y positions to the data
20:27 Loop through all of the data
21:57 Check for null values
22:43 Animate the spiral
25:17 Add one month at a time
28:47 Add color to the spiral
29:42 Connect the points with a line segment
34:45 Use lerpColor() to vary color
38:00 Use parseFloat() to convert a string to a float
38:40 We have the climate spiral
40:16 Suggestions for possible variations
40:42 Outro

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#data #visualization #datavisualization #climatespiral #climatechange #p5js #javascript

Coding Challenge 177: Soft Body Physics

The Coding Train 2023-04-13 | Embark on a squishy adventure as I attempt to create a soft body physics simulation for a character with toxiclibs.js and p5.js! Code: thecodingtrain.com/challenges/177-soft-body-character

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-coding-challenge-177-soft-body-character

p5.js Web Editor Sketches:
🕹️ Soft Body Character: editor.p5js.org/codingtrain/sketches/2PInK4yQ2
🕹️ Soft Body Character Enhanced: editor.p5js.org/codingtrain/sketches/6hhdl9omt
🕹️ Soft Body Dancing Skeleton: editor.p5js.org/codingtrain/sketches/dg1wrHrpg
🕹️ Soft Body Letters: editor.p5js.org/codingtrain/sketches/8MyUnoi13
🕹️ Blank Canvas: editor.p5js.org/codingtrain/sketches/ccwlnhtji

🎥 Previous video: youtu.be/h5ZNcAPXxew?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔗 Nature of Code: https://nature-of-code-2nd-edition.netlify.app/
🔗 ToxicLibs.js: http://haptic-data.com/toxiclibsjs
🔗 ToxicLibs Java Reference: shiffman.github.io/toxiclibs-javadocs
🔗 Advanced Character Physics: http://www.cs.cmu.edu/afs/cs/academic/class/15462-s13/www/lec_slides/Jakobsen.pdf
🔗 Thi.ng: https://thi.ng/

Videos:
🚂 Toxiclibs Verlet Physics playlist: youtube.com/watch?v=E67e0RX-7Ew&list=PLRqwX-V7Uu6aiaU4s30tXvUmwGMlb9UUS
🚂 Matter.js playlist: youtube.com/watch?v=urR596FsU68&list=PLRqwX-V7Uu6bLh3T_4wtrmVHOrOEM1ig_
🎥 Physics of JellyCar: youtu.be/3OmkehAJoyo
🎥 The Making of Nokia and Friends: youtube.com/watch?v=g20QOQP6kSU

Related Coding Challenges:
🚂 20 3D Cloth with Toxiclibs: youtu.be/jrk_lOg_pVA
🚂 63 Texturing Cloth Simulation: youtu.be/JunJzIe0hEo

Timestamps:
0:00 Introduction
2:51 Physics libraries
5:30 Elements in ToxicLibs
5:47 Start coding
7:04 Object destructuring
8:10 Add gravity
9:00 Adding elements to the world
10:35 Updating the physics world
11:40 Adding a spring
15:23 Refactor code
18:07 Inheritance
18:57 Super class
23:31 Spring length
25:44 Create a closed-filled shape to draw the character
26:49 Suggestions for variations
27:07 Other types of springs
27:36 Update about the Nature of Code book!
28:56 Outro

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#softbody #toxiclibs #verletphysics #p5js #javascript

Coding Challenge 176: Buffons Needle

The Coding Train 2023-03-14 | How do toothpicks approximate the value of pi? I'll show you by coding a simulation in p5.js! Code: thecodingtrain.com/challenges/176-buffon-needle

🚀 Watch this video ad-free on Nebula nebula.tv/videos/codingtrain-coding-challenge-buffons-needle

p5.js Web Editor Sketches:
🕹️ Buffon's Needle: editor.p5js.org/codingtrain/sketches/zqytzJAZN
🕹️ Line Line Intersection: editor.p5js.org/codingtrain/sketches/htO0scRB1
🕹️ Probability Density Function Graph: editor.p5js.org/codingtrain/sketches/eMaEGlfmu

🎥 Previous video: youtu.be/PHfKCxjsmos?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔗 Buffon's Needle: en.wikipedia.org/wiki/Buffon%27s_needle_problem
🔗 Analysis and Simulation: https://mste.illinois.edu/activity/buffon/
🔗 Pickup Sticks & Pi: https://ogden.eu/pi/

Related Coding Challenges:
🚂 95 Approximating the Value of Pi: youtu.be/5cNnf_7e92Q
🚂 126 Toothpicks: youtu.be/-OL_sw2MiYw
🚂 145 Ray Casting 2D: youtu.be/TOEi6T2mtHo

Timestamps:
0:00 Happy Pi Day 2023!
0:45 Introduce Buffon's Needle
1:40 Unpack the math
4:40 Let toothpick fall at an angle
7:08 The probability that the toothpick crosses the border
7:27 Uniform probability density function
8:12 Illustrate the probability with a graph
10:49 Approximating the value of Pi
11:11 Calculating the area under the curve
12:48 Resources for Buffon's Needle
13:28 Start Coding
13:53 Draw vertical lines
14:20 Add a toothpick
15:02 Draw background in setup
15:57 We have to use the built-in value of Pi
17:00 Find the closest column
17:22 Determine if the toothpick intersects the column
18:10 Rotate the line relative to the y-axis
18:50 Draw the toothpick as a vertical line
19:40 Improve the visuals
20:48 Approximate the value of Pi using the probability that a toothpick intersects a column
23:45 Suggestions for variations
24:08 New Passenger Showcase page on the Coding Train website
24:38 Easter egg

Editing by Mathieu Blanchette
Animations by Jason Heglund
Pi Day Song by Will from America
Music from Epidemic Sound

🚂 Website: thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/new

#piday #pi #buffonsneedle #buffon #p5js #javascript

Coding Train Live!: Genuary Speed Run Challenge!

The Coding Train 2023-01-29 | Inspired by Sableraph twitch.tv/sableraph today I will attempt to speed run through all of the Genuary prompts. I only have a couple hours so I will almost certainly fail. Come join me! https://genuary.art/

☄️ Coding Train on Nebula: go.nebula.tv/codingtrain
💡Genuary Repo: github.com/CodingTrain/Genuary-2023

Timestamps:
0:00 Livestream starts
20:14 Timer starts
20:32 Genuary 1 - Perfect GIF loop
25:24 Genuary 2 - Made in 10 minutes
32:13 Genuary 3 - Glitch Art
40:35 Genuary 4 - Intersections
46:45 Genuary 5 - Debug View
50:00 Genuary 6 - Steal Like an Artist
55:25 Genuary 7 - Sample a color palette from your favorite movie/album cover
1:00:18 Genuary 8 - Signed Distance Functions
1:08:12 Genuary 9 - Plants
1:16:01 Genuary 10 - Generative Music
1:21:48 Genuary 11 - Suprematism
1:33:30 Genuary 12 - Tessellation
1:41:25 Genuary 13 - Something you’ve always wanted to learn
1:53:21 Genuary 14 - Aesemic
2:02:18 Genuary 15 - Sine waves
2:04:16 Genuary 16 - Reflection of a reflection
2:13:44 Genuary 17 - A grid inside a grid inside a grid
2:21:25 Genuary 18 - Definitely not a grid
2:22:10 Genuary 19 - Black and white
2:25:25 Genuary 20 - Art Deco
2:28:27 Genuary 21 - Persian Rug
2:41:14 Genuary 22 - Shadows
2:46:00 Genuary 23 - More Moiré
2:50:55 Genuary 24 - Textile
3:01:37 Genuary 25 - Yayoi Kusama
3:13:12 Genuary 26 - My kid could have made that
3:15:10 Genuary 27 - In the style of Hilma Af Klint
3:21:54 Genuary 28 - Generative poetry
3:35:00 Genuary 29 - Maximalism
3:47:30 Genuary 30 - Minimalism
3:49:01 Genuary 31 - Deliberately break one of your previous images

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train
🐘 Mastodon @shiffman@mastoton.social

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

I broke ChatGPT! #creativecoding #ai #shorts

The Coding Train 2023-01-18 | Was ChatGPT trained on Coding Train challenges?

Recursive Fractal Trees Challenge:
thecodingtrain.com/challenges/14-fractal-trees-recursive

Recursive Fractal Tree short:
youtube.com/shorts/j6txbhwP9jo

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: nebula.tv/codingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

Coding Train 2022 in Review, Plans for 2023

The Coding Train 2023-01-01 | 💡Sign up for the CuriosityStream + Nebula bundle with a 42% exclusive discount ($11.79 for a full year!) at curiositystream.com/choochoo. To access my Nebula class, upgrade for $1 per month or $10 for year!

💻 2023 GIF editor.p5js.org/codingtrain/sketches/Uzj1dZTZ6

Timecodes:
0:00 Start of stream
6:30 New opening animation
20:47 White Board: review 2022/plans for 2023
37:20 Nebula
50:27 Answer viewer questions
1:02:43 Reviewing 2022 livestreams
1:04:23 Twitch livestreams
1:20:53 A Year in the Life Twitter 2022
2:40:47 Let's Code: Genuary 1st -- GIF Loop

Links Discussed:
🔗 Genuary 2023 https://genuary.art
🔗 Oregon Trail github.com/CodingTrain/Oregon-Trail
🔗 github.com/Lumon-Industries/Macrodata-Refinement

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train
🐘 Mastodon @shiffman@mastoton.social

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

Coding a Fractal Tree in 60 Seconds #programming #shorts

The Coding Train 2023-01-01 | All aboard the 1 minute Coding Challenge! First up, a recursive fractal tree with p5.js!

Fractal Tree Challenge:
thecodingtrain.com/challenges/14-fractal-trees-recursive

Learn how to submit to the Passenger Showcase:
thecodingtrain.com/guides/passenger-showcase-guide

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

#coding #challenge #creativecoding #programming #thecodingtrain #shorts

Leaving No Tile Unturned! Wave Function Collapse Passenger Showcase #shorts

The Coding Train 2022-12-19 | All aboard the Wave Function Collapse' Passenger Showcase! Next stop: Prime Spiral Showcase! thecodingtrain.com/challenges/171-wave-function-collapse

Submit yours! thecodingtrain.com/guides/passenger-showcase-guide

🎥 Wave Function Collapse: youtu.be/rI_y2GAlQFM
🎥 Prime Spiral: youtu.be/a35KWEjRvc0

Featured Projects
Kathy: editor.p5js.org/kfahn/full/-j45Nn1cb
Grit Kit: github.com/gritschu/Wave-Function-Collapse
Gabrz: editor.p5js.org/Gabrz/full/EoC4-9rUU
Jin-Hyeok: github.com/gignac-cha/gignac-cha.github.io/tree/main/wave-function-collapse

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

👾 p5.js saveGif() changes everything! #creativecoding #programming #shorts

The Coding Train 2022-12-07 | There's a new p5.js function that renders out a GIF: saveGif()! In this short I show you how to use it as well as a technique for making it a seamless loop.

🔗 Cube Wave by Bees and Bombs challenge
thecodingtrain.com/challenges/86-cube-wave-by-bees-and-bombs
youtu.be/H81Tdrmz2LA
editor.p5js.org/codingtrain/sketches/lCDER-xsu

🔗 p5.js saveGif() reference: p5js.org/reference/#/p5/saveGif

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

Playing YOUR Versions of the Apple ][ Snake Game! - Showcase 1 #creativecoding #programming #shorts

The Coding Train 2022-12-04 | For the first episode of this series, I react to a few submissions from the 'AppleSoft BASIC Snake Game' Passenger Showcase. Next stop: 'Wave Function Collapse' Showcase arriving next week!

🎥 BASIC Snake Game: youtu.be/7r83N3c2kPw
🎨 thecodingtrain.com/challenges/173-snake-applesoft-basic

🎥 WFC: youtu.be/rI_y2GAlQFM
🎨 thecodingtrain.com/challenges/171-wave-function-collapse

To learn how to submit yours, visit The Coding Train website and follow the guide: thecodingtrain.com/guides/passenger-showcase-guide

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

A promise is a promise… Jamming with Your Tunes! 🎵 #programming #music #shorts

The Coding Train 2022-11-30 | Dear passengers, today arriving on board is another play-through of exclusive Coding Train remixes, made by you! Next up: dancing?! You didn’t hear it from me. 🎶 soundcloud.com/kristianpedersen/sets/coding-rainbow-remixes

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

The Coding Train Musical Multiverse! #programming #music #shorts

The Coding Train 2022-11-28 | Dear passengers, for the comfort of your journey, adjust your dial to Coding Train radio and enjoy your trip. 🎶 soundcloud.com/kristianpedersen/sets/coding-rainbow-remixes

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

Sharing YOUR code! Passenger Showcase! #shorts

The Coding Train 2022-11-25 | What are you sketching today? Starting next week, I’ll be sharing your projects from the Passenger Showcase, reacting to the code YOU created based on The Coding Train challenges and tutorial videos.

#creativecoding #programming #tech #shorts

📧 Email: help@thecodingtrain.com
🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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

In Search of Algorithms? Q&A 1.2 #shorts

The Coding Train 2022-11-23 | Wrapping up Q&A Question #1, here’s two more websites full of Coding Challenge! Have you ever tackled any of these algorithms?

The Arcane Algorithm Archive: algorithm-archive.org

That Creative Code Page: https://thatcreativecode.page/

The Pocket Handbook of Image Processing Algorithms in C: amazon.com/Pocket-Handbook-Image-Processing-Algorithms/dp/0136422403

Flood Fill Time (feat. Daniel Shiffman) - song by Ike Bishop

#creativecoding #shorts

🚂 Website: http://thecodingtrain.com
👾 Share Your Creation! thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: github.com/CodingTrain/Rainbow-Topics
💡 GitHub: github.com/CodingTrain
💬 Discord: discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: standard.tv/codingtrain
📚 Books: amazon.com/shop/thecodingtrain
🖋️ Twitter: twitter.com/thecodingtrain
📸 Instagram: instagram.com/the.coding.train

🎥 Coding Challenges: youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org
🔗 Processing: processing.org

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