The artist BeesandBombs makes amazing algorithmic looping GIFs! Here's my attempt to recreate one of my favorite GIFs in JavaScript with p5.js and the WEBGL renderer. Code: thecodingtrain.com/challenges...
🤖GIF: / 940639806522085376
🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/s...
🎥 Previous video: • Coding Challenge #85: ...
🎥 Next video: • Coding Challenge #87: ...
🎥 All videos: • Coding Challenges
References:
💾 p5.js reference: p5js.org/reference/
🖌 Bees and Bombs: / beesandbombs
Videos:
🚂 Simple Harmonic Motion: • 3.5 Simple Harmonic Mo...
🎥 Back to School on the Coding Train: • Back to School on the ...
🔴 Coding Train Live 109: • Coding Train Live 109:...
Related Coding Challenges:
🚂 #87 3D Knots: • Coding Challenge #87: ...
🚂 #135 Making a GIF Loop in Processing: • Coding Challenge #135:...
Timestamps:
0:00:00 Coding Cube Wave by Bees and Bombs
0:02:41 Applying Oscillation
0:07:43 Moving to 3D
0:11:33 Adding Perspectives and Movement
0:23:25 Applying an Offset
0:28:32 Final wave and suggestion for improvements
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...
#webgl #simpleharmonicmotion #3d #beesandbombs #javascript #p5js
Негізгі бет Coding Challenge #86: Cube Wave by Bees and Bombs
Пікірлер: 435