π The Coding Train: 1.4: Color - p5.js Tutorial
YouTube
1.4: Color - p5.js Tutorial
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β¦
πΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/rJ9MQSwvmβ¦
π The Coding Train: 1.5: Errors & Console - p5.js Tutorial
YouTube
1.5: Errors & Console - p5.js Tutorial
In this video, I take a look at the p5.js console and error messages. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/1-intro/5-errors
π₯ Previous video: https://youtu.be/riiJTF5-N7c?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
π₯ Nextβ¦
π₯ Previous video: https://youtu.be/riiJTF5-N7c?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
π₯ Nextβ¦
π The Coding Train: 1.6: Code Comments - p5.js Tutorial
YouTube
1.6: Code Comments - p5.js Tutorial
In this video, I cover code comments indicated with a '//'. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/1-intro/6-comments
πΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/H1mj3SwD7
π₯ Previous video:β¦
πΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/H1mj3SwD7
π₯ Previous video:β¦
π The Coding Train: Coding Garden with CJ visits Coding Train!
YouTube
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://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCwβ¦
π The Coding Train: Coding Challenge #115: Snake Game Redux
YouTube
Coding Challenge #115: Snake Game Redux
Snake Game!? Again!? Now with the p5.js Web Editor! Code: https://thecodingtrain.com/challenges/115-snake-game-redux
πΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/HkDVpSvDm
π₯ Previous video: https://youtu.be/67k3I2GxTH8?list=PLRqwXβ¦
πΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/HkDVpSvDm
π₯ Previous video: https://youtu.be/67k3I2GxTH8?list=PLRqwXβ¦
π The Coding Train: Introduction to Spell (for Machine Learning in the Cloud)
YouTube
Introduction to Spell (for Machine Learning in the Cloud)
Spell sign-up: http://bit.ly/2CBMLSN Spell! Spell is a command line and web interface for sending experiments out to the cloud with a single command. There a...
π The Coding Train: Workflow: Visual Studio Code
YouTube
Workflow: Visual Studio Code
This video examines the code editor: Visual Studio Code.
π₯Next video: https://youtu.be/FnkkzgYuXUM
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π Visual Studio Code: https://code.visualstudio.com
π Website: http:β¦
π₯Next video: https://youtu.be/FnkkzgYuXUM
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π Visual Studio Code: https://code.visualstudio.com
π Website: http:β¦
π The Coding Train: Workflow: Shell
YouTube
Workflow: Shell
What is a "shell"? In this video, I look at at "zsh" (instead of the default Mac OSX shell: bash).
π₯ Next video: https://youtu.be/_sLgRBrZh6o
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π iTerm2: https://iterm2.comβ¦
π₯ Next video: https://youtu.be/_sLgRBrZh6o
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π iTerm2: https://iterm2.comβ¦
π The Coding Train: Workflow: Git
YouTube
Workflow: Git
This video covers setting up git as part of my workflow.
π₯ Next video: https://youtu.be/FjWbUK2HdCo
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π Visual Studio Code: https://code.visualstudio.com
π iTerm: https://iterm2.comβ¦
π₯ Next video: https://youtu.be/FjWbUK2HdCo
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π Visual Studio Code: https://code.visualstudio.com
π iTerm: https://iterm2.comβ¦
π The Coding Train: Workflow: Node
YouTube
Workflow: Node
In this video, I discuss how I use node.js and global packages (to generate p5 sketches, run a web server) as part of my workflow.
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π iTerm: https://iterm2.com
π Oh My ZSH!:β¦
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π iTerm: https://iterm2.com
π Oh My ZSH!:β¦
π The Coding Train: Workflow: Python and Virtualenv
YouTube
Workflow: Python and Virtualenv
In this video, I set up a python environment (Python 2 and 3) with Virtualenv.
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π Python: https://www.python.org/
π Virtualenv: https://virtualenv.pypa.io/en/stable/
π Homebrew:β¦
π₯Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X
π Python: https://www.python.org/
π Virtualenv: https://virtualenv.pypa.io/en/stable/
π Homebrew:β¦
π The Coding Train: Style Transfer Part 1: Training a model with on Spell with Yining Shi
YouTube
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 2, Yining will use this trained model to style a real-time image, in browser, using ml5.js and p5.js.
#ThisDotStyleβ¦
In Part 2, Yining will use this trained model to style a real-time image, in browser, using ml5.js and p5.js.
#ThisDotStyleβ¦
π The Coding Train: Style Transfer Part 2: Real-Time Style Transfer with ml5.js with Yining Shi
YouTube
Style Transfer Part 2: Real-Time Style Transfer with ml5.js with Yining Shi
In this video, Yining Shi uses this trained model to style a real-time image, in browser, using ml5.js and p5.js.
#ThisDotStyle #StyleTransfer #MachineLearning
To sign up to Spell: https://spell.run/codingtrain
π₯ Part 1: https://youtu.be/STHRNIJc-vI
Thisβ¦
#ThisDotStyle #StyleTransfer #MachineLearning
To sign up to Spell: https://spell.run/codingtrain
π₯ Part 1: https://youtu.be/STHRNIJc-vI
Thisβ¦
π The Coding Train: Coding Challenge #116: Lissajous Curve Table
YouTube
Coding Challenge #116: Lissajous Curve Table
In this Coding Challenge, I visualize a "Lissajous Curve Table" with Processing (Java). Code: https://thecodingtrain.com/challenges/116-lissajous-curve-table
πΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/BJbj5l3Y7
π₯ Previous video:β¦
πΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/BJbj5l3Y7
π₯ Previous video:β¦
π The Coding Train: Coding Challenge #116 Continued: Lissajous Curve Table in p5.js
YouTube
Coding Challenge #116 Continued: Lissajous Curve Table in p5.js
In this video I port the Lissajous Curve Table Processing sketch to JavaScript with the p5.js web editor and the p5.js library.
π₯ Lissajous in Processing: https://youtu.be/--6eyLO78CY
πhttp://thecodingtrain.com/CodingChallenges/116-lissajous.html
π» httpβ¦
π₯ Lissajous in Processing: https://youtu.be/--6eyLO78CY
πhttp://thecodingtrain.com/CodingChallenges/116-lissajous.html
π» httpβ¦