@thecodingtrain The Coding Train
The Coding Train posts on YouTube about javascript, how to, perlin, in the the most. They currently have [---------] followers and [---] posts still getting attention that total [-----] engagements in the last [--] hours.
Engagements: [-----] #
Mentions: [--] #
Followers: [---------] #
CreatorRank: [---------] #
Social Influence
Social category influence social networks cryptocurrencies technology brands stocks finance
Social topic influence javascript #282, how to, perlin #17, in the, what is, tutorial, language #1731, discord, daniel, topics
Top assets mentioned Perlin (PERL) Alphabet Inc Class A (GOOGL)
Top Social Posts
Top posts by engagements in the last [--] hours
"What was Coding like [--] years ago 🧠 Sign up for Nebula https://go.nebula.tv/codingtrain Take a trip back in time and let's code the Snake Game in AppleSoft BASIC on a restored Apple II+ computer GOTO and GOSUB Line numbers https://thecodingtrain.com/challenges/173-snake-applesoft-basic 🎥 Previous video: https://www.youtube.com/watchv=FfCBNL6lWK0&list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🧠 What is Code: https://nebula.tv/what-is-code 🎶 Coding Together:"
YouTube Link 2022-08-24T13:55Z 1.8M followers, 2.1M engagements
"Coding Challenge #24: Perlin Noise Flow Field In this coding challenge I use Perlin noise to create a two-dimensional flow field with the p5.js library. Code: https://thecodingtrain.com/challenges/24-perlin-noise-flow-field 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/vDcIAbfg7 🎥 Previous video: https://youtu.be/ksRoh-10laklist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/RkuBWEkBrZAlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🗄 p5.js noise()"
YouTube Link 2016-06-27T14:55Z 1.8M followers, 384.1K engagements
"Coding Challenge 11: 3D Terrain Generation with Perlin Noise in Processing In this coding challenge I create a 3D procedural terrain using Perlin Noise and the beginShape() function in Processing. Code: https://thecodingtrain.com/challenges/11-3d-terrain-generation-with-perlin-noise 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/OPYPc4ueq 🎥 Previous video: https://youtu.be/HyK_Q5rrcr4list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/f0lkz2gSsIklist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos:"
YouTube Link 2016-05-04T16:21Z 1.8M followers, 1.1M engagements
"Perlin Noise in p5.js In this new multi-part Perlin Noise Tutorial I show you what Perlin noise is and how it can be used in creative coding more specifically with the p5.js library. In Part I.2 of this series I introduce you to what Perlin noise is how it's created and its history. Code: https://thecodingtrain.com/tracks/the-nature-of-code-2/noc/perlin/intro-to-perlin-noise 🎥 Next video: https://youtu.be/YcdldZ1E9gUlist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM References: 🔗 noise():"
YouTube Link 2016-06-23T15:30Z 1.8M followers, 310.8K engagements
"Coding Challenge 187: Bayes Theorem In this coding challenge I struggle my way through implementing a Naive Bayes text classifier in JavaScript using p5.js. I explain Bayes' theorem demonstrate word frequency analysis implement Laplacian smoothing and build a working sentiment classifier that runs entirely in the browser. Code: https://thecodingtrain.com/challenges/187-bayesian-text-classification 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-187-bayes-classifier p5.js Web Editor Sketches: 🕹 Text Classifier - Initial Version:"
YouTube Link 2025-10-12T12:40Z 1.8M followers, 38.6K engagements
"Coding Challenge 132: Fluid Simulation In this video I follow Mike Ashs guide to Fluid Simulation and port Jos Stams "Real-Time Fluid Dynamics for Games" algorithm and code in Processing (Java). Code: https://thecodingtrain.com/challenges/132-fluid-simulation 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/9kVfB4BF2 🎥 Previous video: https://youtu.be/0j86zuqqTlQlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/bl3nc_a1nvslist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH"
YouTube Link 2019-02-12T21:11Z 1.8M followers, 702K engagements
"Coding Challenge 124: Flocking Simulation In this coding challenge I create a flocking simulation in JavaScript based on Craig Reynolds "boids" algorithm. Code: https://thecodingtrain.com/challenges/124-flocking-simulation 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/ry4XZ8OkN 🎥 Previous video: https://youtu.be/7gNzMtYo9n4list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/Mm2eYfj0SgAlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 📄 Craig Reynolds' Paper"
YouTube Link 2018-12-11T14:14Z 1.8M followers, 366.7K engagements
"How to Set Up a Node.js Project Learn how to set up a Node.js project run JavaScript code outside the browser and use npm for package management Code: https://thecodingtrain.com/tracks/discord-bots/discord/setup-node-project 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-how-to-setup-a-nodejs-project 💻 Github Repo: https://github.com/CodingTrain/node-project-demo 🎥 Previous: https://youtu.be/46WOuOrMwTQ 🎥 Next: https://youtu.be/AvQcTjB3gPg References: 📂 fs module: https://nodejs.org/api/fs.html 📦 npm registry: https://www.npmjs.com/ 🐮 cowsay package:"
YouTube Link 2023-11-09T15:48Z 1.8M followers, 103.3K engagements
"9.6: JavaScript Closure - p5.js Tutorial This video covers JavaScript closures. What is a closure Why is it useful The context explored is a closure function that animates a DOM element in the browser. All examples: https://github.com/shiffman/Video-Lesson-Materials Contact: https://twitter.com/shiffman All JavaScript/p5.js videos: https://www.youtube.com/user/shiffman/playlistsshelf_id=14&view=50&sort=dd Help us caption & translate this video http://amara.org/v/Qbta/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct when are closures useful javascript closure example"
YouTube Link 2015-12-04T22:37Z 1.8M followers, 130.7K engagements
"Q&A #3: How to contribute to p5.js In this Q&A video I discuss how to get started contributing to the open source p5.js library on GitHub. Specifically I look at adding inline documentation examples. Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman Links discussed in this video: Luisa Pereira's Looking Inside p5: https://vimeo.com/156838703 p5.js Repository: https://github.com/processing/p5.js Development Checklist Wiki:"
YouTube Link 2016-07-20T00:35Z 1.8M followers, [----] engagements
"3.1: Introduction to Conditional Statements - p5.js Tutorial This video introduces the idea of a boolean expression and conditional logic in programming. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/3-conditionals/1-conditionals 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/z_yjYIha 🎥 Previous video: https://youtu.be/TaluaAD9MKAlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/LO3Awjn_gyUlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA"
YouTube Link 2015-09-11T02:07Z 1.8M followers, 220.5K engagements
"Discord Bots 1: Introduction Introducing a new series: How to Make a Discord bot This video covers the tools I plan to use to create and code a Discord bot. 🎥 Next video: https://youtu.be/ibtXXoMxaho 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6avBYxeBSwF48YhAnSn_sA4 Links discussed in this video: 🔗 The Coding Train Discord: https://thecodingtrain.com/discord 🔗 Discord (Website): https://discord.com/ 🔗 Discord Developer Portal: https://discord.com/developers/docs/intro 🔗 Visual Studio Code (Text Editor): https://code.visualstudio.com/ 🔗 Node.js: https://nodejs.org/"
YouTube Link 2020-11-08T14:35Z 1.8M followers, 149.9K engagements
"Live Stream #96: Frogger In this live episode I take a break from the machine learning videos and code a simple version of the classic Atari video game Frogger in Processing (Java). Edited videos: Frogger Part 1: https://youtu.be/giXV6xErw0Y Frogger Part 2: https://youtu.be/06-ZvYmSeus Frogger Part 3: https://youtu.be/hk326ZHlENQ 25:47 - Coding Challenge: Frogger - Part [--] 1:21:10 - Coding Challenge: Frogger - Part [--] 1:43:39 - Coding Challenge: Frogger - Part [--] 2:12:50 - Conclusion/Q&A Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise:"
YouTube Link 2017-06-09T22:35Z 1.8M followers, 20.5K engagements
"2.1: Introduction to Regular Expressions - Programming with Text This video is part of week [--] of the "Programming from A to Z" course at ITP (http://itp.nyu.edu). In this video I introduce Regular Expressions. What are they and how are they used I summarize the topics of future videos including meta-characters capturing parentheses character classes and JavaScript functions like split() match() test() replace() and exec(). Next Video: https://youtu.be/YTocEnDsMNw http://shiffman.net/a2z/regex/ Course url: http://shiffman.net/a2z/ Support this channel on Patreon:"
YouTube Link 2016-09-15T22:12Z 1.8M followers, 323.6K engagements
"16.18: Polymorphism in JavaScript - Topics of JavaScript/ES6 In this video I discuss the concept of Polymorphism in Object-Oriented Programming (OOP) with JavaScript and using ES6 classes. Code: https://thecodingtrain.com/tracks/topics-in-native-javascript/js/polymorphism 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/7MhdISflX References: 📃 Strong and Weak typing: https://en.wikipedia.org/wiki/Strong_and_weak_typing 📃 Statically vs Dynamically Typed: https://medium.com/android-news/magic-lies-here-statically-typed-vs-dynamically-typed-languages-d151c7f95e2b"
YouTube Link 2019-03-01T19:38Z 1.8M followers, 68.9K engagements
"1.1: Introduction - p5.js Tutorial In this video I talk about p5.js. What is it What can you do with it Where did it come from What is its relationship with Processing p5.js is both a library for JavaScript and a beginner-friendly editor where you can build creative computational projects in the browser. It can be used for art data visualization and websites alongside other tools like HTML5 CSS and JavaScript. Next video:https://youtu.be/D1ELEeIs0j8list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Support this channel on Patreon: https://patreon.com/codingtrain Contact: https://twitter.com/shiffman"
YouTube Link 2015-09-01T17:05Z 1.8M followers, 835K engagements
"Coding Challenge #142: Rubik's Cube Part [--] Can I build an interactive 3D Rubik's cube in Processing Yes Someday I hope to return to this project and add an AI solver Code: https://thecodingtrain.com/challenges/142-rubiks-cube 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/Jguv-i8Xj Other Parts of this Challenge: 📺 Rubik's Cube - Part 2: https://youtu.be/EGmVulED_4M 📺 Rubik's Cube - Part 3: https://youtu.be/8U2gsbNe1Uo 🎥 Previous video: https://youtu.be/pn2vlselv_glist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video:"
YouTube Link 2019-04-01T12:53Z 1.8M followers, 421.6K engagements
"I made a Discord Bot that says Choo Choo 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: https://thecodingtrain.com/tracks/discord-bots/discord/coding-a-bot 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-how-to-make-a-discord-bot-in-javascript 💻 Code Example: https://github.com/CodingTrain/Discord-Bot-Examples/tree/main/01-discordjs 🎥 Previous: https://youtu.be/wM3TEvQn2hw References: 🤖 Discord"
YouTube Link 2023-11-13T20:42Z 1.8M followers, 47.4K engagements
"6.2: TensorFlow.js: Tensors - Intelligence and Learning In this video I cover the foundation of the TensorFlow.js core API: tensors (tensor1d tensor2d tensor3d generic tensor). 🎥 Next Video: https://youtu.be/KzWF_wzx9PU 🔗 TensorFlow.js: https://js.tensorflow.org/ 🔗 What is a tensor: https://js.tensorflow.org/tutorials/core-concepts.html 🔗 ITP's ml5 library: https://ml5js.org 🎥 Machine Learning in JavaScript (TensorFlow Dev Summit 2018): https://youtu.be/YB-kfeNIPCE 🚂 The Coding Train website: http://thecodingtrain.com/ 💖 Support this channel on Patreon: https://patreon.com/codingtrain"
YouTube Link 2018-05-01T13:39Z 1.8M followers, 105.2K engagements
"Lava Lamp #genuary #genuary12"
YouTube Link 2024-01-14T18:06Z 1.8M followers, 40.3K engagements
"CircleCI Part 2: Unit Testing with Jest In this video I demonstrate unit testing with JavaScript using Jest. 🔗 Sponsored by CircleCI: https://circleci.com/codingtrain 🎥 Next video: https://youtu.be/0OjEx2UzLUI 🔗 CircleCI: https://circleci.com/codingtrain 🔗 Jest: https://facebook.github.io/jest/ 🎥 My playlist on Git and GitHub: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV 🎥 What is Node.js: https://youtu.be/RF5_MPSNAtU 🎥 What is NPM: https://youtu.be/s70-Vsud9Vk 💖 Support this channel on Patreon: https://patreon.com/codingtrain 🛒 To buy Coding Train"
YouTube Link 2018-02-09T13:59Z 1.8M followers, 37.2K engagements
"Style Transfer Part 1: Training a model with on Spell with Yining Shi In this video Yining Shi demonstrates how to train a "Style Transfer Model" using Spell (Sign up here: https://spell.run/codingtrain). In Part [--] Yining will use this trained model to style a real-time image in browser using ml5.js and p5.js. #ThisDotStyle #StyleTransfer #MachineLearning 🎥 Part 2: https://youtu.be/S_I0SGAO73A This video is sponsored by Spell. 🔗 Style Transfer Example: https://yining1023.github.io/styleTransfer_spell/ 🔗 Detailed Instructions: https://github.com/yining1023/styleTransfer_spell/ 🔗 ml5.js:"
YouTube Link 2018-10-01T13:01Z 1.8M followers, 18.9K engagements
"Apple Coding Challenge: Fractal Tree Take a trip back in time and let's learn all about GR (graphics) and HGR (high resolution graphics) in AppleSoft BASIC on a restored Apple II+ computer Can we render a fractal tree Code: https://thecodingtrain.com/challenges/174-graphics-applesoft-basic 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-174-fractal-tree-on-apple-ii 🎥 Previous video: https://youtu.be/7r83N3c2kPwlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References:"
YouTube Link 2022-09-12T15:11Z 1.8M followers, 423.3K engagements
"7.1: What is an array - p5.js Tutorial This video covers the basics on using arrays in JavaScript. What do they look like how do they work when should you use them Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/7-arrays/1-arrays 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/DmwVbhOZ 🎥 Previous video: https://youtu.be/5nf41qLeagUlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/RXWO3mFuW-Ilist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA"
YouTube Link 2015-10-02T19:40Z 1.8M followers, 192.9K engagements
"10.1: Introduction to Neural Networks - The Nature of Code In this video I provide a brief introduction to neural networks and an overview of topics in upcoming videos. Code: https://thecodingtrain.com/tracks/neural-networks/neural-networks/1-introduction 🎥 Next: https://youtu.be/ntKn5TPHHAk References: 🔗 Make Your Own Neural Network: https://www.amazon.com/Make-Your-Own-Neural-Network-ebook/dp/B01EER4Z4G 🔗 Perceptrons: https://www.amazon.com/Perceptrons-Introduction-Computational-Geometry-Expanded/dp/0262631113 🔗 Perceptron: https://en.wikipedia.org/wiki/Perceptron 🔗 Intelligence and"
YouTube Link 2017-06-26T14:46Z 1.8M followers, 393.1K engagements
"Coding Challenge 5: Space Invaders in JavaScript with p5.js This is my attempt to make a Space Invaders type game in the browser with JavaScript and the p5.js library Code: https://thecodingtrain.com/challenges/5-space-invaders 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/Azip-ZzXI 🎥 Previous video: https://youtu.be/KkyIDI6rQJIlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/jxGS3fKPKJAlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Videos: 🚂 Classes in"
YouTube Link 2016-04-26T13:33Z 1.8M followers, 603.5K engagements
"12.1: Introduction to Node - WebSockets and p5.js Tutorial In this first video I discuss the all the pieces required to create a shared collaborative drawing canvas with p5.js node and web sockets. I look at the basics of getting up and running with node.js. Code: https://thecodingtrain.com/tracks/web-sockets-and-p5js/websockets-node-p5/1-introduction-to-node Source code: https://github.com/shiffman/Video-Lesson-Materials 🎥 Next: https://youtu.be/2hhEOGXcCvglist=PLRqwX-V7Uu6b36TzJidYfIYwTFEq3K5qH 🎥 All: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6b36TzJidYfIYwTFEq3K5qH References: 🌿"
YouTube Link 2016-04-13T15:50Z 1.8M followers, 110.2K engagements
"16.14: async/await Part [--] - Topics of JavaScript/ES8 Exploring promises async await and fetch() with the Giphy / Wordnik APIs. 🎥 Next Video: https://youtu.be/01RTj1MWec0 🔗 Giphy API: https://developers.giphy.com/ 🔗 Wordnik API: https://developer.wordnik.com/ 🔗 async on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function 🎥 ES6 Arrow Function: https://youtu.be/mrYMzpbFz18 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://www.designbyhumans.com/shop/codingtrain/ 📚 Book recommendations:"
YouTube Link 2018-05-31T12:51Z 1.8M followers, 94.5K engagements
"Style Transfer using Spell with Yining Shi In this live stream Yining Shi demonstrates how to train a "Style Transfer Model" using Spell (Sign up here: https://spell.run/codingtrain). After training the model Yining writes code to process new images in the browser with ml5.js. #ThisDotStyle #StyleTransfer #MachineLearning This stream is sponsored by Spell. 4:28 - What is a Style Transfer 22:47 - Training a Style Transfer Model with Spell 56:48 - Converting model to ml5.js 1:18:35 - End of Presentation/Q&A 🔗 Style Transfer Example: https://yining1023.github.io/styleTransfer_spell/ 🔗 Detailed"
YouTube Link 2018-09-21T19:34Z 1.8M followers, 11.5K engagements
"18.1: Introduction to WebGL in p5.js - WebGL and p5.js Tutorial This is the first video in a playlist about the WEBGL renderer in the p5.js library. I discuss 3D rendering in the browser and the current state of capabilities in p5.js WEBGL. Next video: https://youtu.be/6TPVoB4uQCU Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics"
YouTube Link 2017-12-18T14:29Z 1.8M followers, 119.6K engagements
"How to Rotate Shapes in p5.js (translate rotate push pop) In this video I cover the functions translate() rotate() push() and pop(). Code: https://thecodingtrain.com/tracks/transformations-in-p5/transformations/translate-rotate-push-pop 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/HbW7TMPZM 🎥 Next: https://youtu.be/pkHZTWOoTLM Videos: 🌎 Solar System Simulation: https://youtu.be/l8SiJ-RmeHU 🚂 Angles and Rotation: https://youtu.be/DMg-WRfNB60 Timestamps: 00:00 Introduction 03:00 Translate 08:10 Angles 10:45 Rotate 20:15 Push and Pop Editing by Mathieu Blanchette"
YouTube Link 2017-09-18T14:58Z 1.8M followers, 218.2K engagements
"6.3: Constructor Arguments with Classes in JavaScript - p5.js Tutorial This video covers constructor arguments for ES6 classes and the p5.js library. This is one technique for creating multiple objects from the same class with variation. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/6-objects/3-constructor 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/HZG-lnyR 🎥 Previous video: https://youtu.be/T-HGdc8L-7wlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/5nf41qLeagUlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All"
YouTube Link 2017-10-09T12:51Z 1.8M followers, 161.9K engagements
"Coding Challenge 171: Wave Function Collapse Straight out of quantum mechanics Wave Function Collapse is an algorithm for procedural generation of images. In this video (recorded over [--] live streams) I attempt the tiled model and explore a variety of solutions to the algorithm in JavaScript with p5.js. Also check out WFC's predecessor: Model Synthesis (more info below). Code: https://thecodingtrain.com/challenges/171-wave-function-collapse 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-171-wave-function-collapse 💻 Github Repo:"
YouTube Link 2022-07-03T16:00Z 1.8M followers, 612.3K engagements
"10.4: Neural Networks: Multilayer Perceptron Part [--] - The Nature of Code In this video I move beyond the Simple Perceptron and discuss what happens when you build multiple layers of interconnected perceptrons ("fully-connected network") for machine learning. Code: https://thecodingtrain.com/tracks/neural-networks/neural-networks/4-multilayer-perceptron-part-1 🎥 Previous: https://youtu.be/DGxIcDjPzac 🎥 Next: https://youtu.be/IlmNhFxre0w References: 🔗 Make Your Own Neural Network: https://www.amazon.com/Make-Your-Own-Neural-Network-ebook/dp/B01EER4Z4G 🔗 Perceptrons:"
YouTube Link 2017-06-27T13:12Z 1.8M followers, 344.7K engagements
"Throbber #genuary7"
YouTube Link 2024-01-08T01:56Z 1.8M followers, 41.6K engagements
"3.4 Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub In this lesson we will address how to can hide an API key using environment variables and open source the code on GitHub. 💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS 🔗 dotenv: https://www.npmjs.com/package/dotenv 🔗 GitHub: https://github.com/ 🎥 NEXT LESSON: https://youtu.be/Rz886HkV1j4 🎥 PREVIOUS LESSON: https://youtu.be/r94kI6my0QQ 🎥 FULL COURSE: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X 🎥 Git and GitHub: https://youtu.be/BCQHnlnPusY 🚂 Website:"
YouTube Link 2019-06-17T18:22Z 1.8M followers, 312K engagements
"Coding Train Live 169: Perlin Noise Loops + JS Inheritance In this live stream: Perlin Noise Loops in Processing(Java) and JavaScript Inheritance. 💻 Noise Loop Challenge https://thecodingtrain.com/challenges/136-polar-noise-loops 🕹 Noise Loop Audio In https://editor.p5js.org/codingtrain/sketches/1ufwSjvcc Timestamps: 5:17 Community contributions 22:25 Polar Noise Loops 52:15 Use mic to add noise 1:13:24 Polar Perlin Noise loops part [--] 1:27:04 GIF loop References: 🔗 tienne Jacob's tweet: https://twitter.com/i/status/1096403588069425152 🔗 tienne Jacob's Blog Post:"
YouTube Link 2019-02-20T19:37Z 1.8M followers, 48.8K engagements
"I.5: Perlin Noise - The Nature of Code In this video I discuss the concept of "Perlin" noise how it differs from regular "noise" (i.e. randomness) and how to make use of it in Processing. The Nature of Code http://natureofcode.com/ Twitter: https://twitter.com/shiffman Read along: http://natureofcode.com/book/introduction/#intro_section6 https://github.com/shiffman/The-Nature-of-Code-Examples/tree/master/Processing/introduction/NOC_I_5_NoiseWalk https://github.com/shiffman/The-Nature-of-Code-Examples/tree/master/Processing/introduction/Exercise_I_10_NoiseLandscape Help us caption & translate"
YouTube Link 2015-07-27T21:48Z 1.8M followers, 196.7K engagements
"16.13: async/await Part [--] - Topics of JavaScript/ES8 This video covers the new ES8 "async and await keywords for writing asynchronous functions in JavaScript. 🎥 Next Video: https://youtu.be/chavThlNz3s 🔗 async on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://www.designbyhumans.com/shop/codingtrain/ 📚 Book recommendations: https://www.amazon.com/shop/thecodingtrain 💻 https://github.com/CodingTrain/website 🎥 For more videos on"
YouTube Link 2018-05-30T13:03Z 1.8M followers, 170.7K engagements
"Coding Challenge #136.1: Polar Perlin Noise Loops In this multi-part coding challenge I show how to use a noise field and polar coordinates to create a perfect GIF loop. Code: https://thecodingtrain.com/challenges/136-polar-noise-loops p5.js Web Editor Sketches: 🕹 Polar Perlin Noise Loops: https://editor.p5js.org/codingtrain/sketches/sy1p1vnQn 🕹 Perlin Noise GIF Loops: https://editor.p5js.org/codingtrain/sketches/acy80YV86 Other Parts of this Challenge: 📺 Perlin Noise GIF Loops: https://youtu.be/c6K-wJQ77yQ 🎥 Previous video:"
YouTube Link 2019-02-25T14:37Z 1.8M followers, 206.8K engagements
"Coding Challenge #136.2: Perlin Noise GIF Loops In this multi-part coding challenge I show how to use a noise field and polar coordinates to create a perfect GIF loop. Code: https://thecodingtrain.com/challenges/136-polar-noise-loops p5.js Web Editor Sketches: 🕹 Polar Perlin Noise Loops: https://editor.p5js.org/codingtrain/sketches/sy1p1vnQn 🕹 Perlin Noise GIF Loops: https://editor.p5js.org/codingtrain/sketches/acy80YV86 Other Parts of this Challenge: 📺 Polar Perlin Noise Loops: https://youtu.be/ZI1dmHv3MeM 🎥 Previous video:"
YouTube Link 2019-02-26T22:37Z 1.8M followers, 89.8K engagements
"8.5: L-Systems - The Nature of Code This video covers the basics of L-System algorithms and how they can be applied to "turtle graphics" drawing in Processing. http://natureofcode.com Contact: http://twitter.com/shiffman/ (If I reference a link or project and it's not included in this description please let me know) Read along: http://natureofcode.com/book/chapter-8-fractals/#chapter08_section6 Algorithmic Beauty of Plants: http://algorithmicbotany.org/papers/#abop L-Systems in Computational Beauty of Nature: http://books.google.com/booksid=0aUhuv7fjxMC&pg=PA78 Code:"
YouTube Link 2015-08-11T11:51Z 1.8M followers, 74.5K engagements
"Robot Controllers Part 1: PID (with Dr. Christian Hubicki) In this live stream Dr. Christian Hubicki and I team up to build a PID Controller first in python and then in p5.js We apply the controller to the classic 'cart pole' problem attempting to balance an inverted pendulum. Code: https://thecodingtrain.com/tracks/robot-controllers/robot-controllers/robot-controller-1 💻 Github Repo: https://github.com/CodingTrain/Robot-Controllers 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/sB1glTRe7 Code Examples: 💻 Base Python Code: https://tinyurl.com/cart-pole 💻 Final"
YouTube Link 2022-07-16T18:20Z 1.8M followers, 104.7K engagements
"9.19: Prototypes in Javascript - p5.js Tutorial In this video I examine the concept of "Prototype" in the JavaScript programming language. I look at how you can attach methods to objects via prototype (for both objects of existing JS types or your own). I also discuss the "prototype chain" and prototypal inheritance. 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"
YouTube Link 2017-02-22T14:31Z 1.8M followers, 269.8K engagements
"Perlin Noise in Two Dimensions (p5.js) In the fifth part of my Perlin Noise Tutorial I demonstrate how to use two-dimensional Perlin noise in a p5.js sketch. 💻 Code: https://thecodingtrain.com/learning/noise/0.5-2d-noise.html 💻 Code (web editor): https://editor.p5js.org/codingtrain/sketches/2_hBcOBrF 🎥 Next video: https://youtu.be/D1BBj2VaBl4 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6bgPNQAdxQZpJuJCjeOr7VD Links discussed in this video: 🔗 p5.js noise() reference: https://p5js.org/reference/#/p5/noise 🔗 p5.js random() reference: https://p5js.org/reference/#/p5/random"
YouTube Link 2016-06-24T19:49Z 1.8M followers, 134.8K engagements
"Passenger Showcase and Building a Creative Coding AI Agent Music from Epidemic Sound 🚂 Website: https://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋 Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 Coding Challenges:"
YouTube Link 2024-03-24T16:32Z 1.8M followers, 18.6K engagements
"What's new in p5.js [--] This video tackles one of the bigger changes in p5.js 2: loading data with async and await Fear not I'll cover how to transition from preload and callbacks in p5.js [---] to using promises with async/await in [---]. Code: https://thecodingtrain.com/tracks/p5js-2.0/p5js-2.0/async-await 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-p5js-20-async-and-await p5.js Web Editor Sketches: 🕹 p5.js [--] - async and await: https://editor.p5js.org/codingtrain/sketches/Q6S38g0rS 🕹 p5.js [--] - loading animation:"
YouTube Link 2025-09-30T03:00Z 1.8M followers, 27.2K engagements
"Decade of Code Fundraiser (Celebrating [--] years of Processing Foundation Fellowships) Celebrate [--] years of the Processing Foundation Fellowships https://donorbox.org/to-the-power-of-10 code: https://thecodingtrain.com/tracks/livestreams/livestreams/decade-of-code 💻 Github Repo: https://github.com/CodingTrain/Logo-Animations 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/IxNfhHxJ3 💻 Code Example: https://github.com/CodingTrain/Logo-Animations 🎥 Next: https://youtu.be/1mwguqeEz8c References: 🔗 Decade of Code Fundraiser: https://donorbox.org/to-the-power-of-10 🔗"
YouTube Link 2024-01-07T20:04Z 1.8M followers, 13.4K engagements
"Coding Challenge 131: Bouncing DVD Logo In this coding challenge I simulate the Bouncing DVD Logo meme in JavaScript with p5.js. Code: https://thecodingtrain.com/challenges/131-bouncing-dvd-logo 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/S-es-dYVn 🎥 Previous video: https://youtu.be/MY4luNgGfmslist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/alhpH6ECFvQlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 📓 Bouncing DVD Logo:"
YouTube Link 2019-02-08T16:40Z 1.8M followers, 203.3K engagements
"Coding Challenge #92: XOR Problem In this coding challenge I use my Toy Neural Networks library to solve the XOR problem. Code: https://thecodingtrain.com/challenges/92-xor-problem 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/_QGR5d0Bi 🎥 Previous video: https://youtu.be/JrRO3OnWs5slist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/uWzPe_S-RVElist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 💻 Toy-Neural-Network-JS:"
YouTube Link 2018-02-12T14:03Z 1.8M followers, 115.5K engagements
"How to Load Data with p5.js (2.0) This video covers how to load external assets like images JSON files and data from APIs into your p5.js [---] sketches. Learn the fundamentals of asynchronous operations in p5.js using Promises with async/await. Code: https://thecodingtrain.com/tracks/p5js-2.0/p5js-2.0/loading-data 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-how-to-load-data-with-p5js-20 p5.js Web Editor Sketches: 🕹 Loading a Single Image: https://editor.p5js.org/codingtrain/sketches/NPKPIYhBR 🕹 Sequential Loading:"
YouTube Link 2025-10-03T21:50Z 1.8M followers, 10.7K engagements
"ml5.js [---] and Guest Conductor Patt Vira The ml5.js library recently celebrated it's [---] release In this video I provide an overview of the new release and cover how to use the FaceMesh model. Guest Conductor Patt Vira (http://youtube.com/@PattVira) takes over and demonstrates how to build a creative kinetic type visualization controlled by your mouth Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/0-introduction/patt-vira p5.js Web Editor Sketches: 🕹 FaceMesh (Lips): https://editor.p5js.org/codingtrain/sketches/LdEmvXdGI 🕹 Interactive Kinect Type:"
YouTube Link 2024-07-31T15:00Z 1.8M followers, 33.9K engagements
"Genuary After Dark"
YouTube Link 2024-01-07T02:53Z 1.8M followers, 14.2K engagements
"Coding Challenge 182: Apollonian Gasket Fractal Happy Pi Day [----] In this video I attempt to create an Apollonian Gasket using the Descartes Circle Theorem and complex numbers. So many circles Code: https://thecodingtrain.com/challenges/182-apollonian-gasket 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-182-apollonian-gasket p5.js Web Editor Sketches: 🕹 Apollonian Gasket: https://editor.p5js.org/codingtrain/sketches/zrq8KHXnO 🕹 Colorful Recursive Gaskets in Gaskets: https://editor.p5js.org/codingtrain/sketches/leBpmVwaM 🎥 Previous:"
YouTube Link 2024-03-14T19:35Z 1.8M followers, 104.7K engagements
"Hexagonal Cellular Automata #genuary10 #genuary"
YouTube Link 2024-01-11T04:43Z 1.8M followers, 68.5K engagements
"All Aboard (ish) I'm testing out my streaming setup and sharing my plans for the future of The Coding Train. I'm also joined by a new automated friend who has a lot to say. We discuss the "Nature of Code" book the upcoming p5.js [---] release and my thoughts on the learning to code in [----]. Join me as I get back into the swing of things and answer your questions live. The Nature of Code Book: https://natureofcode.com/ The Coding Train on Discord: https://discord.com/servers/coding-train-choo-choo-276096133695143936 The Coding Train Website: https://thecodingtrain.com/ p5.js Web Editor:"
YouTube Link 2025-08-08T18:13Z 1.8M followers, 17.7K engagements
"#genuary18 Bauhaus"
YouTube Link 2024-01-19T03:54Z 1.8M followers, 34.6K engagements
"Coding Challenge 181: Weighted Voronoi Stippling 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: https://thecodingtrain.com/challenges/181-image-stippling 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-181-weighted-voronoi-stippling p5.js Web Editor Sketches: 🕹 Weighted Voronoi Stippling: https://editor.p5js.org/codingtrain/sketches/Z_YV25_4G 🕹 Circumcircle:"
YouTube Link 2024-02-22T14:51Z 1.8M followers, 217.2K engagements
"Coding Challenge 149: Tic Tac Toe This is a beginner-friendly challenge where I attempt to code a basic version of the game Tic-Tac-Toe using JavaScript and the p5.js library. Code: https://thecodingtrain.com/challenges/149-tic-tac-toe 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/5JngATm3c 🎥 Previous video: https://youtu.be/YNyULRrydVIlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/vEetoBuHj8glist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Videos: 🔴 Livestream"
YouTube Link 2019-07-24T14:36Z 1.8M followers, 1.5M engagements
"Spooooooooky ml5.js Get the code and mask diagram at https://thecodingtrain.com/spooky"
YouTube Link 2024-10-31T11:41Z 1.8M followers, 26K engagements
"Use code CHOOCHOO for 25% off. Pre-ordering direct from me comes with a bonus bookmark and sticker"
YouTube Link 2024-07-30T06:51Z 1.8M followers, 11.3K engagements
"3D Pose Estimation with ml5.js Building on BodyPose in ml5.js this video explores the 3D capabilities of the BlazePose model visualizing poses in a 3D space using WEBGL in p5.js. Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/7-bodypose/blazePose 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-3d-pose-estimation-with-ml5js p5.js Web Editor Sketches: 🕹 BlazePose 3D: https://editor.p5js.org/codingtrain/sketches/ftALPDieT 🕹 BlazePose Lerp: https://editor.p5js.org/codingtrain/sketches/JMhDRpcxi_ 🎥 Previous:"
YouTube Link 2024-12-01T16:08Z 1.8M followers, 33.6K engagements
"6.1: Autonomous Agents and Steering - The Nature of Code This video introduces the concepts of autonomous agents and provides an overview of implementing Craig Reynolds steering behaviors in Processing. Read along: http://natureofcode.com/book/chapter-6-autonomous-agents/ Examples: https://github.com/shiffman/The-Nature-of-Code-Examples/tree/master/chp06_agents Reas Process Compendium: https://vimeo.com/22955812 Braitenberg Vehicles: http://books.google.com/books/id=7KkUAT_q_sQC Craig Reynolds' Steering Behaviors for Autonomous Characters: http://www.red3d.com/cwr/steer/ Help us caption &"
YouTube Link 2015-08-08T12:04Z 1.8M followers, 78.5K engagements
"What is Transformers.js Welcome to a new series all about working with machine learning models in JavaScript in the browser using the Transformers.js library In this introduction I cover what Transformers.js is how to load it into a p5.js sketch explain the pipeline API and demonstrate sentiment analysis and language detection examples. Code: https://thecodingtrain.com/tracks/transformers-js/transformers-js/introduction 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-machine-learning-in-the-browser p5.js Web Editor Sketches: 🕹 Sentiment Analysis:"
YouTube Link 2025-10-25T16:32Z 1.8M followers, 46.3K engagements
"Marbling Ink Simulation #javascript #fluidsimulation 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 weeks #PassengerShowcase post by submitting your work via one of the following methods: [--]. WEBSITE: Navigate to codingtrain.com/submit 🧑💻 [--]. INSTAGRAM: Post & use the hashtag #PassengerShowcase 🚂 [--]. DISCORD: Join us at codingtrain.com/discord #share channel 💬 We are so thrilled to celebrate the communitys talent and creativity. 🌟🎉"
YouTube Link 2024-05-16T16:59Z 1.8M followers, 11.6K engagements
"Coding Challenge 185: Unfolding Fractals 25% off The Nature of Code book with code CHOOCHOO at https://natureofcode.com (comes with exclusive sticker+bookmark). The Dragon Curve fractal is created by repeatedly folding a strip of paper in half then unfolding it to form a curve. In this challenge I attempt to code an animation of the Dragon Curve forming with p5.js in JavaScript. Code: https://thecodingtrain.com/challenges/185-dragon-curve 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-184-dragon-curve p5.js Web Editor Sketches: 🕹 Dragon curve"
YouTube Link 2024-08-18T13:57Z 1.8M followers, 56.6K engagements
"I Robot 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: https://thecodingtrain.com/tracks/livestreams/livestreams/shiffbot 💻 Code Example: https://github.com/CodingTrain/p5-gemini/ 🎥 Next: https://youtu.be/0OLMf81BeNU References: 🔗 ShiffBot: https://shiffbot.withgoogle.com 🔗 Blog post on the development of ShiffBot: https://developers.googleblog.com/2024/01/how-its-made-learning-through-shiffbot-powered-by-gemini-api.html 🔗 Gemini API: https://ai.google.dev 🔗"
YouTube Link 2024-02-02T20:49Z 1.8M followers, 23.3K engagements
"5.1 Autonomous Steering Agents Introduction - The Nature of Code Welcome to Chapter [--] In this video I discuss the concept of an autonomous agent and provide an overview of the JavaScript / p5.js coding examples to come. Code: https://thecodingtrain.com/tracks/the-nature-of-code-2/noc/5-autonomous-agents/1-steering-agents 🎥 Previous video: https://youtu.be/pUhv2CA0omAlist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 Next video: https://youtu.be/p1Ws1ZhG36glist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM References: 🔗"
YouTube Link 2021-06-04T14:11Z 1.8M followers, 70.8K engagements
"Face Mesh Detection with ml5.js In this video I explore the FaceMesh model using ml5.js. I demonstrate how to track all [---] face landmark positions as well as texture map an image onto the triangular mesh with uv coordinates. Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/facemesh 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-facemesh-with-ml5js p5.js Web Editor Sketches: 🕹 FaceMesh - Keypoints: https://editor.p5js.org/codingtrain/sketches/KHm9CI2RJ 🕹 FaceMesh - Part: https://editor.p5js.org/codingtrain/sketches/HaGkT63qG 🕹 FaceMesh - Custom"
YouTube Link 2024-11-16T17:39Z 1.8M followers, 38K engagements
"Coding TRAIN WRECK: Bayesian Text Classification Warning this live stream was a mess and is probably unwatchable But if you choose to continue you'll see me attempt to build a Naive Bayes text classifier from scratch in the p5.js web editor I start by explaining the core concepts behind Bayes' Theorem (multiple times) before diving into the code. You'll see my raw unedited process of structuring the data implementing the algorithm debugging issues and finally building a simple interactive sentiment analysis demo. Code from live: https://editor.p5js.org/codingtrain/sketches/vZQKzBXJT Polished"
YouTube Link 2025-09-15T12:00Z 1.8M followers, 15.5K engagements
"#genuary16 [-----] snowflakes"
YouTube Link 2024-01-17T02:37Z 1.8M followers, 24.9K engagements
"8.1: What is HTML - p5.js Tutorial This video covers the basics of HTML in the context of DOM manipulation with p5.js. Next video: https://youtu.be/lAtoaRz78I4 Support this channel on Patreon: https://patreon.com/codingtrain Contact: https://twitter.com/shiffman Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics Link to code on Github: https://github.com/CodingTrain/Rainbow-Code p5.js: http://p5js.org For More p5.js Videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Help us caption & translate this video"
YouTube Link 2015-10-16T14:23Z 1.8M followers, 174.8K engagements
"10.2: What is JSON Part I - p5.js Tutorial This video covers JSON (JavaScript Object Notation) What is it What is the syntax How do you load a JSON file How does this help you along the way to working with APIs. All examples: https://github.com/shiffman/Video-Lesson-Materials Corpora: https://github.com/dariusk/corpora Contact: https://twitter.com/shiffman Next video: https://youtu.be/118sDpLOClw JavaScript basics: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA HTML/CSS basics: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6bI1SlcCRfLH79HZrFAtBvX Full Data playlist:"
YouTube Link 2015-10-30T19:20Z 1.8M followers, 281.5K engagements
"new p5.js [--] functions: textWeight textContours textModel 🚂 Website: https://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋 Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥"
YouTube Link 2025-10-06T15:42Z 1.8M followers, [----] engagements
"How Fast Do Robots Think #robot #coding #p5js #simulation Here's a clip from the most recent live stream about simulating Robot Controllers with p5.js with Dr. Christian Hubicki @chubicki 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/Guides/community-contribution-guide.html 🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://discord.gg/hPuGy2g 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 📚 Books:"
YouTube Link 2025-09-05T17:14Z 1.8M followers, 22.6K engagements
"Chaotic System #genuary8"
YouTube Link 2024-01-09T02:50Z 1.8M followers, 25K engagements
"Coding Challenge 183: Paper Marbling Algorithm 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: https://thecodingtrain.com/challenges/183-mathematical-marbling 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-183-paper-marbling-simulation p5.js Web Editor Sketches: 🕹 Mathematical Marbling: https://editor.p5js.org/codingtrain/sketches/fsw-rJrpr 🕹"
YouTube Link 2024-05-02T15:17Z 1.8M followers, 95.5K engagements
"Image Classification with ml5.js This video covers image classification in ml5.js [---]. I demonstrate both the default MobileNet model as well as how to train your own classifier with transfer leraning and teachable machine. Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/1-classification/image-classification p5.js Web Editor Sketches: 🕹 Image Classification: https://editor.p5js.org/codingtrain/sketches/A2W-0ayI5 🕹 Image Classification with Webcam: https://editor.p5js.org/codingtrain/sketches/r9LjJqaw6 🕹 Image Classification - Drag and Drop:"
YouTube Link 2024-10-08T15:53Z 1.8M followers, 38.1K engagements
"What's next In this video I'm sharing my plans for the fall semester which is broken down into three main categories: updating the p5.js beginner series for version [---] exploring new p5.js [---] features like variable fonts and splines and diving deeper into machine learning with transformers.js. I'd love to hear your feedback and ideas in the comments below 0:00 - Hi 1:20 - Next videos 3:07 - Roadmap 3:35 - Plans for p5.js [---] Features 4:04 - Refreshing the p5.js Beginner Series 6:38 - Plans for Machine Learning 7:59 - Let me know what you think Editing by Mathieu Blanchette 🚂 Website:"
YouTube Link 2025-10-04T20:28Z 1.8M followers, 16.6K engagements
"Introduction to D3.js with Shirley Wu Linode $20 free credit https://linode.com/codingtrain (or code CODINGTRAIN20) Shirley Wu is an award-winning creative focused on data-driven art and visualizations. She has worked with clients such as Google The Guardian SFMOMA and NBC Universal to develop custom highly interactive data visualizations. She combines her love of art math and code into colorful compelling narratives that push the boundaries of the web. Her work can be found at http://sxywu.com. 💻 https://thecodingtrain.com/CodingChallenges/ 💻 https://editor.p5js.org/codingtrain/sketches/"
YouTube Link 2019-11-15T23:23Z 1.8M followers, 58.2K engagements
"13.6: XML and JSON - Processing Tutorial This video covers how to get XML and JSON data into Processing Learning Processing A Beginner's Guide to Programming ImagesAnimation and Interaction http://learningprocessing.com/ Twitter: https://twitter.com/shiffman Source code examples: http://learningprocessing.com/examples/chp18/example-18-01-userinput/ Help us caption & translate this video http://amara.org/v/Qbwk/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct processing json json xml xml to json processing xml json vs xml xml vs json xml json Application Programming"
YouTube Link 2015-07-24T14:26Z 1.8M followers, 132.4K engagements
"1.1: fetch() - Working With Data & APIs in JavaScript Welcome to Working with Data and APIs in Javascript This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve collect and store data The course will be taught through a series of creating three data projects. This is the first video of the series [---] This video is client-side only and covers the web fetch() API loading image data and focusing on handling asynchronous events with Promises (async / await) 🎥 NEXT LESSON: https://youtu.be/RfMkdvN-23o 🎥 FULL COURSE:"
YouTube Link 2019-05-17T13:41Z 1.8M followers, 477.3K engagements
"Flocking rule [--] #genuary19"
YouTube Link 2024-01-20T17:54Z 1.8M followers, 56K engagements
"Hand Pose Detection with ml5.js In this video I explore the HandPose model using ml5.js. I'll demonstrate how to track hand keypoints and create an interactive painting sketch using gestures. Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/hand-pose 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-hand-pose-detection-with-ml5js p5.js Web Editor Sketches: 🕹 HandPose - Keypoints: https://editor.p5js.org/codingtrain/sketches/o5wnL6esQ 🕹 HandPose - Painting: https://editor.p5js.org/codingtrain/sketches/LCEHJm6PA 🕹 Simple painting:"
YouTube Link 2024-10-29T14:41Z 1.8M followers, 42.3K engagements
"Let's Build a Nature of Code [---] Page Let's build a "404 Page Not Found" page for The Nature of Code website Use code CHOOCHOO for 25% off Nature of Code at https://natureofcode.com/. Code: https://thecodingtrain.com/tracks/livestreams/livestreams/page-not-found 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/ZcZjrgQHr 🎥 Next: https://youtu.be/-_ivRdVjjzA References: 📕 The Nature of Code: https://natureofcode.com/ 🛒 Nature of Code shop: https://store.natureofcode.com/products/the-nature-of-code Related Coding Challenges: 🚂 https://youtu.be/4hA7G3gup-4 Timestamps:"
YouTube Link 2024-08-15T16:39Z 1.8M followers, 12.2K engagements
"7.1: Cellular Automata - The Nature of Code This video introduces the concepts and algorithms behind Cellular Automata. (If I reference a link or project and it's not included in this description please let me know) Read along: http://natureofcode.com/book/chapter-7-cellular-automata/ http://en.wikipedia.org/wiki/Cellular_automaton Help us caption & translate this video http://amara.org/v/Qbvc/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct nature of code processing.org cellular automata game of life wolfram nature of code processing.org cellular automata game of life"
YouTube Link 2015-08-10T12:04Z 1.8M followers, 206.6K engagements
"Coding Challenge 166: ASCII Text Images Let's make ASCII art in p5.js together In this video I demonstrate a variety of techniques for translating the pixels of an image into text and finish with rendering video as text ASCII characters in a DOM. https://thecodingtrain.com/challenges/166-image-to-ascii p5.js Web Editor Sketches: 🕹 ASCII video: https://editor.p5js.org/codingtrain/sketches/KTVfEcpWx 🕹 ASCII image canvas: https://editor.p5js.org/codingtrain/sketches/r4ApYWpH_ 🕹 ASCII image dom: https://editor.p5js.org/codingtrain/sketches/ytK7J7d5j 🕹 ASCII text:"
YouTube Link 2022-02-12T15:37Z 1.8M followers, 1.3M engagements
"Coding Challenge 186: Wave Function Collapse Wave Function Collapse is an algorithm for procedural image generation. In this long overdue follow-up to my tiled model video I dive into the overlapping model coding it step by step (complete with struggles and messy debugging interludes) in JavaScript with p5.js. Code: https://thecodingtrain.com/challenges/186-wfc-overlapping-model 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-186-wave-function-collapse 💻 Github Repo: https://github.com/CodingTrain/Wave-Function-Collapse p5.js Web Editor Sketches:"
YouTube Link 2025-01-28T14:09Z 1.8M followers, 99.9K engagements
"Coding Challenge 179: Elementary Cellular Automata 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: https://thecodingtrain.com/challenges/179-wolfram-ca 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-wolfram-elementary-ca p5.js Web Editor Sketches: 🕹 Wolfram Cellular Automata: https://editor.p5js.org/codingtrain/sketches/IE77UYZ-G 🕹 Wolfram CA with color: https://editor.p5js.org/codingtrain/sketches/1w8yOaaDS 🕹 Wolfram CA infinite scroll:"
YouTube Link 2024-01-09T18:07Z 1.8M followers, 187.3K engagements
"Code Programming with p5.js for Beginners Trailer Welcome aboard This is the introductory video to start programming JavaScript with p5.js for total beginners. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/0-trailer/trailer 🎥 Next video: https://youtu.be/yPWkPOfnGswlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation"
YouTube Link 2019-04-12T19:51Z 1.8M followers, 639.8K engagements
"Coding Challenge 180: Falling Sand It's Genuary [----] Watch as I attempt to build a falling sand simulation in p5.js using a grid of pixels and simple rules. Code: https://thecodingtrain.com/challenges/180-falling-sand 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-180-falling-sand p5.js Web Editor Sketches: 🕹 Falling Sand: https://editor.p5js.org/codingtrain/sketches/AoH40T6fV 🕹 Falling Sand with Gravity: https://editor.p5js.org/codingtrain/sketches/Ij5i7a3w4 🎥 Previous: https://youtu.be/Ggxt06qSAe4list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All:"
YouTube Link 2024-01-22T17:07Z 1.8M followers, 1.4M engagements
"1.6 Acceleration Vector - The Nature of Code In this video I add an acceleration vector to the Mover object and create an example where the object accelerates towards the mouse location. This is the foundation on which I will build for implementing forces in the next chapter Code: https://thecodingtrain.com/tracks/the-nature-of-code-2/noc/1-vectors/6-acceleration-vector 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/the-coding-train-yt-1-6-acceleration-vector-the-nature-of-code 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/OjCfrdWX 🎥 Previous video:"
YouTube Link 2020-03-22T17:08Z 1.8M followers, 63.7K engagements
"Pose Estimation with ml5.js Strike a pose In this video I explore the BodyPose model in ml5.js with MoveNet and BlazePose showing how to track body keypoints and visualize 'skeleton' connections using live video. Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/7-bodypose/pose-detection 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-pose-detection-with-ml5js p5.js Web Editor Sketches: 🕹 BodyPose - single image: https://editor.p5js.org/codingtrain/sketches/WQrffEIsJ 🕹 BodyPose - Nose: https://editor.p5js.org/codingtrain/sketches/AWrwZ_rSv 🕹"
YouTube Link 2024-10-17T00:24Z 1.8M followers, 40.7K engagements
"7.2: Wolfram Elementary Cellular Automata - The Nature of Code This video covers the basics of Wolfram's elementary 1D cellular automaton. (If I reference a link or project and it's not included in this description please let me know) Read along: http://natureofcode.com/book/chapter-7-cellular-automata/#chapter07_section2 A New Kind of Science: http://www.wolframscience.com/nksonline/toc.html Elementary Cellular Automaton: http://mathworld.wolfram.com/ElementaryCellularAutomaton.html https://github.com/shiffman/The-Nature-of-Code-Examples/ Help us caption & translate this video"
YouTube Link 2015-08-10T12:04Z 1.8M followers, 204.4K engagements
"A* Pathfinding Algorithm (Coding Challenge [--] - Part 1) In this multi-part coding challenge I attempt an implementation of the A* Pathfinding Algorithm to find the optimal path between two points in a 2D grid. Code: https://thecodingtrain.com/challenges/51-a-pathfinding-algorithm 💻 Github Repo: https://github.com/CodingTrain/AStar 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/ehLjdFpat Other Parts of this Challenge: 📺 A* Algorithm - Part 2: https://youtu.be/EaZxUCWAjb0 📺 A* Algorithm - Part 3: https://youtu.be/jwRT4PCT6RU 🎥 Previous video:"
YouTube Link 2017-01-16T15:24Z 1.8M followers, 3.5M engagements
"Drawing Shapes in p5.js for Beginners (1.3) In this video I start writing code and cover the basics of coordinates systems shapes and drawing in p5.js. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/1-intro/3-shapes-drawing 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/HJ1WjEPwQ 🎥 Previous video: https://youtu.be/MXs1cOlidWslist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/riiJTF5-N7clist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA"
YouTube Link 2018-09-07T13:32Z 1.8M followers, 505K engagements
"Coding Challenge 184: Collisions Without a Physics Library What happens when two circles collide in a p5.js canvas In this video I examine the math and implement idealized elastic collisions in a JavaScript physics simulation. This video supplements the Nature of Code book series in Chapter [--] which uses 3rd party physics libraries to handle collisions rather than a direct implementation. Code: https://thecodingtrain.com/challenges/184-elastic-collisions 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-coding-challenge-184-elastic-collisions p5.js Web Editor Sketches:"
YouTube Link 2024-07-13T09:08Z 1.8M followers, 195.1K engagements
"#genuary15 physics library"
YouTube Link 2024-01-16T01:27Z 1.8M followers, 210.9K engagements
"Whats new in Nature of Code"
YouTube Link 2024-11-15T23:42Z 1.8M followers, 24.1K engagements
"Teachable Machine 1: Image Classification Introducing Teachable Machine [---] (from Google Creative Lab) Train a computer to recognize your own images sounds & poses. In this video I train an image classifier and import the machine learning model into a p5.js sketch with the ml5.js library. Code: https://thecodingtrain.com/tracks/teachable-machine/teachable-machine/1-image-classification 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/the-coding-train-yt-teachable-machine-1-image-classification p5.js Web Editor Sketches: 🕹 Code Template:"
YouTube Link 2019-11-07T17:00Z 1.8M followers, 229.2K engagements
"I broke ChatGPT #creativecoding #ai #shorts Was ChatGPT trained on Coding Train challenges Recursive Fractal Trees Challenge: https://thecodingtrain.com/challenges/14-fractal-trees-recursive Recursive Fractal Tree short: https://www.youtube.com/shorts/j6txbhwP9jo 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒"
YouTube Link 2023-01-18T16:17Z 1.8M followers, 722.4K engagements
"Creative Coding for Beginners with p5.js (1.1) Welcome aboard This is the introductory video to start programming JavaScript with p5.js for total beginners. https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/1-intro/1-intro 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/coding-train-1-1-code-programming-for-beginners-with-p5-js 🎥 Previous video: https://youtu.be/HerCR8bw_GElist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/MXs1cOlidWslist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos:"
YouTube Link 2018-09-05T14:35Z 1.8M followers, 713.9K engagements
"Coding Marching Squares In this episode of Coding in the Cabana Gloria Pickle and I investigate the Marching Squares algorithm and apply it to Open Simplex Noise in Processing. Code: https://thecodingtrain.com/challenges/c5-marching-squares p5.js Web Editor Sketches: 🕹 Color: https://editor.p5js.org/codingtrain/sketches/hERGV3q_u 🕹 Worley Noise: https://editor.p5js.org/codingtrain/sketches/JzvYF8WwT 🕹 Image: https://editor.p5js.org/codingtrain/sketches/qThqi4OfJ 🕹 Webcam: https://editor.p5js.org/codingtrain/sketches/0XAj0DRD2 🕹 Metaballs:"
YouTube Link 2020-07-17T14:28Z 1.8M followers, 205.4K engagements
"p5.js [---] with Kit Kuksenok In this livestream I'm joined by Kit Kuksenok the p5.js Project Lead from the Processing Foundation Kit gives an overview of the p5.js [---] beta demonstrating new features like variable fonts asynchronous loading text to contours and 3D text extrusion. We also discuss the timeline for the official release and how the community can get involved and provide feedback. Code: https://thecodingtrain.com/tracks/livestreams/livestreams/p5js-2.0 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/ksen0/sketches/cevvPvWar 🎥 Next: https://youtu.be/fWQWX9-8_sA References: 🎨"
YouTube Link 2025-08-15T13:39Z 1.8M followers, [----] engagements
"Beginner's Guide to Machine Learning in JavaScript with ml5.js This playlist provides an introduction to developing creative coding projects with machine learning. The theory and application of machine learning algorithms is demonstrated in JavaScript using the p5.js and ml5.js libraries. Learning Objectives: Develop an intuition for and high level understanding of core machine learning concepts and algorithms including supervised learning unsupervised learning reinforcement learning transfer learning classification and regression. Be able to apply machine learning algorithms to real-time"
YouTube Link 2022-03-04T00:29Z 1.8M followers, 169K engagements
"6.3: Steering Behaviors: Arrive - The Nature of Code This video covers the arriving at a target i.e. slowing down on approach. Read along: http://natureofcode.com/book/chapter-6-autonomous-agents/#chapter06_section4 http://www.red3d.com/cwr/steer/Arrival.html https://github.com/shiffman/The-Nature-of-Code-Examples/tree/master/Processing/chp6_agents/NOC_6_02_Arrive Help us caption & translate this video http://amara.org/v/Qbvi/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct"
YouTube Link 2015-08-08T12:04Z 1.8M followers, 29.9K engagements
"2.2 Geolocation Web API - Working with Data and APIs in JavaScript 💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS Before diving into communication between client and server (GET and POST requests) let's look at the Geolocation Web API with navigator.geolocation. This data will be sent to the server and stored in a database in upcoming videos. 🔗 Web API Navigator: https://developer.mozilla.org/en-US/docs/Web/API/Navigator 🎥 NEXT LESSON: https://youtu.be/Kw5tC5nQMRY 🎥 PREVIOUS LESSON: https://youtu.be/wxbQP1LMZsw 🎥 FULL COURSE:"
YouTube Link 2019-05-31T13:24Z 1.8M followers, 209.7K engagements
"1.3: Graphing with Chart.js - Working With Data & APIs in JavaScript The lesson continues working with tabular data (CSV) and examines how to graph the data in an HTML5 canvas with Chart.js. 🎥 NEXT LESSON: https://youtu.be/uxf0--uiX0I 🎥 PREVIOUS LESSON: https://youtu.be/RfMkdvN-23o 🎥 FULL COURSE: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X 💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS 🔗https://www.chartjs.org/ 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://www.designbyhumans.com/shop/codingtrain/ 📚"
YouTube Link 2019-05-23T17:10Z 1.8M followers, 445K engagements
"7.7: Object Communication Part [--] - p5.js Tutorial This is a continuation of my previous video where I explore shape intersection with object-oriented programming. Here I demonstrate how to use a nested loop to check every object's position against every other object. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/7-arrays/7-object-communication-2 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/7SjPmXN2 🎥 Previous video: https://youtu.be/W1-ej3Wu5zglist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video:"
YouTube Link 2017-12-14T15:55Z 1.8M followers, 70.6K engagements
"9.16: CodePen in p5.js - p5.js Tutorial In this tutorial I show you how you can use the online code editor CodePen to write your own p5.js sketches. Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman Links discussed in this video: Daniel's CodePen: http://codepen.io/shiffman/ Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For More JavaScript Tutorials:"
YouTube Link 2016-08-03T14:19Z 1.8M followers, 14.1K engagements
"Coding Challenge 114: Bubble Sort Yes sorting numbers can be fun In this challenge I attempt to implement the "bubble sort" algorithm in Processing (Java) and visualize the process itself with animated lines. Code: https://thecodingtrain.com/challenges/114-bubble-sort-visualization (🤖🤖🤖Correction: At 3:53 I incorrectly state that N's growth is exponential I should have said "quadratic" or "polynomial".) 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/3HVrL9m36 🎥 Previous video: https://youtu.be/XE3YDVdQSPolist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video:"
YouTube Link 2018-08-27T13:50Z 1.8M followers, 457.4K engagements
"Coding Train Live: Marching Squares and Flocking Mewchoo In this episode of the Coding Train Morning Show I discuss Marching Squares and Marching Cubes community contributions Also revisiting my Blender "Mewchoo" model and importing into Processing. 💻 Marching Squares challenge https://thecodingtrain.com/challenges/c5-marching-squares Timestamps: 0:00 Live Stream Starts 3:40 Introduction 12:15 Mew Choo: Community Submissions 15:54 Coding in The Cabana: Marching Squares 24:54 Fractal Flame 43:00 Community Submissions 1:00:44 Notion 1:05:00 Small Break 1:10:28 More Community Submissions"
YouTube Link 2020-07-22T15:22Z 1.8M followers, 36.7K engagements
"10.4: Loading JSON data from a URL (Asynchronous Callbacks) - p5.js Tutorial This video covers begins the process of working with APIs. The first step is just using a URL instead of a local JSON file. How does this change your code How do you use a callback to known when the data is ready All examples: https://github.com/shiffman/Video-Lesson-Materials Contact: https://twitter.com/shiffman Next video: https://youtu.be/ecT42O6I_WI JavaScript basics: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA HTML/CSS basics:"
YouTube Link 2015-10-30T19:39Z 1.8M followers, 469.9K engagements
"15.4: Twitter API Basics - Twitter Bot Tutorial This video covers the basics of the twitter API. What are the basic commands -- get post stream How do you search twitter How do you post a tweet How do you trigger a function callback when a twitter event occurs All examples: https://github.com/shiffman/Video-Lesson-Materials Twit package: https://github.com/ttezel/twit Twitter API documentation: https://dev.twitter.com/ Contact: https://twitter.com/shiffman Next video: https://youtu.be/ZvsqQjwrISQ Learn JavaScript basics: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA"
YouTube Link 2015-11-13T03:01Z 1.8M followers, 232.6K engagements
"Welcome to The Nature of Code with p5.js Welcome to the Nature of Code [---] In this video I go over the playlist and introduce the content to come. Links discussed in this video: 🔗 The Nature of Code: https://natureofcode.com/book/ 🔗 NOC book repo: https://github.com/nature-of-code 🔗 p5.js examples : https://github.com/nature-of-code/noc-examples-p5.js 🚂Website: https://thecodingtrain.com/ 💡Github: https://github.com/CodingTrain 💬Discord: https://discord.gg/hPuGy2g ✪ Nebula: https://go.nebula.tv/codingtrain 💖Membership: https://youtube.com/thecodingtrain/join 🛒Store:"
YouTube Link 2020-03-06T16:28Z 1.8M followers, 189K engagements
"9.22: Custom Shapes - p5.js Tutorial In this video I look at how to draw "custom" shapes in p5.js using beginShape() endShape() vertex() and curveVertex(). Special thanks to Rune Madsen's Programming Design Systems https://programmingdesignsystems.com/shape/custom-shapes/index.html#custom-shapes-pANLh0l Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges:"
YouTube Link 2017-09-27T12:51Z 1.8M followers, 114.7K engagements
"2.1: Variables in p5.js (mouseX mouseY) - p5.js Tutorial In this video I introduce the concept of variables The setup() and draw() functions are covered along with mouseX and mouseY in p5.js. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/2-variables/1-mouseX-mouseY 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/IeblvUQrf 🎥 Previous video: https://youtu.be/xJcrPJuem5Qlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/dRhXIIFp-yslist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos:"
YouTube Link 2021-05-19T14:20Z 1.8M followers, 126.5K engagements
"print("Hello Shorts") #shorts ATTENTION PASSENGERS Q&A shorts arriving this Wednesday on various The Coding Train platforms See you soon 💫 #creativecoding #shorts 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/Guides/community-contribution-guide.html 🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://discord.gg/hPuGy2g 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 📚 Books: https://www.amazon.com/shop/thecodingtrain 🖋"
YouTube Link 2022-11-15T01:54Z 1.8M followers, 26.2K engagements
"Discord Bots 3: Coding a Bot with discord.js It's finally time to write some code In this video I demonstrate the very basics of coding a "hello world"-style bot with discord.js. 💻 Code: https://thecodingtrain.com/learning/bots/discord/03-discordjs.html 💻 Glitch: https://glitch.com/choo-choo-bot-discord 💻 GitHub: https://github.com/CodingTrain/Discord-Bot-Choo-Choo 🎥 Next: https://youtu.be/G2Yns7NUSq4 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6avBYxeBSwF48YhAnSn_sA4 Links discussed in this video: 🔗 discord.js: https://discord.js.org/ 🔗 Discord.js Guide:"
YouTube Link 2020-11-09T14:10Z 1.8M followers, 139.1K engagements
"Processing / p5.js Tutorial: What is lerp (Linear Interpolation) This video covers the lerp() function which is part of both Processing and p5.js. What is lerp() What is linear interpolation How can you use this function to create an "easing" effect or smooth out noisy values (from perhaps a sensor). https://processing.org/reference/lerp_.html http://p5js.org/reference/#/p5/lerp Contact: https://twitter.com/shiffman Learn p5.js from scratch: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Learn Processing from scratch:"
YouTube Link 2015-11-20T16:48Z 1.8M followers, 47.6K engagements
"Introduction to Runway: Machine Learning for Creators (Part 1) Runway brings the power of artificial intelligence to your creative projects with an intuitive and simple visual interface. The video covers the basics of downloading and installing Runway and running your first pre-trained machine learning model. Daniel Shiffman is an advisor to Runway AI Inc. the company behind the Runway software. RunwayML Part 2: https://youtu.be/7btNir5L8Jc StyleGAN p5.js Coding Challenge https://youtu.be/vEetoBuHj8g 🔗 Runway ML: https://runwayml.com/ 🔗 COCO Dataset: http://cocodataset.org/ 🔗 Wekinator:"
YouTube Link 2019-08-08T17:25Z 1.8M followers, 101.3K engagements
"Q&A #7.2: Comparing p5.js and Processing - Part [--] In the second part of "Comparing p5.js and Processing" I examine syntax and feature differences between the two environments. Part 1: https://youtu.be/AmlAiKsiy0o Part 3: https://youtu.be/_y8rEHjqzRA Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman Links discussed in this series: p5.js: https://p5js.org/ Processing: https://processing.org Processing Foundation: https://processingfoundation.org/"
YouTube Link 2017-02-02T18:07Z 1.8M followers, 20.6K engagements
"18.5: Camera and Perspective - WebGL and p5.js Tutorial In this video about p5.js and WebGL I discuss how the camera() perspective() and ortho() functions work in 3D. Next Video: https://youtu.be/3tTZlTq4Cxs Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website:"
YouTube Link 2017-12-27T14:30Z 1.8M followers, 68.4K engagements
"2.2: Variables in p5.js (Make your own) - p5.js Tutorial In this video I look at how to create your own variables and how to use them to animate elements of your p5.js sketches. 💻 Code: https://thecodingtrain.com/beginners/p5js/2.2-make-your-own.html 💻 p5.js Web Editor Code: https://editor.p5js.org/codingtrain/sketches/n8Og60lq 🎥 Next video: https://youtu.be/-e5h4IGKZRY 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 👾 Share Your Creation https://thecodingtrain.com/Guides/community-contribution-guide.html 🚩 Suggest Topics:"
YouTube Link 2015-09-04T17:16Z 1.8M followers, 186.4K engagements
"p5.js 2.0: loading data with async and await (LIVE RECORDING SESSION ARCHIVE) 🚂 Website: https://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋 Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥"
YouTube Link 2025-09-22T14:36Z 1.8M followers, [----] engagements
"👾 p5.js saveGif() changes everything #creativecoding #programming #shorts 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 https://thecodingtrain.com/challenges/86-cube-wave-by-bees-and-bombs https://youtu.be/H81Tdrmz2LA https://editor.p5js.org/codingtrain/sketches/lCDER-xsu 🔗 p5.js saveGif() reference: https://p5js.org/reference/#/p5/saveGif 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation"
YouTube Link 2022-12-07T19:41Z 1.8M followers, 98.1K engagements
"Perlin Noise Detail in p5.js In Part I.6 of the Perlin Noise Tutorial I look at the p5.js function noiseDetail() how it can be used to alter the results Perlin noise function. The concepts of octaves and falloff are explained. 🎥 Part I.7: https://youtu.be/Lv9gyZZJPE0 Links discussed in this video: 🔗 p5.js noise() reference: https://p5js.org/reference/#/p5/noise 🔗 The Nature of Code: https://natureofcode.com/book/ 🔗 NOC Github: https://github.com/nature-of-code 🔗 NOC Examples p5.js : https://github.com/nature-of-code/noc-examples-p5.js 🚂Website: https://thecodingtrain.com/ 💡Github:"
YouTube Link 2016-06-26T23:14Z 1.8M followers, 70.7K engagements
"Coding the Collatz Conjecture It's the second episode of Coding in the Cabana Here I attempt to visualize the Collatz Conjecture in Processing. Code: https://thecodingtrain.com/challenges/c2-collatz-conjecture 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/XjLDE7gu6 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🗄 Collatz Conjecture Wikipedia: https://en.wikipedia.org/wiki/Collatz_conjecture 💻 Collatz Graph: All Numbers Lead to One: https://www.jasondavies.com/collatz-graph/ 💻 Trying to visualize the Collatz"
YouTube Link 2019-10-27T14:28Z 1.8M followers, 146.5K engagements
"Can I code Pong In this challenge I attempt (emphasis on the word "attempt") to program the classic video game Pong in Processing (Java). Code: https://thecodingtrain.com/challenges/67-pong 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/CKCwTIm3S 🎥 Previous video: https://youtu.be/MLtAMg9_Svwlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/piBq7VD0ZSolist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🗄 Pong on Wikipedia: https://en.wikipedia.org/wiki/Pong"
YouTube Link 2017-03-27T13:05Z 1.8M followers, 303.6K engagements
"10.5: Neural Networks: Multilayer Perceptron Part [--] - The Nature of Code This video follows up on the previous Multilayer Perceptron video. Code: https://thecodingtrain.com/tracks/neural-networks/neural-networks/5-multilayer-perceptron-part-2 🎥 Previous: https://youtu.be/u5GAVdLQyIg 🎥 Next: https://youtu.be/uSzGdfdOoG8 References: 🔗 Make Your Own Neural Network: https://www.amazon.com/Make-Your-Own-Neural-Network-ebook/dp/B01EER4Z4G 🔗 Perceptrons: https://www.amazon.com/Perceptrons-Introduction-Computational-Geometry-Expanded/dp/0262631113 🔗 Perceptron:"
YouTube Link 2017-06-30T13:06Z 1.8M followers, 169.3K engagements
"Coding Challenge #47: Pixel Sorting in Processing In this coding challenge I implement Pixel Sorting in Processing (Java). Using a selection sort algorithm I sort the pixels of an image by brightness and hue. Code: https://thecodingtrain.com/challenges/47-pixel-sorting-in-processing 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/zxruKuft9 🎥 Previous video: https://youtu.be/hacZU523FyMlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/UrznYJltZrUlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos:"
YouTube Link 2016-12-21T16:37Z 1.8M followers, 207.9K engagements
"Build a Full Stack Twitter Clone with Coding Garden CJ is an Educator Full Stack Developer and Maker. He streams himself live coding tutorials and walk throughs about Full Stack Web Development and other related tech on the YouTube channel Coding Garden with CJ. https://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCw https://coding.garden/ Deployed app: https://meower.now.sh/ Github repo: https://github.com/CodingGarden/meower What is the Full Stack Prerequisites: * Basics of HTML/CSS/JavaScript * Node.js Installed * MongoDB Installed 0:00 Ooops I'm live 0:12 Start CJ Intro 2:10 Overview of"
YouTube Link 2018-09-11T23:17Z 1.8M followers, 427.8K engagements
"ml5.js: KNN Classification Part [--] This video covers "KNN Classification." In this first part I begin the process of building a "teachable machine"-style image classifier with ml5.js. Code: https://thecodingtrain.com/tracks/ml5js-beginners-guide/ml5/5-knn-classification/1-build-the-image-classifier 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/RERqlwJL 🎥 Previous: https://youtu.be/eU7gIy3xV30list=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y 🎥 Next: https://youtu.be/Mwo5_bUVhlAlist=PLRqwX-V7Uu6YPSwT06y_AEYTqIwbeam3y 🎥 All:"
YouTube Link 2019-02-04T15:29Z 1.8M followers, 42.2K engagements
"Coding Train Live #151: [----] Workflow (VSC iTerm zsh etc.) In this live stream I attempt to implement a quicksort algorithm in Processing. Then I cover my new workflow for this year repeat some of my beginner p5.js stuff talk about google classroom and p5.js 🔗 Processing: https://processing.org/ 🔗 p5.js Web Editor: https://editor.p5js.org/ 🔗 Visual Studio Code: https://code.visualstudio.com 🔗 iTerm: https://iterm2.com 🔗 Oh My ZSH: https://ohmyz.sh/ 🔗 Node: https://nodejs.org 🔗 p5-manager: https://www.npmjs.com/package/p5-manager 🔗 http-server: https://www.npmjs.com/package/http-server"
YouTube Link 2018-09-08T00:01Z 1.8M followers, 19.3K engagements
"Coding Challenge #71: Minesweeper In this challenge I attempt to code the classic game Minesweeper in JavaScript with the p5.js library. Code: https://thecodingtrain.com/challenges/71-minesweeper 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/-mz-ePoqd 🎥 Previous video: https://youtu.be/N8Fabn1om2klist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/giXV6xErw0Ylist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 📑 Minesweeper on Wikipedia:"
YouTube Link 2017-05-18T14:24Z 1.8M followers, 549.3K engagements
"I.7 : What is OpenSimplex Noise Simplex Noise (2001) is an improvement on "classic" Perlin noise (1983). I discuss a bit of the history of noise algorithms and show how to use the Java source code for Open Simplex Noise in Processing. 🎥Next Video: Random Walker Coding Challenge: https://youtu.be/l__fEY1xanY Links discussed in this video: 🔗 Perlin Noise: https://en.wikipedia.org/wiki/Perlin_noise 🔗 http://web.archive.org/web/20160530124230/http://freespace.virgin.net/hugo.elias/models/m_perlin.htm 🔗 Gradient Noise: https://en.wikipedia.org/wiki/Gradient_noise 🔗 Simplex Noise:"
YouTube Link 2019-03-04T14:19Z 1.8M followers, 122.8K engagements
"Coding Challenge #156: Peeking inside Pi 🥧 Happy Pi Day [----] In this challenge I build a simple web application using p5.js and node.js to search in the first billion digits of Pi. Code: https://thecodingtrain.com/challenges/156-peeking-inside-pi 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/U649qYR4 🎥 Previous video: https://youtu.be/R3C2giDfmO8list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/9z9mbiOZqSslist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References:"
YouTube Link 2020-03-14T20:37Z 1.8M followers, 79.8K engagements
"How to Use to p5.js Web Editor (1.2) In this video I give a brief overview of the p5.js Web Editor Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/1-intro/2-web-editor 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/H1898NvwX 🎥 Previous video: https://youtu.be/yPWkPOfnGswlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/c3TeLi6Ns1Elist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA References: 🔗 Flip p5 Editor:"
YouTube Link 2018-09-06T13:23Z 1.8M followers, 398.1K engagements
"9.1: What is an Array - Processing Tutorial This covers looks at the concept of an array and why we need them. Book: Learning Processing A Beginner's Guide to Programming ImagesAnimation and Interaction Chapter: [--] Official book website: http://learningprocessing.com/ Twitter: https://twitter.com/shiffman Help us caption & translate this video http://amara.org/v/QbxG/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct"
YouTube Link 2015-07-24T14:26Z 1.8M followers, 405.4K engagements
"Coding Challenge #98.1: Quadtree - Part [--] In this multi-part coding challenge I implement a Quadtree data structure in JavaScript and visualize it with p5.js. Code: https://thecodingtrain.com/challenges/98-quadtree p5.js Web Editor Sketches: 🕹 Quadtree Parts [--] & 2: https://editor.p5js.org/codingtrain/sketches/g7LnWQ42x 🕹 Quadtree - Part 3: https://editor.p5js.org/codingtrain/sketches/CDMjU0GIK Other Parts of this Challenge: 📺 Quadtree - Part 2: https://youtu.be/QQx_NmCIuCY 📺 Quadtree - Part 3: https://youtu.be/z0YFFg_nBjw 🎥 Next video:"
YouTube Link 2018-03-26T16:39Z 1.7M followers, 329.1K engagements
"10.14: Neural Networks: Backpropagation Part [--] - The Nature of Code In this video I discuss the backpropagation algorithm as it relates to supervised learning and neural networks. Code: https://thecodingtrain.com/tracks/neural-networks/neural-networks/14-backpropagation-part-1 💻 Github Repo: https://github.com/CodingTrain/Toy-Neural-Network-JS 🎥 Previous: https://youtu.be/MPmLWsHzPlU 🎥 Next: https://youtu.be/r2-P1Fi1g60 References: 🔗 Intelligence and Learning: https://github.com/nature-of-code/NOC-S17-2-Intelligence-Learning/tree/master/week4-neural-networks 🔗 Make Your Own Neural"
YouTube Link 2018-01-23T13:45Z 1.8M followers, 196.7K engagements
"2.1: Variables in p5.js (mouseX mouseY) - p5.js Tutorial In this video I introduce the concept of variables in p5.js. The setup() and draw() functions are covered as well as mouseX and mouseY. 💻 Code: https://thecodingtrain.com/beginners/p5js/2.1-mousex-mousey.html 💻 p5.js Web Editor Code: https://editor.p5js.org/codingtrain/sketches/Nnn1OpIg 🎥 Next video: https://youtu.be/Bn_B3T_Vbxs 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 👾 Share Your Creation https://thecodingtrain.com/Guides/community-contribution-guide.html 🚩 Suggest Topics:"
YouTube Link 2015-09-04T17:07Z 1.8M followers, 232.9K engagements
"D3.js Cont'd with Shirley Wu Questions or confusion from last week's live stream We'll answer as many as we can and put some finishing touches on the example Film Flowers project. 🎥Part 1: https://youtu.be/rQroxWLZiCo 🌸http://sxywu.com/filmflowers/ 💻https://observablehq.com/@shiffman/shirley-wu-d3-extravaganza Shirley Wu is an award-winning creative focused on data-driven art and visualizations. She has worked with clients such as Google The Guardian SFMOMA and NBC Universal to develop custom highly interactive data visualizations. She combines her love of art math and code into colorful"
YouTube Link 2019-11-18T22:33Z 1.8M followers, 15.9K engagements
"ITP Winter Show [----] It's the ITP Winter Show ITP is a two-year graduate program located in the Tisch School of the Arts whose mission is to explore the imaginative use of communications technologies how they might augment improve and bring delight and art into people's lives. http://itp.nyu.edu/shows/winter2016/show/ https://tisch.nyu.edu/itp Special Thanks: Camera: Or Fleisher Editing: Mathieu Blanchette - https://twitter.com/mathblank Projects links: Operator - Chino Kim http://chino.kim/operator/ LASER CATS - Dong Chan Kim Jenny Lim http://www.jlimetc.com/laser-cats/ Illuminated Path -"
YouTube Link 2016-12-23T15:09Z 1.8M followers, 16.8K engagements
"6.2: Classes in JavaScript with ES6 - p5.js Tutorial This video introduces Object-Oriented Programming in JavaScript with ES6 classes and the p5.js library. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/6-objects/2-classes 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/qi7N4LWq 🎥 Previous video: https://youtu.be/xG2Vbnv0wvglist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/rHiSsgFRgx4list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA"
YouTube Link 2017-10-06T14:21Z 1.8M followers, 429.7K engagements
"2.3: Incrementation Operators - p5.js Tutorial In this bonus aside I discuss coding short hand for incrementing variables ('incrementation operators'). Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/2-variables/3-incrementation 🎥 Previous video: https://youtu.be/dRhXIIFp-yslist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/POn4cZ0jL-olist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Timestamps: 0:00 Hello 0:38 What is coding short hand 1:28 What does += mean 2:10 What"
YouTube Link 2021-05-19T14:35Z 1.8M followers, 71.7K engagements
"Live Stream #21 Live from sfpc.io Help us caption & translate this video http://amara.org/v/QbtZ/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct"
YouTube Link 2016-03-22T19:04Z 1.8M followers, [---] engagements
"2.6: createGraphics() - p5.js Tutorial In this video I cover createGraphics() in p5.js in order to demonstrate how to draw some shapes with trails and some without. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/2-variables/6-createGraphics p5.js Web Editor Sketches: 🕹 Trails: https://editor.p5js.org/codingtrain/sketches/7RN7GFD-Y 🕹 Stars: https://editor.p5js.org/codingtrain/sketches/0kQ9v-bhM 🎥 Previous video: https://youtu.be/nicMAoW6u1glist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/1Osb_iGDdjklist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥"
YouTube Link 2019-02-14T00:05Z 1.8M followers, 172K engagements
"9.12: Local Server Text Editor JavaScript Console - p5.js Tutorial This video looks at how you develop p5.js sketches (HTML CSS and JavaScript files) using any text editor. I demonstrate how to run a Python local server as well use the Chrome developer tools / JavaScript console. More on p5.js local server: https://github.com/processing/p5.js/wiki/Local-server Contact: https://twitter.com/shiffman Next video: (coming soon) Learn JavaScript basics: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Learn HTML / CSS basics:"
YouTube Link 2016-03-31T16:58Z 1.8M followers, 112.2K engagements
"Coding Challenge #129: Koch Fractal Snowflake Snowflake Challenge #3 In this video I draw the Koch Fractal Curve in Processing (Java). Code: https://thecodingtrain.com/challenges/129-koch-fractal-snowflake 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/SJHcVCAgN 🎥 Previous video: https://youtu.be/pdaNttb7Mr8list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/MY4luNgGfmslist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 💰 Support the Processing Foundation:"
YouTube Link 2018-12-30T15:28Z 1.8M followers, 59.5K engagements
"9.8: Random Circles with No Overlap - p5.js Tutorial This video demonstrates a "circle packing"-like algorithm. Circles are placed randomly in the canvas but only if they are not overlapping with any previous circles. This is referred to as "uniform random sampling." The p5.js dist() function is demonstrated. Source-code: https://github.com/CodingTrain/Rainbow-Code Contact: https://twitter.com/shiffman All JavaScript/p5.js videos: https://www.youtube.com/user/shiffman/playlistsview=50&sort=dd&shelf_id=14 Help us caption & translate this video http://amara.org/v/Qbt2/ 📄 Code of Conduct:"
YouTube Link 2016-03-16T01:00Z 1.8M followers, 157.3K engagements
"A Pocket Full of Algorithms Q&A [---] #shorts Picking up from the last video heres my trusty handbook of image processing algorithms for practicing coding and unlocking your creativity On the web theres the Algorithm Archive Whats your favorite resource #creativecoding #shorts 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/Guides/community-contribution-guide.html 🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://discord.gg/hPuGy2g 💖 Membership:"
YouTube Link 2022-11-18T21:39Z 1.8M followers, 81.5K engagements
"1.4 Static Functions - The Nature of Code In this video I discuss the difference between static and instance functions in JavaScript and how they are used in the p5.Vector class. Code: https://thecodingtrain.com/tracks/the-nature-of-code-2/noc/1-vectors/4-static-functions 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/the-coding-train-yt-1-4-static-functions-the-nature-of-code 🎥 Previous video: https://youtu.be/jupjuq9Jl-Mlist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 Next video: https://youtu.be/ttz05d8DSOslist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 All videos:"
YouTube Link 2020-03-20T00:30Z 1.8M followers, 56.4K engagements
"3.1 API calls from Node.js (Weather data from Dark Sky) - Working with Data and APIs in JavaScript 💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS Welcome to Module [--] I covered a lot about node.js in the previous module but there are still a few key elements left to discuss In this module I build the "Weather Here" project (based on example by Joey Lee). In this first video I demonstrate how to connect to an external API from node.js itself. Later I'll look at how to hide an API key as well as deploy a project to publicly accessible web server. 🎥 NEXT LESSON:"
YouTube Link 2019-06-12T12:53Z 1.8M followers, 148.8K engagements
"15.5: Scheduling Tweets Using setInterval() - Twitter Bot Tutorial How do you schedule tweets in a bot using JavaScript's setInterval() function How do you trigger a tweet when a certain event occurs like a user is followed or a tweet is favorited All examples: https://github.com/shiffman/Video-Lesson-Materials Twit package: https://github.com/ttezel/twit Twitter API documentation: https://dev.twitter.com/ Twitter automation rules and best practices: https://support.twitter.com/articles/76915lang=en Contact: https://twitter.com/shiffman Next video: https://youtu.be/mUoIPmZ4KwA Learn"
YouTube Link 2015-11-13T03:05Z 1.8M followers, 73.8K engagements
"Coding Train Live 167: Bouncing DVD Logo + Fluid Simulation Bouncing DVD Logo and Fluid Simulation. 💻 https://thecodingtrain.com/challenges/131-bouncing-dvd-logo 💻 https://thecodingtrain.com/challenges/132-fluid-simulation 🔗 GitHub Thread: https://github.com/CodingTrain/Rainbow-Topics/issues/178 🔗 Real-Time Fluid Dynamics for Games by Jos Stam: http://www.dgp.toronto.edu/people/stam/reality/Research/pdf/GDC03.pdf 🔗 MSAFluid: https://www.memo.tv/msafluid/ 🔗 Lily Pad: https://github.com/weymouth/lily-pad 🔗 Fluid Simulation for Dummies by Mike Ash:"
YouTube Link 2019-02-06T20:02Z 1.8M followers, 32.3K engagements
"5.4: Boolean Variables - Processing Tutorial This video covers having a variable of type boolean as it relates to conditional statements. Support this channel on Patreon: https://patreon.com/codingtrain Contact: https://twitter.com/shiffman Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics Link to code on Github: https://github.com/CodingTrain/Rainbow-Code Processing: http://processing.org Processing Foundation: https://processingfoundation.org/ Learning Processing Book: http://learningprocessing.com/ For More Processing Tutorials:"
YouTube Link 2015-07-18T06:48Z 1.8M followers, 194.1K engagements
"Local Storage in JavaScript with p5.js What's the easiest and quickest way to have a p5 sketch re-start from where it last left off Local Storage p5.js Web Editor Sketches: 🕹 Local Storage: https://editor.p5js.org/codingtrain/sketches/R-Z_q_4c3 🕹 Local Storage w/ Canvas: https://editor.p5js.org/codingtrain/sketches/cLOmL8Td0 Links discussed in this video: 🔗 Local Storage: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage 🔗 storeItem(): https://p5js.org/reference/#/p5/storeItem 🔗 getItem(): https://p5js.org/reference/#/p5/getItem 🔗 Storage for the Web:"
YouTube Link 2022-05-04T14:19Z 1.8M followers, 39.9K engagements
"1.8: GitHub Pages - Git and GitHub for Poets In part [--] of the Git and GitHub for Poets series I show you how to use GitHub Pages as free web hosting. Support this channel on Patreon: https://patreon.com/codingtrain Contact: http://twitter.com/shiffman GitHub Repo for user Rainbow Coder: https://github.com/rainbowcoder https://github.com/RainbowCoder/PoemWebsite HTML tutorials: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6bI1SlcCRfLH79HZrFAtBvX GitHub: https://github.com/ Intro to GitHub: https://guides.github.com/activities/hello-world/ For More Git and GitHub videos:"
YouTube Link 2016-06-02T16:46Z 1.8M followers, 105.4K engagements
"2.4: Regular Expressions: Capturing Groups - Programming with Text In this video I discuss capturing parentheses and how they are used to create numbered groups that referenced in a find / replace operation. This is the fourth video in a series on Regular Expressions which is part of the "Programming from A to Z" course at ITP (http://itp.nyu.edu). Next Video: https://youtu.be/Z66TeSTcP-Q http://shiffman.net/a2z/regex/ Course url: http://shiffman.net/a2z/ Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges:"
YouTube Link 2016-09-17T13:41Z 1.8M followers, 161.7K engagements
"2.2: Variables in p5.js (Define Your Own) - p5.js Tutorial In this video I cover how to define initialize and use your own variables for the purpose of animating p5.js sketches. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/2-variables/2-define-variables p5.js Web Editor Sketches: 🕹 Moving Circle: https://editor.p5js.org/codingtrain/sketches/xPXNdPy17 🕹 Growing Circle: https://editor.p5js.org/codingtrain/sketches/ehbMJ-otC 🎥 Previous video: https://youtu.be/7A5tKW9HGoMlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video:"
YouTube Link 2021-05-19T14:23Z 1.8M followers, 96.4K engagements
"Coding Challenge #8: Solar System in Processing - Part [--] (3D) In the second part of this coding challenge using Processing I take the code from the 2D Solar System and turn it three-dimensional. Code: https://thecodingtrain.com/challenges/8-solar-system-3d 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/QIB-sT10 🎥 Previous video: https://youtu.be/l8SiJ-RmeHUlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/FGAwi7wpU8clist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH"
YouTube Link 2016-05-02T13:19Z 1.8M followers, 117.1K engagements
"Coding Train Live 179: Chrome Dinosaur Game + ml5 Speech Commands Model In this live stream: Welcome to another episode in the Beginners Guide to Machine Learning with ml5.js in JavaScript series. We will look at sound classification which is a new feature in the library. We will use the Speech Command Recognizer which is a model available from Google 💻 https://thecodingtrain.com/challenges/147-chrome-dinosaur-game Timestamps: 0:00 Start 4:13 Introduction 8:47 Working With Data API Course 15:21 Summer Schedule 19:55 ml5.js 22:39 Extending Processing With Java Libraries 24:55 Setting Up 26:29"
YouTube Link 2019-06-13T17:37Z 1.8M followers, 23.2K engagements
"8.6: Pass by Value vs. Pass by Reference - Processing Tutorial This video covers passing arguments into a function and what happens when you pass an object vs. a primitive value. Book: Learning Processing A Beginner's Guide to Programming ImagesAnimation and Interaction Chapter: [--] Official book website: http://learningprocessing.com/ Twitter: https://twitter.com/shiffman annotations added: click here to subscribe Help us caption & translate this video http://amara.org/v/QbxH/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct"
YouTube Link 2015-07-24T14:26Z 1.8M followers, 237.9K engagements
"Coding Challenge #46.1: Asteroids with p5.js - Part [--] In this two part coding challenge I use the p5.js library to create my own version of the classic Atari video game Asteroids Code: https://thecodingtrain.com/challenges/46-asteroids 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/VtYr6E4_M 🎥 Next video: https://youtu.be/JUDYkxU6J0olist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔗 Asteroids on Wikipedia: https://en.wikipedia.org/wiki/Asteroids_(video_game) Videos: 🎥"
YouTube Link 2016-12-15T20:29Z 1.8M followers, 111.4K engagements
"7.8: Objects and Images - p5.js Tutorial This video explores how to load and display images as objects with p5.js. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/7-arrays/8-objects-images 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/H44xHm5a 🎥 Previous video: https://youtu.be/rO6M5hj0V-olist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Timestamps: 0:00 Introduction 1:19 PNG Images Allow for Transparent Pixels 3:12 The image() Function 6:15 Using a Loop to Load"
YouTube Link 2017-12-16T14:53Z 1.8M followers, 142.5K engagements
"Discord Bots 2: Discord Developer Portal In this video I demonstrate how use the discord developer portal to create a bot application and add it to a specific discord server using the client id. Link template to add bot to a server: https://discord.com/oauth2/authorizeclient_id=YOUR_CLIENT_ID&scope=bot 🎥 Next video: https://youtu.be/8k-zyUyuvlM 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6avBYxeBSwF48YhAnSn_sA4 Links discussed in this video: 🔗 Discord (Website): https://discord.com/ 🔗 Discord Developer Portal: https://discord.com/developers/docs/intro 🔗 The Coding Train"
YouTube Link 2020-11-08T17:30Z 1.8M followers, 120.5K engagements
"Coding a Fractal Tree in [--] Seconds #programming #shorts All aboard the [--] minute Coding Challenge First up a recursive fractal tree with p5.js Fractal Tree Challenge: https://thecodingtrain.com/challenges/14-fractal-trees-recursive Learn how to submit to the Passenger Showcase: https://thecodingtrain.com/guides/passenger-showcase-guide 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/Guides/community-contribution-guide.html 🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics 💡 GitHub: https://github.com/CodingTrain 💬 Discord:"
YouTube Link 2023-01-01T20:03Z 1.8M followers, 157.5K engagements
"Coding Train Live: GPT-2 Hue Lights Discord Bot Late Night episode [--] with GPT-2 Hue Lights Discord Bot. Timestamps: 0:00 Live Stream Starts 3:50 Introduction 9:50 AI Joke Generator 13:30 Live Stream Notes 19:50 Generative Text Training with GPT-2 29:40 Dad Joke Model Training 1:11:27 Using Hue Lights API 1:31:50 More Dad Joke Generator 1:37:33 Discord Bot 2:15:04 Goodbyes and End of Stream 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub:"
YouTube Link 2020-05-29T05:36Z 1.8M followers, 35.6K engagements
"Coding Challenge 162: Self-Avoiding Walk It's finally time to attempt a Self-Avoiding Walk In this video I quickly visualize a simple JavaScript p5.js implementation of a self-avoiding walk. I then tackle the more complex problem of backtracking to find a solution to a space-filling self-avoiding walk. https://thecodingtrain.com/challenges/162-self-avoiding-walk p5.js Web Editor Sketches: 🕹 Basic Self Avoiding Walk: https://editor.p5js.org/codingtrain/sketches/2_4gyDD_9 🕹 Self Avoiding Walk with Backtracking: https://editor.p5js.org/codingtrain/sketches/dRWS3A9nq 🕹 Self Avoiding Walk 3D:"
YouTube Link 2021-06-10T19:01Z 1.8M followers, 160.7K engagements
"Live Stream #47 - 3D Supershapes and Spherical Geometry Live from sfpc.io This live stream is a continuation of the Supershape series of Coding Challenges. First I show you how to create a sphere in Processing using spherical coordinates. Then I use the superformula to generate 3D Supershapes. Finally I use the p5.js library and WebGL to transpose the 3D Supershape to the web browser. 2:40 - Intro to today's topic 32:13 - Spherical Geometry 1:11:13 - Addendum to the Spherical Geometry 1:25:54 - 3D Supershape 1:56:24 - Converting 3D Supershape to p5.js 2:12:09 - Q&A/Conclusion Support this"
YouTube Link 2016-06-28T23:12Z 1.8M followers, [----] engagements
"Coding Challenge #152: RDP Line Simplification Algorithm The RamerDouglasPeucker algorithm (aka "iterative end-point fit algorithm") takes a curve composed of line segments and reduces the fidelty to a "lower fidelity" curve with fewer points. Code: https://thecodingtrain.com/challenges/152-rdp-algorithm 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/SQjSugKn6 🎥 Previous video: https://youtu.be/F1OkDTUkKFolist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/ZCXkvwLxBrAlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos:"
YouTube Link 2019-10-23T18:36Z 1.8M followers, 52.4K engagements
"1.5 Mapping Geolocation with Leaflet.js - Working with Data and APIs in JavaScript 💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS In this video I use Leaflet.js to add an interactive map to the page and place the ISS location as a marker. 🔗 Leaflet.js: https://leafletjs.com/ 🔗https://wheretheiss.at/ 🎥 NEXT LESSON: https://youtu.be/wxbQP1LMZsw 🎥 PREVIOUS LESSON: https://youtu.be/uxf0--uiX0I 🎥 FULL COURSE: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X 🎥 The Basics of CSS: https://youtu.be/zGL8q8iQSQw 🚂 Website: http://thecodingtrain.com/ 💖 Patreon:"
YouTube Link 2019-05-27T14:27Z 1.8M followers, 292.1K engagements
"2.5: The map() Function - p5.js Tutorial This video covers the map() function in p5.js -- how to take a value from a given range and map it to a new range. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/2-variables/5-map 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/yJqbGf71 🎥 Previous video: https://youtu.be/POn4cZ0jL-olist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/TaluaAD9MKAlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Timestamps:"
YouTube Link 2015-09-04T17:22Z 1.8M followers, 340.1K engagements
"10.2: Neural Networks: Perceptron Part [--] - The Nature of Code In this video I continue my machine learning series and build a simple Perceptron in Processing. Code: https://thecodingtrain.com/tracks/neural-networks/neural-networks/2-perceptron-part-1 🎥 Previous: https://youtu.be/XJ7HLz9VYz0 🎥 Next: https://youtu.be/DGxIcDjPzac References: 🔗 Make Your Own Neural Network: https://www.amazon.com/Make-Your-Own-Neural-Network-ebook/dp/B01EER4Z4G 🔗 Perceptrons: https://www.amazon.com/Perceptrons-Introduction-Computational-Geometry-Expanded/dp/0262631113 🔗 Perceptron:"
YouTube Link 2017-06-08T13:58Z 1.8M followers, 526.6K engagements
"9.23: createGraphics() - p5.js Tutorial In this video I discuss the p5.js function createGraphics(). createGraphics() creates a 2D graphics "context" (also sometimes called "buffer") that you can use as an "offscreen canvas." createGraphics() as WebGL Texture: https://youtu.be/3tTZlTq4Cxs Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/ To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges:"
YouTube Link 2017-12-29T15:04Z 1.8M followers, 36.9K engagements
"How to use scale() in p5.js In this video I look at the scale() function. Code: https://thecodingtrain.com/tracks/transformations-in-p5/transformations/scale 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/gIftx7ZYh 🎥 Previous: https://youtu.be/o9sgjuh-CBM 🎥 Next: https://youtu.be/IVMvq9rd8dA Timestamps: 00:00 Introduction 00:53 Scale 04:25 Using different values Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: https://thecodingtrain.com/ 👾 Share Your Creation https://thecodingtrain.com/guides/passenger-showcase-guide"
YouTube Link 2017-09-19T13:08Z 1.8M followers, 51.4K engagements
"17.8: Microphone Input - p5.js Sound Tutorial In this video I demonstrate how to use your system microphone as an input to a sketch controlling elements with the volume. Code: https://thecodingtrain.com/tracks/sound/sound/8-microphone-input 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/goeU3RUbU 🎥 Previous: https://youtu.be/wUSva_BnedA 🎥 Next: https://youtu.be/jEwAMgcCgOA References: 🔗 p5.sound library: https://p5js.org/reference/#/libraries/p5.sound Related Coding Challenges: 🚂 https://youtu.be/l0HoJHc-63Q Timestamps: 0:00 Introduction 1:03 AudioIn() 2:54"
YouTube Link 2016-10-17T14:09Z 1.8M followers, 65.9K engagements
"5.3: Functions and Return - p5.js Tutorial This video covers what it means for a function to return a value. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/5-functions/3-return 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/twpIiI-v 🎥 Previous video: https://youtu.be/zkc417YapfElist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/xG2Vbnv0wvglist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Timestamps: 0:00 Introduction 5:35 Returning a Value"
YouTube Link 2015-09-17T14:04Z 1.8M followers, 158.1K engagements
"p5.js Web Editor: Uploading Media Files - p5.js Tutorial In this video I show how to upload media files to the p5.js web editor for use in p5.js sketches. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/7-arrays/upload-editor 🎥 Previous video: https://youtu.be/5Q9cA0REztYlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/i2C1hrJMwz0list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Videos: 🎥 p5.js Web Editor with Cassie Tarakajian: https://youtu.be/x1rJJRVTpAI 🚂 HTML /"
YouTube Link 2018-10-06T14:10Z 1.8M followers, 132.7K engagements
"RGB Color in p5.js for Beginners (1.4) In this video I discuss how color works: RGB color fill() stroke() and transparency. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/1-intro/4-color 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/rJ9MQSwvm 🎥 Previous video: https://youtu.be/c3TeLi6Ns1Elist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/LuGsp5KeJMMlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA References: 🎨 Oscillation Sketch:"
YouTube Link 2018-09-10T12:57Z 1.8M followers, 289.9K engagements
"5.17: Introduction to Matter.js - The Nature of Code This video is an introduction to the Matter.js a 2D JavaScript physics library that supports rigid body collisions and constraints. In this video I show you how to set up your code to use the library in combination with p5.js for rendering. Code: https://thecodingtrain.com/tracks/the-nature-of-code-2/noc/6-physics-libraries/1-matterjs-introduction 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/dian0t-5j 🎥 Previous: https://youtu.be/rlZYT-uvmGQlist=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 Next:"
YouTube Link 2017-03-07T18:54Z 1.8M followers, 226.1K engagements
"9.7: Drawing Object Trails - p5.js Tutorial This video looks at how an object can store a history of positions. This allows you to render the object's trail while keeping background() in the draw() loop. I look briefly at p5.Vector and createVector() as well as the push() and splice() functions in JavaScript arrays. https://thecodingtrain.com/Tutorials/9-additional-topics/9.7-drawing-object-trails.html p5.js Web Editor Sketches: 🕹Source code: https://editor.p5js.org/codingtrain/sketches/9DnjxCNB- 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation"
YouTube Link 2016-02-09T19:23Z 1.8M followers, 87.2K engagements
"5.1: Function Basics - p5.js Tutorial This video covers the basics of writing your own functions in JavaScript. What does it mean to define and call your own function How can this make a program more modular Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/5-functions/1-basics 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/omHOuJY1 🎥 Previous video: https://youtu.be/1c1_TMdf8b8list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/zkc417YapfElist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos:"
YouTube Link 2015-09-17T14:04Z 1.8M followers, 157.3K engagements
"2.1 Server-side with Node.js - Working with Data and APIs in JavaScript 💻https://github.com/CodingTrain/Intro-to-Data-APIs-JS Welcome to Module #2 In the previous module I focused on client-side JavaScript. This video covers the basics of server-side programming with Node. We will begin building the Data Selfie App a project tutorial by Joey K. Lee. This unit we will spend time getting setup with Node.js and our workflow. 🔗 Joey K. Lee: https://jk-lee.com/work/ 🔗 Data Selfie App: https://github.com/joeyklee/data-selfie-app 🔗 Node.js: https://nodejs.org/en/ 🎥 NEXT LESSON:"
YouTube Link 2019-05-30T13:42Z 1.8M followers, 286.4K engagements
"6.1: Introduction to Object-Oriented Programming with ES6 - p5.js Tutorial Welcome to Object-Oriented Programming in JavaScript This video is a quick introduction to this collection of videos on the subject of Object-Oriented Programming in JavaScript with ES6 classes and the p5.js library. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/6-objects/1-intro 🎥 Previous video: https://youtu.be/qRnUBiTJ66Ylist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/T-HGdc8L-7wlist=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos:"
YouTube Link 2017-10-06T14:18Z 1.8M followers, 105.2K engagements
"Coding Challenge #64.1: Forward Kinematics In this multi-part coding challenge I demonstrate how to implement kinematics in Processing (Java). Code: https://thecodingtrain.com/challenges/64-kinematics p5.js Web Editor Sketches: 🕹 Kinematics - Part 1: https://editor.p5js.org/codingtrain/sketches/91Ys1PU7B 🕹 Kinematics - Part 2: https://editor.p5js.org/codingtrain/sketches/CvGJFQPLa 🕹 Kinematics - Part 3: https://editor.p5js.org/codingtrain/sketches/p8hH8INCv 🕹 Kinematics - Part 4: https://editor.p5js.org/codingtrain/sketches/bNPjMWlwV Other Parts of this Challenge: 📺 Part 2: Inverse"
YouTube Link 2017-03-16T21:06Z 1.8M followers, 92.6K engagements
"Workflow: Visual Studio Code This video examines the code editor: Visual Studio Code. 🎥Next video: https://youtu.be/FnkkzgYuXUM 🎥Playlist: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X 🔗 Visual Studio Code: https://code.visualstudio.com 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://www.designbyhumans.com/shop/codingtrain/ 📚 Books: https://www.amazon.com/shop/thecodingtrain 🎥 Coding Challenges: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Beginners:"
YouTube Link 2018-09-18T12:56Z 1.8M followers, 214K engagements
"Guest Tutorial #2: Web Animations and Mo.js with Sarah Drasner In this guest tutorial Sarah Drasner demonstrates how to use the Mo.js library to create a smooth colorful "burst" animation in the browser. Sarah is an award-winning Speaker Consultant and Staff Writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops with Val Head. Shes given a Frontend Masters workshop on Advanced SVG Animations and is working on a book for OReilly on SVG Animations. Shes formerly Manager of UX Design & Engineering at Trulia (Zillow). Last year Sarah won CSS Dev Confs Best of Best of Award"
YouTube Link 2016-12-19T15:23Z 1.8M followers, 67.8K engagements
"Coding Train Live 166.1: Finish Up Fourier + ml5 KNN In this live episode I finish up the Fourier Transform drawing example and cover KNN Classification with image features. 💻 Drawing with Fourier transform and Epicycles challenge https://thecodingtrain.com/challenges/130-drawing-with-fourier-transform-and-epicycles Timestamps: 3:37 Finish Fourier transform drawing example 1:20:08 KNN Classification with image features References: 🔗 FFT on Algorithm Archive: https://www.algorithm-archive.org/contents/cooley_tukey/cooley_tukey.html 🔗 Complex Number on Wikipedia:"
YouTube Link 2019-01-30T19:42Z 1.7M followers, 17K engagements
"9.3: Arrays of Objects - Processing Tutorial (Note this video was shot in Fall 2012.) Book: Learning Processing A Beginner's Guide to Programming ImagesAnimation and Interaction Chapter: [--] Official book website: http://learningprocessing.com/ Twitter: https://twitter.com/shiffman This video looks at arrays of objects. https://github.com/shiffman/LearningProcessing/tree/master/chp09_arrays/example_9_09_array_objects https://github.com/shiffman/LearningProcessing/tree/master/chp09_arrays/example_9_10_array_interactive_objects Help us caption & translate this video http://amara.org/v/QbxD/ 📄"
YouTube Link 2015-07-24T14:26Z 1.7M followers, 139K engagements
"Live Stream Archive - ITP Winter Show [----] It's the ITP Winter Show [----] This the archive of a live stream of me awkwardly wandering around and interviewing students about their work. Stay tuned for an edited highlight reel. ITP is a two-year graduate program located in the Tisch School of the Arts whose mission is to explore the imaginative use of communications technologies how they might augment improve and bring delight and art into people's lives. http://itp.nyu.edu/shows/winter2017/show/ https://tisch.nyu.edu/itp Timestamps to the different projects featured in this video: 2:15 - "Glow"
YouTube Link 2017-12-19T15:52Z 1.8M followers, 10.5K engagements
"ITP/IMA Winter Show [----] A two day exhibition of recent creative interactive projects by the students of ITP and IMA. 🔗https://itp.nyu.edu/ 🔗https://itp.nyu.edu/ima/ 🔗List of Project: https://itp.nyu.edu/shows/winter2018/ 0:50 - Vo-5ynth by Tushar Goyal: https://itp.nyu.edu/shows/winter2018/vo-5ynth 1:55 - Lost and Found Bots by Ashley Lewis: https://itp.nyu.edu/shows/winter2018/lost-and-found-bots 2:35 - Garden by Julia Rich & Stefan Skripak: https://www.stefanskripak.com/blog/2018/12/18/intro-physical-computing-final-project-garden 3:00 - Reverie Field by Morgan Mueller & Woan-Chin LIN:"
YouTube Link 2018-12-23T22:34Z 1.7M followers, 12.4K engagements
"Text Generation using Spell with Nabil Hassein In this live stream Nabil Hassein will demonstrate how to train an "LSTM" neural network to generate text in the style of a particular author using Spell (https://spell.run) and ml5.js. This stream is sponsored by Spell. Introduction to Spell: https://youtu.be/ggBOAPtFjYU Style Transfer using Spell with Yining Shi: https://youtu.be/gye9hSIrRWI Nabil Hassein is a freelance technologist and educator based in Brooklyn NY. He has previously worked as an infrastructure engineer at Khan Academy and a couple of startups taught math and programming in"
YouTube Link 2018-10-05T16:07Z 1.8M followers, [----] engagements
"Coding Challenge #90: Floyd-Steinberg Dithering In this coding challenge I attempt to implement the Floyd-Steinberg Dithering algorithm and create a "image stippling" effect on an image (kitten of course) using Processing. Code: https://thecodingtrain.com/challenges/90-dithering 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/-YkMaf9Ea 🎥 Previous video: https://youtu.be/G1EgjgMo48Ulist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/JrRO3OnWs5slist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos:"
YouTube Link 2018-01-16T14:14Z 1.7M followers, 454K engagements
"11.6: Painting with Pixels - p5.js Tutorial This video looks at how to make a painting from a live video source by reading the pixels to color shapes moving around a p5.js canvas. Code: https://thecodingtrain.com/tracks/pixels/pixels/painting-with-pixels 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/0tRpxGdaq 🎥 Previous: https://youtu.be/m1G6WBvrOBE 🎥 Next: https://youtu.be/YqVbuMPIRwY References: 🔗 loadPixels: https://p5js.org/reference/#/p5/loadPixels 🔗 updatePixels: https://p5js.org/reference/#/p5/updatePixels 🔗 lerpColor:"
YouTube Link 2016-04-06T14:13Z 1.7M followers, 64.2K engagements
"Coding Challenge #14: Fractal Trees - Recursive In this coding challenge I'm implement fractal trees with recursion in p5.js. This is the first part of a series on algorithmic botany. Code: https://thecodingtrain.com/challenges/14-fractal-trees-recursive 🕹 p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/xTjmYXU3q 🎥 Previous video: https://youtu.be/BV9ny785UNclist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/fcdNSZ9IzJMlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlistlist=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH"
YouTube Link 2023-10-24T06:44Z 1.6M followers, 891.7K engagements
"Nature of Code Continued: Chapter [--] Forces To learn more about Brilliant go to https://brilliant.org/CodingTrain and sign up for free. The first [---] people that go to that link will get 20% off the annual Premium subscription. Rebooting The Nature of Code Discord: https://discord.gg/hPuGy2g 💻 https://thecodingtrain.com/CodingChallenges/ 💻 https://editor.p5js.org/codingtrain/sketches/ 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://standard.tv/codingtrain 📚 Books: https://www.amazon.com/shop/thecodingtrain 🎥 Coding Challenges:"
YouTube Link 2020-02-27T20:30Z 1.8M followers, 12.9K engagements
"Live Stream #56: Poisson Disc Sampling and Diffusion-Limited Aggregation In this Live Stream I examine algorithms that distribute circles in p5.js a p5.js sketch randomly. In the first part I try out a technique called "Poisson Disc Sampling". Afterwards I tackle Diffusion-Limited Aggregation. 32:15 - Poisson Disc Sampling 1:43:34 - Diffusion-limited aggregation 2:45:29 - Addendum 2:46:34 - Conclusion Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman"
YouTube Link 2016-08-05T21:39Z 1.8M followers, 11.4K engagements
"Beginner Creative Coding Course now on Nebula Be the first to watch by signing up for Nebula All with Processing [--]. 5+ hours of material. For total beginners. Coming to YouTube in October https://go.nebula.tv/codingtrain"
YouTube Link 2023-09-24T04:40Z 1.6M followers, 13.1K engagements
Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing