@pattvira
  @pattvira
Patt Vira | p5.js Coding Tutorial | Mรถbius Strip @pattvira | Uploaded March 2024 | Updated October 2024, 14 hours ago.
LET'S CONNECT
โœจ Sign up for my newsletter at pattvira.com
โœจ Instagram: instagram.com/pattvira
โœจ Twitter: twitter.com/pattvira
--
Links:
๐Ÿ”— p5.js editor: editor.p5js.org
๐Ÿ”— Mรถbius Strip Code: editor.p5js.org/pattvira/sketches/YAxiSwyNR
๐Ÿ”— Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

Related Video:
๐Ÿ”— Coding Donuts ๐Ÿฉ Tutorial: youtu.be/p0uKK2jv_m0

Interesting Videos on the Mรถbius Strip
๐Ÿ”— @numberphile's Unexpected Shapes (Part 1): youtu.be/wKV0GYvR2X8?si=ltFYnuRRPBQtj17J
๐Ÿ”— @ThinkTwiceLtu's Cutting a Mรถbius strip in half (and more): youtube.com/watch?v=XlQOipIVFPk

Timestamps:
0:00 Intro
0:43 Start with torus equations
5:01 Replace angle phi with angle theta
6:55 Experiment with the shape by multiplying a constant to the angle theta
8:50 Create a mรถbius strip
12:18 Draw a sphere that travels along the strip
p5.js Coding Tutorial | Mรถbius Stripp5.js Coding Tutorial | Bouncing Wave Typographyp5.js Coding Tutorial | Bouncing Balls with matter.jsp5.js Coding Tutorial | Magnifying Glassp5.js Coding Tutorial | Intro to textToPoints (Kinetic Typography)Creative Coding Math: Trigonometry and Polar Coordinatesp5.js Coding Tutorial | Procedural Terrain Generation (Perlin Noise)First Q&A ๐Ÿฆ„๐ŸŒฆ๏ธ burnout, motivation vs discipline, insecurities around codingp5.js Coding Tutorial |  Snake Gamep5.js Coding Tutorial | Hilbert Curve (Recursion)Arduino 101 | Physical Computing for Beginnersp5.js Coding Tutorial | Array of Bouncing Balls (OOP / mousePressed)

p5.js Coding Tutorial | Mรถbius Strip @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER