互动媒体技术——processing自画像

最新推荐文章于 2022-12-15 18:49:13 发布

原创

最新推荐文章于 2022-12-15 18:49:13 发布 · 2.7k 阅读

23 ·

CC 4.0 BY-SA版权

本文介绍了如何利用Processing编程语言，结合矩形、圆形、三角形等基本形状，通过计算坐标和调整绘制顺序，创建自画像。文章还提到了stroke()、fill()等关键函数在设置颜色上的应用，并探讨了通过鼠标交互来实现动态效果，如点击绘制花朵、移动线条和清空内容的功能。

一、绘制自画像
在这里插入图片描述
1、自画像主要由矩形，圆形、三角形、四边形和直线组成
2、计算自画像各个部位的坐标并且控制不同形状的绘制顺序得到不同的效果
3、主要用到ellipse()、rect()、line()、arc()、quad()、triangle()等函数绘制基本的人物形状，再用stroke()、fill()函数设置自画像的颜色。

二、代码实现

void setup() {
  //初始化窗口大小
  size(600, 500);
  //背景色
  background(34,139,34);
}

void draw() {
  strokeWeight(3);
  //天空
  stroke(0);
  fill(130,200,250);
  ellipse(300,230,400,400);
  //白云，三个圆拼接
  fill(255);
  stroke(255);
  ellipse(200,100,50,50);
  ellipse(180,120,60,60);
  ellipse(220,110,55,55);
  
  ellipse(415,130,50,50);
  ellipse(380,140,60,60);
  ellipse(435,140,55,55);
  
  //人物的绘制
  //头发
  fill(0);
  rectMode(CORNERS);
  rect(200,200,400,275);
  //刘海
  stroke(255,105,180); //轮廓颜色
  fill(0);
  arc(300,200,200,200,radians(180),radians(360));
  
  line(290,170,290,200);
  line(240,175,240,200);
  line(330,170,330,200);
  line(360,