In this Coding Challenge, I visualize a "Lissajous Curve Table" with Processing (Java). Code: thecodingtrain.com/challenges...
🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/s...
🎥 Previous video: • Coding Challenge #115:...
🎥 Next video: • Coding Challenge #117:...
🎥 All videos: • Coding Challenges
References:
🗄 Lissajous Curve on Wikipedia: en.wikipedia.org/wiki/Lissajo...
🐦 Panlepan Twitter: / 954694464697720833
🐦 Julio Mulero Twitter: / 1039456605736185856
Videos:
🎥 Lissajous Curves with p5.js: • Coding Challenge #116 ...
🎥 Lissajous Curve by standupmaths: • Making a physical Liss...
🎥 Polar Coordinates: • 3.4 Polar Coordinates ...
🎥 Harmonic motion: • 3.5 Simple Harmonic Mo...
🎥 2D Arrays in JavaScript: • 9.15: 2D Arrays in Jav...
🔴 Coding Train Live 152: • Coding Train Live #152...
Related Coding Challenges:
🚂 #55 Mathematical Rose Patterns: • Coding Challenge #55: ...
🚂 #60 Butterfly Generator: • Coding Challenge #60: ...
🚂 #81 Circle Morphing: • Coding Challenge #81.1...
🚂 #133 Times Tables Cardioid Visualization: • Coding Challenge #133:...
🚂 #134 Heart Curve: • Coding Challenge #134....
🚂 #C1 Maurer Rose: • Coding the Maurer Rose
Timestamps:
0:00 Introducing today's topic
0:30 Inspiration
1:53 Important elements
4:28 Size of the boxes
5:09 Add circles at top of canvas
7:08 Use polar to cartesian coordinates to determine the offset
8:05 Draw a point on the circles
9:17 Add a line
9:52 Adjust speed of rotation based the circle's index
10:40 Add circles along left of canvas
12:05 Create a Curve class
13:24 Draw the path of the curve
15:00 2D arrays
16:06 Matrices are expressed as "row by column"
19:07 Set x and y points for all row and column combination
20:52 Draw the points
21:52 Highlight the points
23:30 Refinements: reverse direction of rotation and reset the circles
27:27 Thank you for watching!
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
🚂 Website: thecodingtrain.com/
👾 Share Your Creation! thecodingtrain.com/guides/pas...
🚩 Suggest Topics: github.com/CodingTrain/Sugges...
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: kzitem.infojoin
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: / thecodingtrain
📸 Instagram: / the.coding.train
🎥 Coding Challenges: • Coding Challenges
🎥 Intro to Programming: • Start learning here!
🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org/
🔗 Processing: processing.org
📄 Code of Conduct: github.com/CodingTrain/Code-o...
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecod...
#lissajouscurve #polarcoordinates #processing
Негізгі бет Coding Challenge
Пікірлер: 145