Coding Challenge #87: 3D Knots

Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=r6YMKr1X0VA



Duration: 13:07
36,036 views
932


Getting tied up in 3D Knots in Processing is loads of fun! Thank you to Paul Bourke for the helpful reference and formulae! Code: https://thecodingtrain.com/challenges/87-3d-knots

đŸ•šī¸ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/fa1rAWng9

đŸŽĨ Previous video: https://youtu.be/H81Tdrmz2LA?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ Next video: https://youtu.be/cl-mHFCGzYk?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
📔 Knots: http://paulbourke.net/geometry/knots/
📝 Knot Theory: https://en.wikipedia.org/wiki/Knot_theory

Live Stream Archive:
🔴 Coding Train Live 111: https://youtu.be/Xiu8pbHtrEY

Related Coding Challenges:
🚂 #25 Spherical Geometry: https://youtu.be/RkuBWEkBrZA
🚂 #12 The Lorenz Attractor: https://youtu.be/f0lkz2gSsIk
🚂 #86 Cube Wave by Bees and Bombs: https://youtu.be/H81Tdrmz2LA

Timestamps:
0:00 Introduction
1:30 Understanding the equations and spherical coordinates
2:47 Coding starts here!
3:44 Implementing the formulae into code
5:03 Making the shape
5:30 Translate to the middle
6:21 That kinda looks like a knot!
8:04 Making it look pretty
8:58 Animating the knot
10:53 Adding the color back
12:00 Things you can try!

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

🚂 Website: http://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: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đŸŽĨ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

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

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

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

#3drendering #3dknots #polartocartesiancoordinates #java #processing







Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
itp nyu
class
3d javascript
3d animation
3d lights
3d material
3d
programming challenge
3D processing
processing coding challenge
3d knots
3d geometry
paul bourke
3d knots processing
3d art
3d math art