processing动态海报
时间: 2023-11-18 18:07:13 浏览: 238
poster-p5:通过p5.js使用Processing,这是有史以来最酷的世代海报
Processing是一款适用于艺术家、设计师、程序员等人群的开源编程语言和集成开发环境。使用Processing可以创作出各种各样的动态海报。
下面是一个简单的Processing动态海报制作示例:
1.在Processing中创建一个新的sketch。
2.使用setup()函数设置画布大小和背景颜色。
3.使用draw()函数创建一些基本的形状和图案,并使它们运动。
4.使用text()函数添加一些文字元素。
5.使用saveFrame()函数将动态海报保存为一个GIF文件。
以下是一个示例代码:
```
int numShapes = 50;
float[] xPos = new float[numShapes];
float[] yPos = new float[numShapes];
float[] xSpeed = new float[numShapes];
float[] ySpeed = new float[numShapes];
float[] diam = new float[numShapes];
color[] colors = new color[numShapes];
void setup() {
size(600, 600);
background(0);
for (int i = 0; i < numShapes; i++) {
xPos[i] = random(width);
yPos[i] = random(height);
xSpeed[i] = random(-2, 2);
ySpeed[i] = random(-2, 2);
diam[i] = random(10, 50);
colors[i] = color(random(255), random(255), random(255), 100);
}
}
void draw() {
background(0);
for (int i = 0; i < numShapes; i++) {
fill(colors[i]);
ellipse(xPos[i], yPos[i], diam[i], diam[i]);
xPos[i] += xSpeed[i];
yPos[i] += ySpeed[i];
if (xPos[i] > width || xPos[i] < 0) {
xSpeed[i] *= -1;
}
if (yPos[i] > height || yPos[i] < 0) {
ySpeed[i] *= -1;
}
}
fill(255);
textSize(60);
textAlign(CENTER, CENTER);
text("Dynamic Poster", width/2, height/2);
saveFrame("poster.gif");
}
```
这个示例代码使用了随机运动的圆形,并在中央添加了一个“Dynamic Poster”的文字元素。将代码运行后,Processing会不断生成新的动态海报帧,并将其保存为一个GIF文件。你可以通过调整代码中的参数和添加更多的元素来创造出自己的动态海报。
阅读全文