
Thinking In p5.js
文章平均质量分 91
升卿
创意编程第一站。
展开
-
【No.01】八份简约经典的生成设计入门案例
几个既简约又经典的生成设计案例:◉ 平铺的线条(Tiled Lines)◉ 快乐分裂(Joy Division)◉ 无序立方(Cubic Disarray)◉ 一二三(Un Deux Trois)◉ 催眠方块(Hypnotic Squares)◉ 圆形填充(Circle Packing)◉ 皮特·蒙德里安(Piet Mondrian)◉ 三角网格(Triangular Mesh)原创 2020-06-23 23:13:31 · 1269 阅读 · 1 评论 -
Processing “迁” p5.js【秒懂小白篇】
We ❤ P5js, we decided to throw our full support on P5js in the future and drop support on Processingjs.不久前,OpenProcessing 已宣布弃用 Processingjs,而选择全面支持 P5.js。于是乎,他们将后台里超过 100,000 个用 Java 创建的 sketch 移植...原创 2019-11-07 23:20:57 · 4382 阅读 · 0 评论 -
p5.js 和 Processing 的恩怨情仇
序卷p5.js 看起来与 Processing 非常相似,但有一些变化:因为 size() 已经被 createCanvas() 代替,所以我们的草图不仅仅是画布,还能创建其他元素。frameRate(num) 设置帧速率,但该 frameRate 变量已被删除。要获取当前帧速率,请用 frameRate() 不带参数调用。JavaScript 并不总能同步加载,下面有几个方法可...翻译 2018-04-25 21:29:23 · 9703 阅读 · 2 评论 -
p5.js 编程基础学习合集【1】
不知道你是否了解过 Processing 语言的家谱(如下图所示)。与人类语言一样,编程语言同样属于相关语言的家族。而今天,我要引出的,即其家族成员之一的 p5.js(官网)。 Introduction简单来讲,p5.js 是一个库配上许多工具,它让编程爱好者、艺术家、设计师们可以轻松使用 JavaScript 语言进行创意编程。库是 JavaScript 库。 为什么选择...原创 2018-05-05 12:28:48 · 8956 阅读 · 4 评论 -
p5.js 编程基础学习合集【2】
之前在《 p5.js 和 Processing 的恩怨情仇》曾提及 p5.js 与 Processing 的不同点之一就是: 在 JavaScript 中,变量没有类型。使用 var 而不是 float、int、double、long、char、String、Array 等。我们不需要为函数指定返回类型或参数类型。 var 可以是任何东西——任何提到的类型,也可以是函数。#...原创 2020-01-16 11:24:27 · 4781 阅读 · 0 评论