本系列视频讲解创意编程,通过学习编写简短的程序创建动画和声音。以上视频是综述,想要直接开干的请学习下一节。后续文章请见从零开始学习 Processing合辑。本套视频适合哪些人?为提升大家对创意编程的兴趣,一上手就会在屏幕上绘制像素。本套视频假定学习者对编程不甚了解,十岁以上的人均可学习。对于年纪更小的学生可以先看 Scratch或 Alice,这类编……继续阅读 » Alan 4年前 (2021-05-25) 2995浏览 0评论0个赞
动画彩虹我们可以通过圆弧来绘制出漂亮的彩虹,圆弧有多种绘制方法,这里通过将圆心放到画布以外,取圆的一部分来实现。noFill()用于配置不填充图形。 void setup() { size(300, 300); background(#04B1CE); noFill();}void draw() ……继续阅读 » Alan 4年前 (2020-09-07) 4483浏览 0评论2个赞
if 语句前一小节所绘制的圆圈动画在移动到右侧边框外之后例不再显示,我们可通过 if 语句通过判断其超出范围再重新回到最左边开始移动。默认每秒显示的帧数为60,可通过提高其值来加快移动速度,也可提升横坐标上累加的值来加快速度。以下代码用于绘制一个绿色的移动较慢的圆圈,以及一个红色的移动较快的圆圈。 float slow_ci……继续阅读 » Alan 4年前 (2020-09-06) 6405浏览 0评论0个赞
时至今日Processing 在新媒体艺术行业依然具有重要的地位,但相较于TouchDesigner, VVVV 等而言,Processing 总是让艺术生们望而生畏。一方面在于写代码这件事让很多人觉得不自在,另一方面相关中文资料也有欠缺。本合辑旨在尝试通过使用案例结合编程知识讲解的方式让大家入门并进阶 Prcoessing。本合辑中的主要内容取自Abe P……继续阅读 » Alan 4年前 (2020-09-05) 6976浏览 0评论10个赞
绘制圆形、矩形rect(x, y, width, height)通过指定绘制起点和宽高来画出矩形,当宽和高一致时即会绘制正方形,实际上系统也内置有 square()函数用于画正方形。此外 rect()默认从左上角开始绘制,可通过 rectMode()来进行修改。ellipse(x, y, width, height)通过指定绘制起点和宽高来画出圆形,当宽……继续阅读 » Alan 4年前 (2020-09-05) 8019浏览 0评论2个赞
在 processing代码通常会包含两个函数, setup()和 draw(),前者在程序开始时执行一次,而后者会反复执行,每执行一次会在画布上画出一个图像,从而实现动画效果。使用 random()创建动画随机动画1: void draw() { line(random(100), random(100), ra……继续阅读 » Alan 4年前 (2020-09-04) 6649浏览 0评论1个赞
简介Processing 是Casey Reas 和 Ben Fry于2011年在MIT 媒体实验室所倡导创立的一门计算机语言,主要是面向针对电子艺术、新媒体艺术和视觉设计等相关使用群体。语言基于 Java 并进行了简化,后来还出现了对应的JavaScript 版本p5.js(可参见本博客Learn JavaScript with p5.js中文版进行相关……继续阅读 » Alan 4年前 (2020-09-04) 8571浏览 0评论0个赞