p5js码绘自画像

最新推荐文章于 2024-07-17 16:03:18 发布

lukamagic

最新推荐文章于 2024-07-17 16:03:18 发布

阅读量666

点赞数

本文链接：https://blog.csdn.net/gomavsjy/article/details/102885179

版权

这篇博客展示了作者如何使用p5js库创作一个互动的创意自画像，模仿DC小丑的形象，其中小丑的眼睛会跟随鼠标移动。作者通过代码实现这一效果，并强调了掌握p5js绘图函数的重要性。

摘要由CSDN通过智能技术生成

互动媒体作业2-创意自画像

很喜欢DC小丑的形象，于是试着画了一幅小丑妆容的自画像。
效果如下：

可以看到小丑的眼睛会看向鼠标位置的方向。
代码如下

 fill(205,170,125);//肉色
 
  


  
  
  fill(255,250,225);//头
  circle(250,170,140);
  rect(250,130,140,90,40);
  
  fill(205,170,125);//耳朵
  triangle(183,142,171,146,181,164);
  triangle(317,137,329,146,319,164);
  


 
  
    fill(34 ,139, 34);//发型
	arc(250, 105, 140, 100, PI, PI*2 ,OPEN);
    circle(190,85,30);
    c