Processing基础

processing画图练习:ellipse(),rect(),beginShape(),vertex(),endShape() processing画图练习:ellipse(),rect(),beginShape(),vertex(),endShape() 1.首先在网上找了一张喜欢的图片(侵删),如下: 2.打开PS放入图片,用PS的标尺来精准定位坐标点,想好应该先画哪几个图案和哪一层的图案,用哪个方法画图案,此处用到了eliipse(),rect(),beginShape(),vertex(),endShape() (那个时候还没有学到贝塞尔曲线所以没有用贝塞尔曲线去画云朵,老费眼睛了!!!) 3.话不多说!!!打字打字,拉线 阅读详情

Processing是一门用来生成图片、动画和交互软件的编程语言。如同在画布上创作一样,每一行Processing代码都可以在最终的界面上生成相应的效果。Processing语法简单,使用方便。现在做各种互动装置,对我来说是Processing和Arduino在一起做作业。

一、变量类型

  • 整数int
  • 浮点数float
  • 字符串String

在setup()和draw()之外生成的变量,在setup()和draw()之外生成的变量,在setup()和draw()中都可以进行访问和操作。

二、绘图函数

1、point()函数

使用point()绘制点,需要两个参数,分别为点的x坐标和y坐标

2、line()函数

使用line()绘制线,需要4个参数,分别为起点x坐标、起点y坐标、终点x坐标、终点y坐标

3、rect()函数

使用rect()绘制矩形,需要4个参数,分别为左上角x坐标、左上角y坐标、矩阵宽度、矩阵高度

4、ellipse()函数

使用ellipse()绘制椭圆,需要4个参数,分别为圆心x坐标、圆心y坐标、椭圆宽度、椭圆高度

5、background()函数

使用background()可以将整个画布填充为一种颜色并覆盖已有内容,使用fill()设置当前填充色

6、stroke()函数

使用stroke()设置当前边框色,三个函数都需要提供颜色参数

7、noFill()函数

使用noFill()可以关闭填充和边框,无需提供参数

8、noStroke()函数

使用noStroke()可以关闭填充和边框,无需提供参数

以上绘图函数使用后会始终生效,直到再次设置。

三、运算符、条件判断和循环

1、算术运算符

以下假设变量: x=10,y=20

运算符描述实例
+加 - 两个对象相加x + y 输出结果 30
-减 - 得到负数或是一个数减去另一个数x - y 输出结果 -10
*乘 - 两个数相乘或是返回一个被重复若干次的字符串x * y 输出结果 200
/除 - x除以yy / x 输出结果 2
%取模 - 返回除法的余数y % x 输出结果 0
**幂 - 返回x的y次幂x**y 为10的20次方
//取整除 - 返回商的整数部分(向下取整)y // x 输出结果2

2、比较运算符

以下假设变量: x=10,y=20

运算符描述实例
==等于 - 比较对象是否相等(x == y) 返回 False
!=不等于 - 比较两个对象是否不相等(x != y) 返回 true
>大于 - 返回x是否大于y(x > y) 返回 False
<小于 - 返回x是否小于y。所有比较运算符返回1表示真,返回0表示假。这分别与特殊的变量True和False等价(x < y) 返回 true
>=大于等于 - 返回x是否大于等于y(x >= y) 返回 False
<=小于等于 - 返回x是否小于等于y(x <= y) 返回 true

3、赋值运算符

以下假设变量: m=10,n=20

运算符描述实例
=简单的赋值运算符s = m + n 将 m + n 的运算结果赋值为 s
+=加法赋值运算符s += m 等效于 s = s + m
-=减法赋值运算符s -= m 等效于 s = s - m
*=乘法赋值运算符s *= m 等效于 s = s * m
/=除法赋值运算符s /= m 等效于 s = s / m
%=取模赋值运算符s %= m等效于 s = s % m
**=幂赋值运算符s **= m 等效于 s = s ** m
//=取整除赋值运算符s //= m 等效于 s = s // m

4、位运算符

下表中变量 a 为 60,b 为 13,二进制格式如下:

a = 0011 1100

b = 0000 1101


a&b = 0000 1100

a|b = 0011 1101

a^b = 0011 0001

~a = 1100 0011

运算符描述实例
&按位与运算符:参与运算的两个值,如果两个相应位都为1,则该位的结果为1,否则为0(a & b) 输出结果 12 ,二进制解释: 0000 1100
|按位或运算符:只要对应的二个二进位有一个为1时,结果位就为1。(a |b) 输出结果 61 ,二进制解释: 0011 1101
^按位异或运算符:当两对应的二进位相异时,结果为1(a ^ b) 输出结果 49 ,二进制解释: 0011 0001
~按位取反运算符:对数据的每个二进制位取反,即把1变为0,把0变为1 。~x 类似于 -x-1 (~a ) 输出结果 -61 ,二进制解释: 1100 0011,在一个有符号二进制数的补码形式。
<<左移动运算符:运算数的各二进位全部左移若干位,由 << 右边的数字指定了移动的位数,高位丢弃,低位补0。a << 2 输出结果 240 ,二进制解释: 1111 0000
>>右移动运算符:把">>"左边的运算数的各二进位全部右移若干位,>> 右边的数字指定了移动的位数a >> 2 输出结果 15 ,二进制解释: 0000 1111

5、逻辑运算符

假设变量 a 为 10, b为 20:

运算符逻辑表达式描述实例
andx and y布尔"与" - 如果 x 为 False,x and y 返回 False,否则它返回 y 的计算值。(a and b) 返回 20。
orx or y布尔"或" - 如果 x 是非 0,它返回 x 的计算值,否则它返回 y 的计算值。(a or b) 返回 10。
notnot x布尔"非" - 如果 x 为 True,返回 False 。如果 x 为 False,它返回 True。not(a and b) 返回 False

6、成员运算符

除了以上的一些运算符之外,Processing还支持成员运算符,测试实例中包含了一系列的成员,包括字符串,列表或元组

运算符描述实例
in如果在指定的序列中找到值返回 True,否则返回 Falsex 在 y 序列中 , 如果 x 在 y 序列中返回 True
not in如果在指定的序列中没有找到值返回 True,否则返回 Falsex 不在 y 序列中 , 如果 x 不在 y 序列中返回 True

7、Processing运算符优先级

运算符描述
**指数 (最高优先级)
~ + -按位翻转, 一元加号和减号 (最后两个的方法名为 +@ 和 -@)
* / % //乘,除,取模和取整除
+ -加法减法
>> <<右移,左移运算符
&位 ‘AND’
^ |位运算符
<= < > >=比较运算符
<> == !=等于运算符
= %= /= //= -= += *= **=赋值运算符
is is not身份运算符
in not in成员运算符
not and or逻辑运算符

8、Processing 条件语句

(1)通过一条或多条语句的执行结果(True或者False)来决定执行的代码块
可以通过下图来简单了解条件语句的执行过程:
if

(2)Processing 程序语言指定任何非0和非空(null)值为true,0 或者 null为false。
(3)Processing 编程中 if 语句用于控制程序的执行,基本形式为:

if 判断条件:
    执行语句……
else:
    执行语句……

9、循环控制语句

(1)循环语句允许我们执行一个语句或语句组多次,可以通过下图来简单了解循环控制语句的执行过程:
while

(2)Processing 提供了 for 循环和 while 循环

循环类型描述
while 循环在给定的判断条件为 true 时执行循环体,否则退出循环体
for 循环重复执行语句
嵌套循环你可以在while循环体中嵌套for循环

(3)循环控制语句可以更改语句执行的顺序。Processing支持以下循环控制语句:

控制语句描述
break 语句在语句块执行过程中终止循环,并且跳出整个循环
continue 语句在语句块执行过程中终止当前循环,跳出该次循环,执行下一次循环
pass 语句pass是空语句,是为了保持程序结构的完整性

四、特殊标量

Processing提供了一些非常使用的特殊变量,可用于判断用户行为和进行交互操作

1、mouseX和mouseY

记录鼠标当前位置的x坐标和y坐标

2、pmouseX和pmouseY

记录了上一帧鼠标所在位置的x坐标和y坐标

3、mousePressed

可用于判断鼠标当前是否存在点击行为

4、mouseButton

记录当前帧鼠标被按下的是哪个键

五、总结

Processing是个Java的子集。能处理声音、矢量图、卫图、网络传输、物理计算等,并且不少效果都不错。还可以和硬件链接,可连接前面的功能。

Processing 入门基础【秒懂小白篇】 编程是一个俱乐部的入场券,是一个圈子的投名状。很多人看到这两字都会变成这样子: 我有句很喜欢的英文:The minute you think of giving up, think of the reason why you held on so long。况且我想告诉你的是,Processing作为一门画画的编程语言,真的很简单,一学就会。近年来,它在艺术、交互、动画、数据可视化、视觉设计、原型 阅读详情

相关推荐

【Processing】创意编程零基础学习笔记

最近出于兴趣爱好,在学习Processing创意编程。此篇博客用来记录我学习`Processing`创意编程的`基础知识`,在我学习Processing的过程中,我会持续修改、更新这篇博客。运用Processing写的一些有趣的小项目,会更新在`Procesing`专栏的其他文章中。

hold_on_qlc的博客 2081

Processing简介和环境搭建

Processing 在 2001 年诞生于麻省理工学院(MIT)的媒体实验室,主创者为 Ben Fry 和 Casey Reas,项目发起的初衷,本是为了满足他们自身的教学和学习需要。后来,当Casey在意大利的伊夫雷亚交互设计学院(Interaction Design Institute Ivrea)进行教学的时候,基于Processing,衍生出了Wiring和Arduino项目。随着时间的...

赶路人儿 3万+

2.3 Python模式Processing编程入门

2.3 pyprocessing入门 基本程序结构 def setup(): pass def draw(): pass 所有程序的基础结构(不要试图抛弃这两个函数而构建processing程序) 这两个函数和普通函数相比有很多特殊性 在空缺中填入自己的语句(注意缩进) setup将会被开始时执行一次,然后循环不断地多次执行draw内的内容 通过将print放在程序框架的不同位置,就会有不同的输出: def setup(): print("setup") def draw():

m0_38140262的博客 5250

Python位运算符

Python位运算符 按位运算符是把数字看作二进制来进行计算的。Python中的按位运算法则如下: 下表中变量 a 为 60,b 为 13,二进制格式如下: a = 0011 1100 b = 0000 1101 ----------------- a&b = 0000 1100 a|b = 0011 1101 a^b = 0011 0001 ~a = 1100 0011 运算符 描述 实例 & 按位与运算符:参与运算的两个值,如果两个相应位都为1,则该位的结

张小猪的家 689

Processing介绍及几个python模式下的案例

一. Processing介绍 Processing 是一门开源编程语言和与之配套的集成开发环境(IDE)的名称。Processing 在电子艺术和视觉设计社区被用来教授编程基础,并运用于大量的新媒体和互动艺术作品中。 Processing 最开始的时候只是一门编程语言,因为发展势头好,在2012年的时候成立了Processing 基金会,开始横向拓展其他项目,比如p5.js, Processing的 R 模式等等。 Processing 可以用三个标签来总结:编程,视觉,易学。 简单来说,就是通过写代码来

数据知道的博客 3万+

Win10安全模式下修改C盘权限的完整指南(附解决开始菜单失灵方案)

本文提供了一份在Win10安全模式下修复因C盘权限误改导致开始菜单失灵的完整指南。文章深入剖析了权限体系,特别是TrustedInstaller角色的重要性,并详细讲解了通过安全模式进入系统、使用ICACLS命令或图形界面精准重置C盘关键目录权限的步骤,最终恢复系统核心功能。

weixin_29250403的博客 234

processing像素画教程

processing像素画教程 前提:各位已经按照了processing 第一步:创建一个简单的网格 我们首先创建一个网格来定义我们作品的像素画布。网格将帮助您在适当的位置绘制每个像素。 这个width是内置的变量,height也是内置变量,一般和你 size(400, 400);就是上面你设置的400,400 cols = width / gridSize; 代表的是多少列个方格,rows = height / gridSize; 代表的是多少行个方格 咱们使用 rect()函数,咱们可以查看官网,

nanshaws的博客 1766

Rockchip平台Android相机HAL3开发实战:从配置到调试全流程解析

本文深入解析了Rockchip平台Android相机HAL3的开发全流程。从理解AAL与PSL核心架构、解析关键配置文件(如camera3_profiles.xml和Tuning文件),到搭建编译环境、进行增量部署,并提供了系统日志分析、V4L2调试等高级问题排查技巧,为开发者提供了一套从配置到调试的实战指南。

docker7nomad的博客 844

【processing自学】1.2.基本颜色

【processing自学】1.2.基本颜色

liaowang010的博客 1012

android HTTPS未校验服务器证书漏洞修复

上述代码是重写了域名校验的逻辑,每个证书里携带的域名是不可更改的,如果证书是合法的证书签发机构签发的,并且域名是和你要请求的域名对的上的,基本上就能确认你访问就服务器地址就是要访问的服务器地址,这样才是安全的。上述代码就是重新了证书校验的逻辑,信任所有的证书,正确的逻辑是要校验证书是否是可信任的证书签发机构所认证的,如果不校验的话你虽然是用了https加密传输,只要你的客户端用户信任了其他的证书哪怕是非法的证书,一样能够请求通过,而这个证书的服务器就可以解密你的报文,拿到你的隐私信息了。

kyzycyey的专栏 2623

避坑指南:英飞凌TC3XX的MCMCAN初始化常见错误及解决方法

本文针对英飞凌TC3XX系列MCU的MCMCAN模块初始化难题,深入剖析了寄存器配置时序、总线监控模式误用、中断映射错误及Message RAM地址冲突四大常见陷阱。通过实战代码示例和诊断流程,提供了清晰的避坑指南和解决方案,帮助嵌入式开发者高效解决CAN FD通信故障,确保汽车电子与工业控制项目的稳定运行。

weixin_29193259的博客 246

Processing 高效控制管理图形方法(一)

介绍一下Processing控制图形的类游戏物件(gameobject的transform节点)的方法。【借Unity里的Transform component的概念进行类比学习】      大家熟悉Unity游戏引擎控制gameobject的transform节点,有三大属性可被控制,如图:      分别是Position,Rotation和Scale。(位置(偏移量),旋转值和缩

SHARP EYE 5552

AURIX-TC3xx-GTM详解六-DPLL(Digital PLL Module)-寄存器1-DPLL寄存器

主要有下图这些寄存器2、

m0_69929716的博客 442

Processing从零学Day_1

Processing是大小写敏感的语言 -fill() fill()包括几个重载函数 fill(150)—用灰度值位150的灰度填充 fill(150,0,0)—用RGB为(150,0,0)的颜色填充 fill(150,0,0,150)用RGB为(150,0,0),透明度为150的颜色填充,0表示完全透明,255表示完全不透明 -r

S_20124265的博客 1179

新手避坑指南:用SARScape 5.6.2处理Sentinel-1数据做SBAS-InSAR,这些参数设置错了白忙活

本文详细介绍了使用SARScape 5.6.2处理Sentinel-1数据做SBAS-InSAR时的关键参数设置技巧,帮助新手避免常见错误。重点解析了连接图生成、干涉工作流、DEM处理等环节的12个关键参数,包括Max Normal Baseline、Unwrapping Coherence Threshold等,提供实测安全值范围和优化建议,确保处理效率和结果准确性。

weixin_30694389的博客 558

一点击打印电脑就卡死?资源管理器停止工作的解决方法

Windows11共享的HP1022n打印机导致客户端打印时资源管理器崩溃卡死,电脑停止工作。

gary18的专栏 590

Processing基础---绘制基本图形、颜色

一,绘制图形的三种方法: 基本图形:rect()--矩形,ellipse()--圆形,point()--点,triangle()--三角形等等;--其他图形可查阅processingAPI 1,矩形绘制方法一: 矩形由左上角点的坐标、矩形的宽度值、以及矩形的高度值三者确定: 代码: void setup(){ size(300,300); } void d...

木子木木的专栏 1万+

C#【通用方法】字节数组添加、移除、获取的方法类(妙用List<byte>,开发中常用)

C#【通用方法】添加移除字节的方法类(妙用List,开发中常用)

星Yeah 的博客 3360

Processing从零学Day_03

-3D绘图     Processing中的rect(),line(),ellipse()并没有接受三个坐标值的重载。所以利用translate()函数来绘制。     translate()函数可以接受两个或者三个参数,其作用是移动原点,例如translate(50,50);将原点从窗口的左上角移动到了原来的(50,50)坐标,窗口左上角变为(-50,-50)。     注意:transla

S_20124265的博客 1421

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

【processing笔记】

** processing 官网链接 ** void setup() { } void draw() { } setup 是放置启动这个程序时用到的代码 draw是需要持续运行的代码 运行后出现的窗口默认是100X100像素 void setup() { size(800,600); } void draw() { } size(a,b);内输入两个数值代表像素...

wangpuqing1997的博客 5093

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

数字艺术语言processing初步

Processing是专门用于艺术设计的编程语言,可以实现非常炫酷的图形和功能,比如下面这张联合国用的图就是用Processing编写的,本文简要介绍以下Processing,并列出其二维对象。

微小冷的学习笔记 2232

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

《交互式程序设计 第2版》一3.4 Processing绘图基础

本节书摘来华章计算机《交互式程序设计 第2版》一书中的第3章 ,第3.4节,Joshua Noble 著 毛顺兵 张婷婷 陈宇 沈鑫 任灿江 译更多章节内容可以访问云栖社区“华章计算机”公众号查看。 3.4 Processing绘图基础 因为Processing是为艺术家提供的工具,所以它简化了很多任务,其中最重要的一个任务是绘图。第8章和第9章会介绍利...

weixin_34080903的博客 332

Processing快速使用

----processing的代码编写流程主要包括2部分,setup()和draw(),等同于Start()和Update()。setup用于设置程序的属性,如画布的大小、背景色、要导入的图片、字体等。draw用于循环执行绘图指令,如点、线、圆、图片等等。代码区分大小写,所有语句以分号";"结尾。-----变量类型:-----系统变量mouseX,mouseY和pmouseX,pmouseY分别表示鼠标当前位置和上一帧的位置。其它的算术运算符,关系操作符,逻辑操作符,条件判断都跟C#中一致。

qq_34256136的博客 3924

【processing】小代码

今天无意间发现的processing 很有兴趣 实现很简洁 void setup(){ } void draw(){ background(255); if(mouseX &lt; width/2 &amp;&amp; mouseY &gt; height/2) { fill(0); rect(0,height/2,width/2,height/...

weixin_34185560的博客 1336

Processing 学习笔记

setup &amp;amp; draw void setup(); void draw(); setup 函数只在程序开始时运行一次。 draw 函数为循环执行的绘图函数。 坐标系 Processing 中坐标系以左上角为原点,向右为 X 轴正方向,向下为 Y 轴正方向。 所用单位长度通常为 1 像素。 通常只在 setup 函数中使用的函数 void size(width,...

Zhaosiyii的博客 1463
上一篇: 初识数据可视化工具D3
下一篇: 用Processing实现北京地铁的一天动态可视化
极客范儿
极客范儿 新星创作者: 游戏开发技术领域 新星创作者: 游戏开发技术领域 领域专家: 人工智能技术领域 领域专家: 人工智能技术领域
博客等级 码龄12年 1万+粉丝 343原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极客范儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值