Coding Challenge #60: Butterfly Generator

From the creator

Inspired by Everest Pipkin’s Moth Generator, I use trigonometry and perlin noise to procedurally generate butterfly wing designs with p5.js. Code: https://thecodingtrain.com/challenges/60-butterfly-generator 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/tKBc2fP8r 🎥 Previous video: https://youtu.be/4hA7G3gup-4?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/0dwJ-bkJwDI?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🖋️ Moth Generator: https://twitter.com/mothgenerator 🗄 Rose (mathematics) on Wikipedia: https://en.wikipedia.org/wiki/Rose_(mathematics) Videos: 🎥 Trigonometry and Polar Coordinates - The Nature of Code: https://youtu.be/znOBmOrtz_M 🎥 What is Perlin Noise?: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bgPNQAdxQZpJuJCjeOr7VD 🔴 Live Stream Archive #80: https://youtu.be/bMOv5vTC9uE?t=3431s Related Coding Challenges: 🚂 #36 Blobby!: https://youtu.be/rX5p-QRP6R4 🚂 #55 Mathematical Rose Patterns: https://youtu.be/f5QBExMNB1I 🚂 #134 Heart Curve: https://youtu.be/oUBAi9xQ2X4 🚂 #136 Polar Noise Loops: https://youtu.be/ZI1dmHv3MeM Timestamps: 0:00 Introduce coding challenge 0:17 Highlight project which inspires the coding challenge 1:13 Explain symmetrical drawing and polar coordinates 2:45 Let's code 3:04 Draw one of the butterfly's wings 4:09 Translate canvas to center the drawing 4:41 Draw points 5:25 Draw the wing with a l

Published 2017-02-27 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.