processing 图片大小_processing教程笔记（第一周&第二周）

之前看过官翻版的教程https://www.yuque.com/processing.hub/tutorials，因为缺乏编程和数学基础很快就卡住了。目前在看的这套教程https://www.bilibili.com/video/BV1Zb411K7Uu更适合我也更基础一些，终于有学会processing的可能了呢！！！

为了防止半途而废，把笔记贴上来和大家分享一下，也能督促自己持续学习下去QWQ

懒得在知乎加代码块了，看笔记可以走文档：processing视频教程笔记.note

链接：有道云笔记

第一周

基础，打开画布

void setup() { size(400,400); }

开始绘画

void draw() { background(255,255,255); }

使用点绘制不同的形状（vertex）：

beginShape(); vertex( , ); endShape();

画线

strokeWeight(4);//笔触重量，可以调节线条粗细 line(20,40,200,250);//line(x1,y1,x2,y2);

第二周

变量：变量在processing中显示为橙色

变量只能在同一个大括号内使用！！！或者放在所有大括号外面的前面（这样赋值和使用不在一个大括号内也可以运行）

整数变量与小数变量

int number1=12; float number2=13.1;

字符串变量（需要加引号''）

String name='ldijoi';

字母变量，常用于键盘交互，用单引号

char name='d';

在控制台显示，常用于测试

println(number);

算法的等同简化

x = x + 1; x += 1;//加减乘除全部适用

使用鼠标变量，直接使用即可

mouseX mouseY void mousePressed(){}

键盘交互

void keyPressed(){} key//和mouseXmouseY一样，都是processing内置可读取的参数

if语句（用键盘左右移动物体案例

void keyPressed() { if(key=='a'); { xPosition += 2; } if(key=='d'); { xPosition -= 2; } }

屏幕的高度信息

width

使用if语句重置物体位置

if( xPosition< width ) { xPosition = 0; }

else语句，与if语句对应

void draw() { background( 0,0,0); if( mouseX < width/2) { fill(0,255,0);//set color green } else { fill(255,0,0);//set color red } rect(100,100,200,200); }

加载图片 P和I大写，图片放在速写本—打开程序目录—date文件夹下且在文件名上使用双引号

（如果没有date文件夹，将图片拖到编辑器窗口内讲自动建立date文件夹）

PImage img；//导入图片的命令？最外层 img=loadImage("name.png");//加载具体某张图片，setup内 image(img,0,0);//将图片绘制在画布内，draw内 image(img,0,0,400,400);//指定图片大小为400*400分辨率

曲线bezier（贝塞尔曲线）

bezier(0,0,5,5,30,30,200,200); //首末两个点确定线的起点和终点，中间添置的点控制曲度 //且中间仅能有两个点