Coding Challenge #54.2: Star Patterns Update: Law of Sines

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



Duration: 16:11
30,687 views
492


In this bonus super-sized coding challenge, I work through visualizing Islamic Star Patterns in p5.js. Code: https://thecodingtrain.com/challenges/54-islamic-star-patterns

p5.js Web Editor Sketches:
๐Ÿ•น๏ธ Islamic Star Pattern - Part I: https://editor.p5js.org/codingtrain/sketches/b3wnFYeVs
๐Ÿ•น๏ธ Islamic Star Pattern - Part II: https://editor.p5js.org/codingtrain/sketches/j-WTRIgjN

Other Parts of this Challenge:
๐Ÿ“บ Part 1: Islamic Star Patterns: https://youtu.be/sJ6pMLp_IaI

๐ŸŽฅ Previous video: https://youtu.be/bqF9w9TTfeo?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ Next video: https://youtu.be/f5QBExMNB1I?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
๐Ÿ“ Points, lines, and planes: http://paulbourke.net/geometry/pointlineplane/
๐Ÿ”— Law of Sines on Wikipedia: https://en.wikipedia.org/wiki/Law_of_sines
โœก๏ธŽ Gabriel Weymouth's Tweet on Star Patterns: https://twitter.com/gabrielweymouth/status/826890126747906048
๐ŸŽค Craig S. Kaplan Lecture on Star Patterns: https://youtu.be/FBn6VgoF3fE
๐Ÿ““ University of Waterloo's Star Patterns Paper: http://www.cgl.uwaterloo.ca/csk/projects/starpatterns/

Links to Charities:
๐Ÿ’ธ Refugees International: https://refugeerights.org/donate/
๐Ÿ’ธ National Immigration Law Center: https://www.nilc.org/donate
๐Ÿ’ธ International Rescue Committee: https://www.refugeesinternational.org/donate/
๐Ÿ’ธ Urban Justice Center | Intl. Refugee Assistance Project: https://help.rescue.org/donate/refugees-need-urgent-support

Live Stream Archive:
๐Ÿ”ด Live Stream #77: More on Star Patterns: https://youtu.be/qTxPqMI69aM?t=3107s

Related Coding Challenges:
๐Ÿš‚ #155 Kaleidoscope Snowflake #SupportP5: https://youtu.be/R3C2giDfmO8

Timestamps:
00:00 Follow-up video opening
00:28 Community created version
00:53 Where we left off
01:52 How can we simplify the code?
02:56 What is the Law of Sines?
08:36 Code! Refactor to use the Law of Sines
13:35 Simplifying the Hankin object
14:36 Done! Wrapping up this Coding Challenge

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

#islamicstarpatterns #hankins #tilepattern #lawofsines #p5js #javascript







Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
coding
challenges
coding train
the coding train
islamic star patterns
star patterns js
star patterns javascript
star pattern p5js
refugee help
hankins
tile pattern
mosaic
law of sines
trigonometry patterns
law of sines javascript
star trigonometry