Processing 用图片填充形状

首先说一下Processing，这是一款针对艺术家或者从事多媒体行业的人，本身对编程不是特别熟练的人。

这是官网：你可以免费下载他们的软件，同时还有很多库可以使用
https://processing.org/download/?processing
因为做互动需要，所以用到Processing+kinect来做互动。但是我发现给的例子都是创建的圆形、方框、三角什么的，而做互动肯定是需要客户的一些logo、UI等还需要添加碰撞进行消息响应。

废话不多说，上代码

float x1, y1 ;
float x2 , y2 ;
PImage staticImg;

void setup(){
size (300,300, P2D);
x1 = 50;
y1 = 50;
x2 = 250;
y2 = 250;
staticImg = loadImage("4.png");
}
void draw(){
beginShape();
texture(staticImg);
vertex(x1, y1,   0,   0);
vertex(x2, y1, 100,   0);
vertex(x2, y2, 100, 100);
vertex(x1, y2,   0, 100);
endShape(CLOSE);
}

代码很简单：

每一个Processing基本都包含 void setup()、void draw()这两个函数，一个是初始化，一个是在每帧调用，处理屏幕显示问题，

当然，Processing可不仅仅包含这两个函数，其中还有关于鼠标的函数mousepress、屏幕长宽的定义width、height等等，这个我也在学习

有需要的话就去他们官网上去查

在这次的demo中关键点在于

beginShape();

..........

vertex();

endShape();

在这里面画出你需要的点

如果你熟悉OpenGL的话，那么就发现他们很像。

代码很简单，想要什么效果，就自己调吧