Coding Challenge #87: 3D Knots

Subscribers:
1,740,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