二、Processing 坐标与基本图形

语法介绍：

 size()  函数

size(width,height)   // size函数设置显示窗口尺寸，width -- 宽度;height -- 高度;

 point()  函数

point(x,y);  // 画点函数。 x -- x轴坐标;y -- y轴坐标;除非特别说明，一个像素的大小就是一个点。

line()  函数

line(x1,y1,x2,y2)  //画线段函数。第两个参数定位一个点

triangle()  函数

triangle(x1,y1,x2,y2,x3,y3)  // 绘制三角形函数。每两个参数定位一个点。

quad()  函数

quad(x1,y1,x2,y2,x3,y3,x4,y4)  // 绘制四边形函数。每两个参数定位一个点，适当改变这些参数可以得到长方形，正文形等。

rect()  函数

rect(x,y,width,height)   // 绘制长方形函数。前两个参数定位长方形左上角的位置，后两个是宽度和高度。

ellipse()  函数

ellipse(x,y,width,height)  // 绘制椭圆形。前两个参数设置椭圆圆心的位置;第三个参数设置长轴;第四个参数设置短轴。

bezier()  函数

bezier(x1,y1,cx1,cy1,cx2,cy2,x2,y2)  // 绘制曲线函数。8个参数定位4个点，第1、4个点安瑞克曲线的起始位置，第2、3点决定曲线的形态。
                                     //绘制贝塞尔曲线需要设置锚点和操纵点，首先由锚点确定曲线的起始位置，再由操纵点决定曲线的形态。

background()  函数

background(number);  // 设置显示窗口的背景色。number 背景色取值（0~255）

fill()  函数

fill(number1,number2)  // 设置形状的填充色函数。number1 填充色取值(0 ~ 255)。如果没有填充色，默认255 即白色。number2 透明度控制（0 ~ 255）0为全透明

stroke()  函数

stroke(number1,number2)  //number1 设置形状轮廓（线条笔画）的颜色，默认0 即黑色。number2 透明度控制（0 ~ 255）0为全透明

noFill()  函数

noFill();  // 使得填充色消失

noStroke()  函数

noStroke();  // 使得轮廓线不再被绘制。如果同时使用noFill()和noStroke()，屏幕将不绘制任何东西。 

strokeWeight()  、strokeCap()  、strokeJoin()  

这三个是线条属性函数。
strokeWeight(number)  // 绘制线条的宽度。number -- 数字

strokeCap(ROUND)   // 端点形状，ROUND 则线条为圆形的端点；SQUARE则是方形端点；PROJECT则混合了两者，

                   // 将SQUARE 型端点延伸至线的半径长度。

strokeJoin(BEVEL)  // 设定线段或者图形轮廓连接方式。BEBEL 以方角连接；MITER 默认的点方式连接；ROUND 创建一条曲线。

smooth()  、noSmooth()  

smooth()   // 开启平滑功能（即抗锯齿）
noSmooth()   // 关闭平滑功能（即抗锯齿）

ellipseMode() 、rectMode()   绘图模式

ellipseMode(CENTER)  // 默认参数值为CENTER。RADIUS模式仍然使用前两个参数来设置圆心，
                      但是第三、四个参数代表的是椭圆长半轴和短半轴。CORNER模式使得ellipse()函数的工作与rect()相似，
                      头两个参数设置的是椭圆外切矩形的左上角坐标，而后两个则是该矩形的宽和高（椭圆的长轴和短轴）。