Processing从学习笔记初识processing

Processing从零学 笔记

L1 Processing的第一次使用

P1 初识环境

Processing是一种开源编程语言，专门为电子艺术和视觉交互设计而创建，其目的是通过可视化的方式辅助编程教学，并在此基础之上表达数字创意。

 也有人说Processing是为画家设计的编程软件

 首先一起来看一下Processing的界面，是不是感觉有点眼熟，dei他和Arduino IDE的界面非常的相似。

而且在编程方面也有相似之处！

void setup()
{
}
void draw()
{
}

 是不是感觉像孪生兄弟。

P2 绘制第一个图形

 processing提供了基础图形的函数作为默认函数，比如 点、线、椭圆、矩形等。

 首先我们使用 椭圆 ellipse函数绘制一个圆。

ellipse(50,50,100,100);//ellipse(圆心X,圆心Y,宽度,高度)

图1-2 圆

还有一些其他图形的函数，请自行尝试吧

line(10,10,20,20);//直线(点1X,点1Y,点2X,点2Y)
rect(100,100,50,50);//方形(右上角点X,右上角点Y,长,宽)
point(10,10);//点(X,Y)

P3 绘制一个动画

之前提到Processing的文本编辑框内有两个和Arduino IDE相似的默认的函数setup();和draw(); 。前者的内容只执行一次，后者内容会被循环执行。

 示例：绘制一个圆，设置圆的变量是一个逐渐增大的值，画板中呈现出的效果就是一个圆在逐渐变大。

int r=0;
void draw()
{
	ellipse(50,50,r++,r++);
	//绘制了椭圆，圆心为(50,50)，高度与宽度相同为r++，
	//draw()函数是循环执行的所以，半径r越来越大。
}

可以尝试其他形状的效果

P4 第一次交互

通过调用鼠标数据绘制直线，可以移动鼠标实现交互。

void draw()
{
	line(0,0,mouseX,mouseY);
	//background(255);//背景函数。值的范围是0~255，即“黑~白”
}

mouseX与mouseY是两个系统变量，即鼠标的坐标位置。

图1-4 绘制交互直线

  在绘画过程中，不消除原有绘画留下的痕迹。如上图。

 如果想要消除原有的绘画痕迹，需要每次载入一个空白页面。需取消代码中background();函数前的“//”。

以上是一些入门的基础操作，希望读者可以多上机编程操作，多敲码、多测试、多百度！！！

后言

 要说初识Processing，已经不算是第一次用了，在上大学期间，可爱的老师@happyjoey217就有推荐过，当时老师是用Processing和Arduino互动，制作了一个使用电位器控制的“弹球拆墙游戏”。当时觉得非常的高级，然后跟着老师的笔记敲代码、调试，课时没成功然后就搁置啦😭。之后也有过要用Processing制作一个“示波器”的想法，还是搁置了😭😭。希望这次能完成愿望吧！！！

 今天在翻阅读器的时候找到了一本Processing的书，所以在空闲的时候重新总结一下，“据说很容易上手”。

感谢阅读

作者QQ：2489055370，如有错误还请及时指出，感谢🤪
欢迎大神指教与同学的提问（提问这篇的内容或者更简单的可以 [笑哭] ）