Website marketing using high authority backlinks from popular website's, find out more at webcentreplus.com or email colin@webcentreplus.com
Click Here!

creative coding

1.5: Errors & Console – p5.js Tutorial



In this video, I take a look at the p5.js console and error messages.

πŸŽ₯ Next video: https://youtu.be/xJcrPJuem5Q
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— https://p5js.org/
πŸ”— p5.js Web Editor: https://editor.p5js.org/

πŸš‚ Website: http://thecodingtrain.com/
πŸ’– Patreon: https://patreon.com/codingtrain
πŸ›’ Store: https://www.designbyhumans.com/shop/codingtrain/
πŸ“š Books:… Continue reading

Coding Challenge #83: Chrome Extension with p5.js Sketch



In this coding challenge, I attempt to make a chrome extension that overlays a drawing canvas (using the p5.js library) on all webpages.

Coding Challenge on Chrome Extensions: https://youtu.be/8zMMOdI5SOk
Chrome Extensions playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bL9VOMT65ahNEri9uqLWfS

Support this channel on Patreon: https://patreon.com/codingtrain
To… Continue reading

Coding Challenge #26: 3D Supershapes



In this Coding Challenge, I use the “superformula” to make a 3D “supershape” in Processing. This is part 4 of a multi-part series on superformulas, superellipses and supershapes

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

Send me your questions and coding… Continue reading

Coding Challenge #136.1: Polar Perlin Noise Loops



In this challenge, I follow the path of a circle in 2D Perlin noise space in order to use noise values that loop. #PerlinNoiseLoop

πŸ’»https://thecodingtrain.com/CodingChallenges/136-polar-perlin-noise-loops.html

πŸ”— Γ‰tienne Jacob’s tweet: https://twitter.com/i/status/1096403588069425152
πŸ”— Γ‰tienne Jacob’s Blog Post: https://necessarydisorder.wordpress.com/2017/11/15/drawing-from-noise-and-then-making-animated-loopy-gifs-from-there/

πŸŽ₯ Heart Curve: https://youtu.be/oUBAi9xQ2X4… Continue reading

Coding Challenge #96: Visualizing the Digits of Pi



In this second Pi Day coding challenge, I attempt to “visualize” the digits of Pi. #PiTrain

πŸ”— Washington Post Article: https://www.washingtonpost.com/news/wonk/wp/2015/03/14/10-stunning-images-show-the-beauty-hidden-in-pi/?utm_term=.e232a2caa3ed
πŸ”— Pi artwork: http://mkweb.bcgsc.ca/pi/art/
πŸ”— 1 Billion Digits of Pi: https://stuff.mit.edu/afs/sipb/contrib/pi/
πŸ”— Million Pi Digits: http://www.piday.org/million/
πŸ”— Pi Day… Continue reading

3.2: Linear Regression with Ordinary Least Squares Part 1 – Intelligence and Learning



In this video, part of my series on “Machine Learning”, I explain how to perform Linear Regression for a 2D dataset using the Ordinary Least Squares method. In Part 2, I demonstrate how to code the algorithm in JavaScript, using… Continue reading

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 –… Continue reading

Coding Challenge #14: Fractal Trees – Recursive



In this coding challenge, I’m implement fractal tree with recursion in p5.js. This is the first part of a series on algorithmic botany.

πŸ’»https://thecodingtrain.com/CodingChallenges/014-fractaltree.html

πŸ”—Nature of Code on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info
πŸ”—Algorithmic Botany: http://algorithmicbotany.org/

πŸŽ₯ Algorithmic Botany Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxNsa_3SfCPyF9Md9XvXhR

πŸš‚ Website:… Continue reading

Coding Challenge #65.2: Visualizing a Binary Tree



In this follow-up to the Binary Tree coding challenge, I look at the very beginning steps to visualizing the tree. Make and share your own!

Intelligence and Learning (Spring 2017): https://github.com/shiffman/NOC-S17-2-Intelligence-Learning

Part 1 – Binary Tree: https://youtu.be/ZNH0MuQ51m4

Support this channel… Continue reading

Coding Challenge #111: Animated Sprites



In this coding challenge, I load a sprite sheet and create multiple animated sprites with the p5.js library. #animation #spritesheet #p5js #codingchallenge

πŸ’» http://thecodingtrain.com/CodingChallenges/111-animated-sprite

πŸ”— Horse Sprite Sheet: https://opengameart.org/content/2d-platformer-art-assets-from-horse-of-spring
πŸ”— Sprite (computer graphics): https://en.wikipedia.org/wiki/Sprite_(computer_graphics)

πŸŽ₯ Guest Tutorial 6: The Modulo… Continue reading

Archives