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