使用p5.js创意编程

前言

第二份作业的要求是具象化地描绘自己的形象,也可以是任何形式表现自己的兴趣、追求、特色、经历等。在构思时某崩X3游戏出了新角色耗费了我大量的资源去抽取,突然就有了将这件事画下来的想法。

实验结果

使用p5.js创意编程

其他部分的绘制大同小异,基本都是使用了bezierVertex()绘制曲线和fill()进行填充。

动态和交互

背景水晶

背景绘制了随着时间移动的水晶,代码如下

随着鼠标移动的蝴蝶

蝴蝶会随着鼠标移动,使用了mouseX和mouseY的变量

beginShape();vertex(mouseX,mouseY);bezierVertex(mouseX,mouseY, mouseX-6,mouseY-21, mouseX-25,mouseY-19);  bezierVertex(mouseX-25,mouseY-19, mouseX-27,mouseY+11, mouseX-10,mouseY+10);  bezierVertex(mouseX-10,mouseY+10, mouseX-19,mouseY+14, mouseX-14,mouseY+25);  bezierVertex(mouseX-14,mouseY+25, mouseX-6,mouseY+27, mouseX-1,mouseY+18)来源:预见的遇见
                                                        

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年9月26日
下一篇 2019年9月26日

相关推荐