Getting started with Processing 第七章总结
媒体
如何将文件导入 Processing 中
在 Processing 中,程序是通过应用 data 文件夹中的文件来显示的,这个文件夹可以通过菜单栏中的 Sketch>show sketch folder(command+K),来显示,可以通过两个办法添加文件:
- 打卡data文件夹,向其中添加文件
- 直接将文件拖拽到对话框的范围内
媒体的类型和导入的方式
图像
一张图像绘制到屏幕上需要四个步骤:
- 首先将图像添加到 data 文件夹中
- 然后创建 PImage 变量来存储图像
- 使用 loadimage()将图像夹在到变量,
- 最后用 image()函数加载图像
代码如下:
PImage img
void setup(){
size(480,120);
img=loadImage("lunar.jpg");
}
void draw(){
image(img,0,0,480,120);
}
image() 函数有五个参数,第一个参数是图像变量名,第二个和第三个用于确定图像的位置,第四个和第五个用于确定图像的长和宽。
Processing 支持三种类型的图像文件,它们分别是 png,gif 和 jpeg 格式。对于 png 和 gif 而言,它们都具有 alpha 通道,png 不仅仅能够将更多的颜色来设置透明度,而且透明度的通道深度为 8,而gif 的通道深度为1, png 的图像更加有层次感。
字体
加载字体的操作有6个步骤:
- 将字体添加到 data 文件夹中
- 创建一个 PFont 变量用于储存字体。
- 使用 createFont() 函数将字体读取给变量。
- 使用 textFont() 函数设置为当前字体。
- 用 text() 函数来进行显示文字。
代码如下:
Pfont font;
void setup(){
soze(480,120);
font = createFont(".....ttf",32);
textFont(font);
}
void draw(){
background(102);
textSize(32);
text("....",25,69,240,100);
}
可以通过 textSize() 函数来设置 text 的尺寸,text() 函数用于显示相应的内容,其中的第一个参数是显示的字符串,第二个和第三个用于控制其显示的位置,第四个和第五个可将文字显示在一个特定大小的文本框内。
这里需要注意的是,第三个和第四个参数是通过设置文本的基线左下角的位置来设置其位置的。
图形
用于将一个图形显示在屏幕上,需要四个步骤:
- 首先将 SVG 格式的图形文件储存在 data 文件夹中
- 创建一个 PShape 格式的变量
- 然后通过 loadShape() 函数将这个图形储存在这个变量中
- 最后,通过 shape() 函数来显示在屏幕上
代码如下:
PShape network;
void setup(){
size(480,120);
network=loadShape("...");
}
void draw(){
background(0);
shape(network,30,10,280,280);
}
这里的 shape() 函数第一个参数为形状的变量名,第二个和第三个参数为相应的位置,第四个和第五个参数用于设置相应的形状的大小。
createShape() 函数
同时,Processing 也支持将在 Processing 中所画的图形设置为一个 PShape 类型的变量。
代码为:
PShape dino;
void setup(){
dino=createShape();
然后后面是这个形状的参数
}
void shape(){
shape(dino,0,0,280,120);
}