官方参考文档:https://processing.org/reference
官网视频:https://www.youtube.com/user/shiffman/playlists?view=50&sort=dd&shelf_id=2
b站up主转载官方视频:https://www.bilibili.com/video/BV147411d7kY?p=1&vd_source=07ce5c26368c5dbcc23bbf1d2dcaef0c
🔴processing笔记
-
- 1.1 Drawing with Pixels
- 1.2How to use Processing
- 1.3_RGB Color ·
- 1.4_Flow (setup and draw)
- 1.5 Built-in Variables
- 1.6 Events
- 1.7 Variables
- 1.8 Incrementing a Variable (递增一个变量)
- 1.9 Using random() - Processing Tutorial
- 2.0 Using println()
- 2.1 Boolean Expressions
- 2.2 lf Else lf Else
- 2.3 Logical Operators AND,OR
- 2.4 Boolean Variables
- 2.5 The Bouncing Ball
- 2.6 While Loop
- 2.7Two Loops_Grid Exercise
- 2.8For Loop
- 2.9Variable Scope
- 3.0 Loop vs. Draw
- 3.1Nested Loops
- 3.2Introduction to Functions and Objet
- 3.3Functions Basics
- 3.4Modularity with Functions
- 3.5Reusability with Functions
- 3.6 What is Object
- 3.7Defining a Class Part
- 3.8Constructor Arguments
1.1 Drawing with Pixels
画布方向:(坐标系)
如何画一条线: 两点确定一条直线
line(100,50,600,250); 一点到另一点
相同类型:rect(矩形)、ellipse(圆)、line(线)、point(点)
1.2How to use Processing
Size 是画布,设置画布的大小,在画布上画线用line(两点确定一条直线)
矩形的参数:
1.3_RGB Color ·
Stroke - 边缘
fill - 内部
顺序:先拿颜色如stroke中间参数是RGB,再填充(fill)最后画形状(rect)
eg:
颜色rgb(red, green blue); 每个值都是0-255的范围,全0为黑,全255为白
如果三个值是一样的那么只需要写一个值例如:fill(0);
颜色如果有四个参数:rgb(red, green blue,alpha);
alpha值255完全不透明, 0 完全透明,127 50%透明
Background(r,g,b);设置背颜色;注意先后顺序,要是最后设背景就剩下背景了
colormode()
例如:
1.4_Flow (setup and draw)
Block of code
{
….
}
什么发生在一开始setup(只做一次),什么发生在发循环draw(多次绘制的图像)