butterfly-curve

所属分类:绘图程序
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2022-06-11 19:18:48
上 传 者sh-1993
说明:  用p5.js绘制的蝴蝶曲线草图,用于创造性编程中的参数方程练习。,
(A butterfly curve sketch drawn with p5.js for practice with parametric equations in creative programming.,)

文件列表:
LICENSE (7048, 2022-06-11)
butterfly-sketch.png (307890, 2022-06-11)
index.html (498, 2022-06-11)
jsconfig.json (148, 2022-06-11)
libraries/ (0, 2022-06-11)
libraries/p5.min.js (814950, 2022-06-11)
libraries/p5.sound.min.js (200064, 2022-06-11)
sketch.js (1556, 2022-06-11)
style.css (72, 2022-06-11)

# butterfly-curve A butterfly curve sketch drawn with p5.js for practice with parametric equations in creative programming. The butterfly curve is an aesthetically pleasing transcendental plane curve and one of my favorite mathematical equations to turn into code. It took time for me to convert the equations into Javascript and then again with the p5.js library, but overall this exercise was fairly simple! ![Butterfly Curve Equations](https://pbs.twimg.com/media/EXOwznwXYAAwJ1P?format=jpg&name=large) To learn more about the butterfly curve, visit [Wikipedia](https://en.wikipedia.org/wiki/Butterfly_curve_(transcendental)#:~:text=r%20%3D%20(cos%205%CE%B8)2,in%20the%20fall%20of%201991.) and [MathWorld](https://mathworld.wolfram.com/ButterflyCurve.html). These informative sites helped me a bunch, but there were moments when I needed additonal help and had to research furthur. In these moments, I ran to [The Coding Train](https://thecodingtrain.com/) and watched a few resourceful videos on the specific problems I was facing. There are so many helpful tutorials to choose from, but I found these couple videos to help me the most with this project: [Polar Coordinates](https://youtu.be/N633bLi_YCw) and [Mathematical Rose Patterns](https://youtu.be/f5QBExMNB1I) Finally, I was playing around with 3D shapes when I accidently developed the look of a gradient background by using a torus shape and enlarging it. I love the use of the torus with the butterfly sketch! ![A screenshot of the Butterfly Curve and Gradient Background](butterfly-sketch.png) See the Pen Butterfly Curve by Lexi (@huesofheart) on CodePen.

近期下载者

相关文件


收藏者