码绘动态创意自画像

自画像"/>

码绘动态创意自画像

码绘动态创意自画像

• • 使用的基本知识
  • 实现代码
  • 代码结果

使用的基本知识

random(a,b)\随机生成a,b间的数字
ellipse(m,n,a,b);\以m,n为圆心生成长a宽b的椭圆
stroke();\图形边缘线的颜色;
fill();\填充颜色
line(a1,b1,a2,b2);\生成a1,b1至a2,b2的直线
mousePressed();\鼠标按下响应
mouseReleased();\鼠标放开响应
mouseX\获取鼠标所在X坐标
mouseY\获取鼠标所在Y坐标

实现代码

var showRect;
function setup() {createCanvas(600, 600);background(256);
}function draw() {var a=random(20,250);var b=random(20,250);var c=random(20,250);if(showRect){stroke(a,b,c);strokeWeight(3);fill(256);ellipse(mouseX,mouseY,130,90);line(mouseX-10,mouseY,mouseX+10,mouseY);line(mouseX-51,mouseY+10,mouseX-11,mouseY+10);line(mouseX-11,mouseY-10,mouseX-11,mouseY+10);line(mouseX-51,mouseY-10,mouseX-51,mouseY+10);line(mouseX+51,mouseY+10,mouseX+11,mouseY+10);line(mouseX+10,mouseY+10,mouseX+10,mouseY-10);line(mouseX+51,mouseY-10,mouseX+51,mouseY+10);line(mouseX-40,mouseY-25,mouseX-15,mouseY-30);line(mouseX+40,mouseY-25,mouseX+15,mouseY-30);line(mouseX+40,mouseY-30,mouseX+59,mouseY-31);line(mouseX+59,mouseY-31,mouseX+44,mouseY-15);line(mouseX+44,mouseY-15,mouseX+65,mouseY-16);line(mouseX+65,mouseY-16,mouseX+67,mouseY-20);fill(a,b,c);ellipse(mouseX-24,mouseY-4,9,9);ellipse(mouseX+30,mouseY-4,9,9);}
}
function mousePressed(){showRect=true;
}
function mouseReleased(){showRect=false;
}

代码结果