17.11: Sound Visualization: Frequency Analysis with FFT – p5.js Sound Tutorial



In this “p5.js Sound Tutorial” video, I use the p5.FFT object to analyze the frequencies (spectrum array) of a sound file. I create a “graphic equalizer” like visualization.

Support this channel on Patreon:

Send me your questions and coding challenges!
Contact:

p5.js sound library reference:
p5.FFT object reference:
Kristian Pedersen’s this.dot song:

Source Code for the Video Lessons:

p5.js:
Processing:

For More Sound in p5.js videos:

Help us caption & translate this video!

Coding Challenge #42.1: Markov Chains – Part 1



In Part 1 of this Coding Challenge, I discuss the concepts of “N-grams” and “Markov Chains” as they relate to text. I use Markova chains to generate text automatically based on a source text.

Programming from A to Z – Markov Chains URL:

Part 2:

Support this channel on Patreon:

Send me your questions and coding challenges!:

Contact:

GitHub Repo with all the info for Programming from A to Z:

Links discussed in this session:
Google’s Ngram Viewer:
n-gram on Wikipedia:
Chris Harrison’s Web Trigrams:
Allison Parrish’s( Generative Course Descriptions:
Allison Parrish’s…

Coding Challenge 51.1: A* Pathfinding Algorithm – Part 1



In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering.

Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally.
.
In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it.

Part 2:
Part 3:

Online demo:
Code:

To see the whole unedited version of this challenge:

Support this channel on Patreon:

Send me your questions and coding challenges!:

Contact:

A*…

Live Stream #69b: Session 9 continued – Programming from A to Z



This video is Part 2 of Session 9’s live stream. Here I finish my Coding Challenge: building a simple drawing/doodling app with p5.js and Firebase. Plus, a quick Q&A follow the Coding Challenge.

Part 1 of the stream:

This week’s URL:

7:19 – Continuing Coding Challenge: Drawing App with Firebase and p5.js
21:12 – Q&A/Conclusion

Support this channel on Patreon:

Send me your questions and coding challenges!:

Contact:

GitHub Repo with all the info for Programming from A to Z:

Links discussed in this video:
Firebase:

Processing Foundation Fellowships:
This Dot Song on Soundcloud:…

Live Stream #69a: Session 9 – Programming from A to Z



In today’s session, I show you how to use Firebase as a database for a p5.js project. I create a little “clicking” game which uses Firebase to save a high score list. I then create a simple drawing application in p5.js where you can save your doodles using, you guessed it, Firebase!

The end of the Drawing App Coding Challenge:

This week’s URL:

12:50 – Intro to this stream’s topic
14:45 – Intro to Database as Service
32:35 – Simple Clicking Game
39:05 – Firebase Database
1:01:36 – Part 2 of Firebase Tutorial
1:30:24 – Coding Challenge: Drawing App with Firebase and p5.js

Support this channel on Patreon:

Send me your questions and coding challenges!:

Contact:

GitHub Repo with all the info for Programming from A to Z:

Links discussed in this video:
Firebase:…

Coding Challenge #31: Flappy Bird



In this Coding Challenge, I attempt to program in JavaScript (using the p5.js framework) a clone of the game Flappy Bird.

Support this channel on Patreon:

Send me your questions and coding challenges!:

Contact:

Links discussed in this video:
Flappy Bird on Wikipedia:

Source Code for the Video Lessons:

p5.js:
Processing:

For More Coding Challenges:

For More p5.js videos:

Help us caption & translate this video!

Live Stream #89: Session 2 of “Intelligence and Learning”



In this live stream I work on a five part coding challenge: evolving autonomous agents. This challenge is a follow-up to my genetic algorithm and steering behavior videos.

This video is also part of the second session of my ITP “Intelligence and Learning” course (spring 2017)

Edited videos from this live stream coming soon!

23:33 – Intro to this Session
41:11 – Coding Challenge – Part 1
1:13:09 – Coding Challenge – Part 2
1:47:17 – Coding Challenge – Part 3
2:05:07 – Coding Challenge – Part 4
2:38:30 – Coding Challenge – Bonus Part 5
2:44:37 – Intro to Coding Challenge

Support this channel on Patreon:
To buy Coding Train merchandise:

Send me your questions and coding challenges!:

Contact:
Twitter:
The Coding Train website:

Links discussed in this…

c++ tutorial for beginners

Coding Challenge #68.2: Breadth-First Search Part 2



This is part two of the Breadth-First Search algorithm is and implement it in JavaScript. My demo application is “6 Degrees of Kevin Bacon” (finding the closest relationship between Kevin Bacon and another actor). This challenge is part of the spring 2017 ITP “Intelligence and Learning” course (https://github.com/shiffman/NOC-S17-2-Intelligence-Learning).

Part 1: https://youtu.be/piBq7VD0ZSo

Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com

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

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

Links discussed in this video:
The Nature of Code Part 2 (Spring 2017) – Intelligence and Learning: https://github.com/shiffman/NOC-S17-2-Intelligence-Learning
Nature of Code: http://natureofcode.com/
My Video on Prototypes: https://youtu.be/hS_WqkyUah8
My Video on…

Coding Challenge #63.2: Texturing Cloth Simulation Part 2



In part 2 of this challenge, I add the “unikitty” image as a texture to a waving flag, created with toxiclibs verlet physics.

Link to Part 1: https://youtu.be/JunJzIe0hEo
3D Cloth challenge: https://youtu.be/jrk_lOg_pVA

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

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

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

Links discussed in this video:
toxiclibs: http://toxiclibs.org/

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

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

For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Help us caption & translate this video!

http://amara.org/v/5CRg/

xcode tutorials for beginners

Coding Train Studio Tour!



By popular demand, here is a walk through of the Coding Train Studio at Tisch School of the Arts, New York University. This is from a live stream so the production value is problematic. I hope to make a more polished studio tour like the one I made in 2013 (see link below).

To view the live stream that I start recording at the end of this video: https://youtu.be/Iu3M-X1yRFU

2013 studio tour:
http://shiffman.net/2013/08/01/video-lesson-documentation/

Coding Train Store!
https://codingtrain.storenvy.com

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/

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

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

For my Nature of Code videos:…

sql tutorial for beginners with examples

1 2 3 5