写给设计师的Processing编程指南(4)让图形跑起来(下)
运动与函数 在大多人的印象里，数学好像没什么用，在日常生活里用得最多的也仅仅是加减乘除。 但如果你是在用程序做创作，情况就大不一样。了解越多，越能玩出花样。 先搬上几张的不明觉厉的图挑逗下大家的兴致。 这是什么？先不剧透，后面你会亲自用上它。 上一节，我们了解了 setup 函数和 draw 函数，这使得静止的图形可以 …
分类目录归档: processing&P5.js - 第2页
写给设计师的Processing编程指南(3)让图形跑起来(上)
在开始看这节之前，希望你已经熟悉了基本的函数绘图方法。否则你会被两个大头函数setup 和 draw 搞晕。 既然要做运动的图形，就要知道动画究竟是怎么产生的。 上图相当吸引我，而且非常直观地揭示了动画的实现原理。 动画是魔法，是关于视觉欺骗的魔法。只是在这个信息爆炸，视频满天飞的年代，我们已经对它习以为常了。也很少有 …
写给设计师的Processing编程指南(2)创造第一个PROCESSING程序
这一节，我们就来玩转 processing。 其他编程语言的经典入门大多从输出 “HelloWorld” 开始讲起。 但属于设计师的 “HelloWorld”，不应该是字符。咱们从画图开始！ 画布与函数 在开始前，首先聊聊 Processing 中的画布—— Sketch 。Sketch 的字面含义就是素描，草图。程序 …
写给设计师的Processing编程指南(1)PROCESSING初接触
（1）Processing初接触 编程？ 提起「编程」二字，很多人脑中会冒出这些词。高端？烧脑？难学？…最终的结论是……不适合我。 少数想接触它的人，在看到厚厚的教科书以及一堆枯燥的术语之后，便会心生恐惧，望而却步。 极少数的人，凭自己的悟性也好，韧劲也罢。最终跨进了编程的大门，在里面肆意玩耍。 希望通过这个系列指南， …
processing绘制谢尔宾斯基地毯
思路：设置正方形的中心点与边长，确定一个大的正方形，然后在大正方形内部绘制九个小正方形，并中间的小正方形涂成黑色，然后根据每个小正方形的中心点位置与边长，再在其内部绘制九个小正方形，如此递归绘制 void setup() { size(900, 900); } vo …
写给设计师的Processing编程指南目录
写给设计师的Processing编程指南(1)PROCESSING初接触 写给设计师的Processing编程指南(2)创造第一个PROCESSING程序 写给设计师的Processing编程指南(3)让图形跑起来(上) 写给设计师的Processing编程指南(4)让图形跑起来(下) 写给设计师的Processing …
P5.js结构函数(Structure)粗解
以下内容不是纯翻译，主要是基于原文得出的自己的理解，本人英文烂，各位慎重观看。 preload() 预加载函数，在setup()执行之前执行，用于处理异步操作。所有需要加载的内容（如图片文件、json文件、字体文件等）加载完毕的时候再执行setup()。 在加载内容的时候默认的提示“loading”，如果想要自定义“l …