用P5.js绘制一个看着鼠标的章鱼哥

最新推荐文章于 2024-05-10 06:31:38 发布

拒绝正常

最新推荐文章于 2024-05-10 06:31:38 发布

阅读量902

点赞数 1

分类专栏： p5.js 文章标签： p5.js

本文链接：https://blog.csdn.net/qq_39430008/article/details/102881747

版权

本文利用P5.js库，详细介绍了如何创建一个跟随鼠标移动的章鱼哥形象，包括其组成部分的绘制，如头、脸、嘴、眼睛和眼珠等，并提供了相关代码实现。

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

用P5.js绘制一个看着鼠标的章鱼哥

用P5.js绘制一个看着鼠标的章鱼哥。

章鱼哥组成

头为椭圆
脸为方块
嘴为用椭圆遮住大半部分的圆，再由圆装饰
眼为椭圆
眼珠为方块
皱纹为半椭圆

代码

function setup() {
   
  createCanvas(400, 400);
}

function draw() {
   
  background(103,204,212);
  
  //x，y用来移动眼珠
  x=(mouseX-200)/40;
  y=(mouseY-200)/40;
  
  //脸
  fill(173,217,202)
  noStroke();
  ellipse(200,150,150,100);
  rect(170,165,60,80);
  ellipse(200,290,150,150);
  
  //遮挡
  fill(103,204,212);
  noStroke();
  ellipse(200