processing入门(1)----简单图像绘制

原创 已于 2024-01-11 17:51:37 修改 · 1.8k 阅读 · 15 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#python #开发语言

于 2024-01-10 18:38:46 首次发布
这篇文章分享了P5.js语言的学习笔记，包括基本图形绘制函数如矩形、圆形和线条，以及setup()和draw()函数的使用。通过实例展示了如何在不同条件下改变背景、线条和文本。

一、学习笔记

我整理了一份学习笔记，如下

https://zhuanlan.zhihu.com/p/79623053

https://zhuanlan.zhihu.com/p/78756118

二、下载地址

https://pan.baidu.com/s/1QNKI-n3Qc0YnmwNfS2NWNA?pwd=proc%E2%80%8B

密码:processing 

二、图形绘制

size(大小)
rect(x,y,高度，宽度)    //矩形
ellipse(x,y,高度，宽度) //圆形
line(x,y,x,y)                  //线
background(背景色)    //背景
fill(填充颜色)
mouseX mouseY        //变量，鼠标坐标
def draw()

最低0.47元/天 解锁文章
tcw_py
关注
Processing —— 简易绘画系统
qq_40779137的博客
12-30 4163
前言 这个系统主要目的是实现更具艺术效果的绘画系统。与传统绘画系统相比增添了更加便利的艺术笔刷。 这次项目首次使用Processing的Java框架编写，和P5.js有一定区别。 Java学的太过久远，记忆都有点模糊了，因此有很多不熟悉的地方，编写起来有些磕磕绊绊。两者之间的转换有参考资料。 绘画系统框架 程序主界面 之所以这么丑是因为时间紧迫，我直接用的官网给的GUI中的Button例子改写...
Processing 基本函数绘制图形
热门推荐
升卿
07-29 1万+
夏洛：马冬梅上课老嗑瓜子，影响我成绩。 老师：就你这成绩还能受影响？你的成绩还有下降空间吗？ ——《夏洛特烦恼》一幅绘画作品能够透射出画者的内心世界,展示画者的心情、心绪、心意、心迹、心性。绘画的本身就是画者倾诉情感的一种方式。绘画是通过线条、色彩等形象来传达出画者的情感,也能让其他人体验到这种情感。点、线、面是平面艺术造型中的三种基本形态，这三种形态各有不同的视觉效果和艺术表现力。我喜欢画点，
Processing基础---绘制基本图形、颜色
木子木木的专栏
09-07 1万+
一，绘制图形的三种方法： 基本图形：rect()--矩形，ellipse()--圆形，point()--点，triangle()--三角形等等；--其他图形可查阅processingAPI 1，矩形绘制方法一： 矩形由左上角点的坐标、矩形的宽度值、以及矩形的高度值三者确定： 代码： void setup(){ size(300,300); } void d...
Processing基础之绘画
diancha6978的博客
10-05 1090
图形 //在(x, y)绘制点 point(x, y); //(x1, y1)到(x2, y2)的一条线 line(x1, y1, x2, y2); rect(x, y, weight, height); //Constant有三个值: //默认CORNER:rect(左上x, 左上y, 宽, 高) //CENTER:rec...
Processing 004 绘制基本图形
weixin_37253733的博客
05-25 631
在指定位置绘制矩形，processing 左上角为坐标原点(0, 0), x 轴朝右 y 轴线向下， 50 50 是左上角坐标， 150 150 是宽和高。绘制封闭图形除了画笔颜色之外还有填充颜色，画笔颜色默认为黑色、填充颜色默认为白色，stroke可以设置画笔颜色，fill可以设置填充颜色。设置的效果在设置后所有的图形都有效，如果想改变颜色，在绘制每一个图形之前都设置一下。stroke 可以设置颜色，除了用之前介绍的方式外，也可以用 16进制表示法。用 strokeWeight 可以设置画笔粗细。
processing-3.5.4-linux64.tgz
08-04
3. **2D和3D图形**：Processing支持创建丰富的2D和3D图形，通过简单的API调用即可绘制线条、形状、文本和图像，以及创建复杂的几何模型。 4. **动画和帧率控制**：内置的动画框架使得开发者可以轻松地创建时间相关...
processing-3.5.4-macosx.zip
05-28
为了充分利用Processing，你需要学习基本的编程概念，如变量、条件语句、循环、函数等，以及Processing特有的图形绘制命令，如`rect()`、`ellipse()`等。此外，Processing支持加载和处理图像、音频，甚至可以与硬件...
image-processing.zip_matlab 图像处理
07-14
本资源"image-processing.zip"包含了一系列的MATLAB图像处理入门教程，旨在帮助初学者掌握基本的图像处理技术。 首先，我们要理解MATLAB的核心概念。MATLAB（矩阵实验室）是一种高级的编程环境，支持矩阵和数组运算...
Matlab软件介绍 2015-3.rar_MATLAB 入门_Matlab软件介绍 2015-3_matlab介绍
09-20
8. 模块和工具箱：MATLAB还提供了一系列专业化的工具箱，如Simulink用于系统仿真，Image Processing Toolbox用于图像处理，Signal Processing Toolbox用于信号处理等。这些工具箱进一步扩展了MATLAB的功能。 9. ...
Processing-当使用代码来绘画
mrbone11的博客
06-05 9548
最近机缘巧合知道了processing，加上原本对艺术方面感兴趣，便试着学了下，中间也做出了很多有趣的作品，下面简单介绍下processing和近期写的程序。 官网介绍如下： Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted softw
Processing写的简单AR代码
01-08
Processing写的简单AR代码，在摄像头的画面中点击特定的颜色，蛋糕（图片可以替换）就出现在那个地方。
Processing线图显示
12-29
processing练习题目，有数据，有代码。
Processing笔记03—基本图形绘制
Tonyの博客
04-23 7326
绘制基本图形的函数介绍
“PaintingSystem”，processing之绘画系统
LD_1002的博客
12-26 1522
继两次手绘与码绘的比较之后，这次算是进入一个小小的终章，这次用processing实现了一个绘画系统。当然不全是传统意义上的绘画系统，而是基于传统绘画理念（比如有笔和纸）上加以推广，形成了怪异风格的绘画系统。 先简单说说总体的思路吧。 绘画系统分为几种不同画笔（或者说，不同的呈现效果），点击一个按钮切换画笔，画笔分为静态和动态的，最后加一个场模型构成一个绘画系统。 ...
Processing大作业——绘画系统
qq_37787956的博客
12-30 1万+
最终迎来了互动媒体最终的大作业，前两次我们分别讨论了，手绘和码绘的区别还有如何进行动态作画。 有兴趣的可以戳下方链接看一看我之前的两次作业。 第一次码绘VS手绘指路：https://blog.youkuaiyun.com/qq_37787956/article/details/84200103 码绘VS手绘|processing“运动”主题创作——如何让一只沙雕鸟起飞：https://blog.csdn...
互动媒体技术——Processing创意绘画系统
weixin_40406659的博客
12-29 5393
                                                               互动媒体技术——Processing创意绘画系统 总体设计思路 工具：Processing Processing是一个为开发面向图形的应用（visually oriented application）而生的简单易用的编程语言和编程环境。Processing的创造者将它...
processing创意图形代码_一天一点Processing|01在你左手画个圆，右手画条龙
weixin_39835607的博客
11-27 2990
本教程案例来源于《Getting Started with Processing》一书，希望与各位同学共同学习。由于笔者仅有一点点编程基础，在标注时恐有遗漏，写得不明白之处望请见谅，提出指正，万分感谢。 在尝试编程之前，需要安装Processing的开放环境PDE（Processing Development Environment），官网可以直接下载，选择自己电脑配置即可，十分...
交互式艺术：用Processing打造沉浸式绘画体验️
帅小柏的博客
05-14 404
👋 欢迎回到《数字画布：用Processing创造视觉奇迹》系列！今天，我们将一起探索Processing中的交互式艺术，学习如何让观众成为艺术创作的一部分。这是我们的第九篇文章，我们将深入交互设计的奇妙世界，学习如何打造沉浸式的绘画体验。🎇 交互设计是Processing中一个非常有趣和强大的工具，它让我们能够创造出不仅美观而且具有互动性的艺术作品。无论你是想要创造一个可以让用户自由绘画的画板，还是想要模拟一个跟随用户动作的动态效果，交互设计都能帮助你实现。
processing像素画教程
最新发布
m0_63251896的博客
10-10 1463
processing像素画教程 前提：各位已经按照了processing 第一步：创建一个简单的网格 我们首先创建一个网格来定义我们作品的像素画布。网格将帮助您在适当的位置绘制每个像素。 这个width是内置的变量，height也是内置变量，一般和你 size(400, 400);就是上面你设置的400，400 cols = width / gridSize; 代表的是多少列个方格，rows = height / gridSize; 代表的是多少行个方格 咱们使用 rect()函数，咱们可以查看官网，
快速入门：Processing中文教程 - 持续作画与事件控制
Processing的特点在于它的实时性，程序会不断地绘制图像，就像电视或电影中的连续画面。静态画面是固定的帧，而动态画面则是帧与帧之间的变化。在Processing中，这个过程由setup()和draw()函数控制。setup()函数在...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值