初识 Processing

看公开课时接触到Processing,因而花了些时间把官方的文字教学看了遍,发现挺有趣。这里做一个初学总结。windows


官方教程:Processing Tutorials
当前最新版本3.3.6,下载解压后运行processing.exe就能够直接编写程序。api

基本结构

void setup(){
    //只运行一次,负责初始化
}

void draw(){
    //反复运行,用于处理动画
}

坐标系

原点(0,0)默认在左上角
图片描述函数

有两个方法能够改变坐标系:动画

改变原点位置

//原点向右移动x像素,远点位置向下移动y像素。生效后的(0,0)是以前的(x,y)
translate(x, y);

坐标系旋转

//坐标系旋转45度
rotate(radians(45));

旋转示意图:
图片描述spa

旋转角度的说明(x轴正方向默认于3点钟方向):
图片描述code

对于坐标系的补充

translate()和rotate()以后,坐标系打乱,能够用一对方法(S/L打法)恢复。
(ps:每次draw()执行都会重置坐标系)视频

//压入(存档)
pushMatrix();

...//各类translate()和rotate()

//弹出(读档),坐标系恢复
popMatrix();

PShape

Processing提供了line()、rect()等函数生成基础图形。
一些复杂的组合图形,能够经过PShape组合生成。教程

PShape s = createShape();
s.beginShape();
//...各类图形定义
s.endShape(CLOSE);

shape(s);//显示图形

PGraphic

与PShape相似,区别在于:PGraphic能够定义背景色,且内部自带坐标系,减小了坐标转换的麻烦。图片

PGraphics g = createGraphics(width, height);//初始化长为width高为height的Graphic
g.beginDraw();
g.background(color);//定义背景色
//...定义其余形状
g.endDraw();

image(g, x, y);//于(x,y)显示Graphic

后记:
先写这么多。其实笔记作了很多,但基础的知识永远比api重要。
官方教程的最后几篇很详细地介绍了视频、音频等我未掌握的知识,因精力有限,只能之后再补。ip

相关文章
相关标签/搜索