常用函数:
- size(640, 320); // `表示设置一个大小为宽640px,高为320px的画布
- textSize(48); // 设置字号大小
- fill(map(sin(deg), -1, 1, 0, 255));//设置(文字的)填充色
- text("HELLO WORLD", 75, 120);//绘制文字,文字左下角坐标为(75,120)
- line(1, 0, 4, 5); // `表示画一条从(1, 0)点出发到(4, 5)点结束的直线
- point(4, 5); // `表示画一个位置在(4, 5)的点
- rect(2, 3, 4, 5); // `表示画一个左上角在(2,3)位置,宽度为4px,高度为5px的矩形
- ellipse(3, 3, 4, 4); // `表示画一个圆外轮廓左上角在(3,3)位置,宽直径为4px,高直径为4px的椭 圆
- triangle(1,1,2,2,3,3); // `表示画一个三个顶点分别为(1,1),(2,2),(3,3)的三角形
- arc(x,y,width,height,start,stop) ; // `绘制弧形 后面是弧的起始和结束的弧度 一般用 radians(x)、PI—— “PI表示180°” 来表示。
- quad(1, 1, 2, 2, 3, 3, 4, 4); // `表示画一个顶点分别为(1,1),(2,2),(3,3),(4,4) 的四边形
- //表示画一个六个顶点的多边形
- beginShape();//开始绘制
- vertex(50, 50);//给定多边形顶点 顶点一
- vertex(450, 140);//顶点二
- vertex(850, 50);//顶点三
- vertex(850, 250);//顶点四
- vertex(450, 160);//顶点五
- vertex(50, 250);//顶点六
- endShape(CLOSE);//结束绘制,加“CLOSE”表示曲线闭合
- bezier(x1,y1,cx1,cy1,cx2,cy2,x2,y2); // `绘制贝塞尔曲线 x1,y1,x2,y2为曲线起点终点坐标, cx1,cy1,cx2,cy2两个辅助点坐标
- rectMode(CENTER); // `表示改变方形绘制方式,以中心点方式绘制,即前两个代码数值变为方形中心点
- rectMode(CORNER); // `以左上角方式绘制,即前两个代码数值变为方形左上角起始点,此模式为默认模式
- eliipseMode(CENTER);/ - ellipseMode(CORNER);
形状属性设置:
strokeWeight(pixel);//图形的边框粗细
stroke(r, g, b, alpha);//边框颜色 0-255表示
noStroke();//隐藏边框
strokeCap(ROUND);//设置描边端点样式,有ROUND(圆角)/SQUARE(矩形)/PROJECT(扩展)三种,默认为ROUND
stokeJoin(MITER);//设置描边转角样式,有MITER(斜接)/ROUND(圆角)/BEVEL(斜切)三种,默认为MITER