Thinking In Processing
文章平均质量分 85
升卿
创意编程第一站。
展开
-
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 · 4218 阅读 · 0 评论 -
编程美cry:迷路的艺术家
有人说,编程语言的选择更像是一场信仰之战。In my eyes,Processing是一种干净而纯粹的语言,是编程语言中的贵族、艺术家。它让你如此直接地感受到科技之美,让你惊讶,数据原来可以这么可爱。 在此之前,也许你难以相信不起眼的代码居然可以达到令人惊叹的酷炫视觉效果或是创造出魅力无限的艺术品。但我想告诉你的是,Progressing真的做到了。Today,爱上Progressing, the原创 2017-07-24 15:28:06 · 4356 阅读 · 4 评论 -
Processing 入门基础【秒懂小白篇】
编程是一个俱乐部的入场券,是一个圈子的投名状。很多人看到这两字都会变成这样子: 我有句很喜欢的英文:The minute you think of giving up, think of the reason why you held on so long。况且我想告诉你的是,Processing作为一门画画的编程语言,真的很简单,一学就会。近年来,它在艺术、交互、动画、数据可视化、视觉设计、原型原创 2017-07-24 18:12:00 · 13315 阅读 · 1 评论 -
Processing 像素与画布【秒懂小白篇】
谦谦君子,不饮盗泉之水;儒生脱尘,不为好逸恶劳。 ——陆逊《三国杀》3.1 屏幕分辨率主题撇开,我们先说豆子的事情。As we all known ,不同种类的豆子一般有不一样大小的颗粒。接着理一个常识,按颗粒大小排序:胡豆>豌豆>绿豆。现在,我们把三类豆子分别涂上各种颜色,平铺一层到相同大小的盒子里拼成一副肖像画。那么,谁的画面会显得更逼真和细腻呢?结果不言而喻了。屏幕分辨率也是这个理。屏幕分辨原创 2017-07-24 23:48:37 · 5479 阅读 · 0 评论 -
Processing 基本函数绘制图形
夏洛:马冬梅上课老嗑瓜子,影响我成绩。 老师:就你这成绩还能受影响?你的成绩还有下降空间吗? ——《夏洛特烦恼》一幅绘画作品能够透射出画者的内心世界,展示画者的心情、心绪、心意、心迹、心性。绘画的本身就是画者倾诉情感的一种方式。绘画是通过线条、色彩等形象来传达出画者的情感,也能让其他人体验到这种情感。点、线、面是平面艺术造型中的三种基本形态,这三种形态各有不同的视觉效果和艺术表现力。我喜欢画点,原创 2017-07-29 22:07:28 · 17881 阅读 · 0 评论 -
【小白篇】初探 Processing 色彩
God said,"Let there be light," and there was light. 所谓色彩,即光从物体反射到人的眼睛所引起的一种视觉心理感受。**计算机就是以光来合成颜色的**。绘画者耗费大量的时间混合颜料并在纸上上色。通过长时间的练习,他们才能依靠直觉混合不同颜色而得到一种特别的颜色。在Processing中运用颜色,却是变得**uncomplicated**:原创 2017-07-30 15:06:44 · 12313 阅读 · 0 评论 -
Processing 分形之一 —— Wallpaper
亲爱的朋友,一切理论都是灰色的,而生命的金色之树是长青的。 ——歌德《浮士德》分形艺术——科学与艺术的完美结合。它与普通“电脑绘画”不同:普通的“电脑绘画”概念是用电脑为工具从事美术创作,创作者要有很深的美术功底;而“分形艺术”是数学和自然的产物,创作者要有一定的数学功底,此外还要有熟练的编程技能。However,在Processing强大的库函数面前,in just a few easy ste原创 2017-08-09 17:56:46 · 4706 阅读 · 0 评论 -
Processing 分形之二—— Peter de Jong Attractor
人真正变强大,不是因为守护着自尊心,而是抛开自尊心的时候。——《请回答1988》Strange Attractor是**混沌运动**的主要特征之一,由法国物理学家小D和小F在1970年左右引进。Now here comes a question : 何为混沌运动?度娘解释道,混沌(chaos)是指确定性动力学系统因对初值敏感而表现出的不可预测的、类似随机性的运动。元芳,你怎么看?简单点,你又不是个演员,不就是*原创 2017-08-12 11:56:14 · 2742 阅读 · 0 评论 -
Processing 分形之三 —— Diffusion-Limited Aggregation
人类一思考,上帝就发笑。 ——米兰·昆德拉 《生命中不能承受之轻》 大自然创造出瑰丽奇特的珊瑚,Witten和Sander共同提出了DLA。唐代冯延巳有诗云:“年少王孙有俊才,登高欢醉夜忘回。歌阑赏尽珊瑚树,情厚重斟琥珀杯。但愿千千岁,金菊年年秋解开。”可世人皆知珊瑚美,哪知DLA也奇妙。Tree Corals They look fabulous, like underwater bonsai原创 2017-08-24 20:19:58 · 4187 阅读 · 1 评论 -
【小白篇】Processing 配合麦克风的实时声音可视化
Processing如何实现声音可视化呢? - 必要条件:音频文件数字化; - 实现方式:逐点取出音频频率; - 呈现方式:基本形状,DIY……创意才是灵魂。 本教程主要介绍如何获取麦克风的立体声输入,并对其进行简单的可视化操作。原创 2017-10-28 15:30:54 · 18887 阅读 · 6 评论 -
二虎尽食之 Processing 添加库、模式、工具
“将军勇则勇矣,不知用谋。今许都新定,未可造次用兵。彧有一计,名曰二虎竞食之计。” ——荀彧 出自《三国演义》第十四回Processing 如何做到“Just Keep It Strong”的呢?曹阿瞒敢夸口“设使天下无有孤,不知当几人称帝,几人称王”,这无非是因为其兵多将广,后台够硬。Processing 这种海纳百川的精神在国内发扬得并不是很顺畅,Install 到怀疑人生(呵呵)。今吾原创 2017-12-05 16:06:03 · 3989 阅读 · 0 评论 -
复杂分形,简单规则:门格海绵世界探秘
连绵的山川、飘浮的云朵、岩石的断裂口、布朗粒子运动的轨迹、树冠、花菜、大脑皮层……这些部分与整体以某种方式相似的形体,可以说,就是“分形”的要义了,也恰恰是这些“不规则的”、“分散的”、“支离破碎的”物体又重新让我们认识了自然。比如,Menger Sponge(Wikipedia),因奥地利数学家卡尔·门格在1926年的描述而得名。它是一个通用曲线,因为它的拓扑维数为一,且任何其它曲线或图都...原创 2018-04-25 14:24:30 · 5244 阅读 · 0 评论 -
p5.js 和 Processing 的恩怨情仇
序卷p5.js 看起来与 Processing 非常相似,但有一些变化:因为 size() 已经被 createCanvas() 代替,所以我们的草图不仅仅是画布,还能创建其他元素。frameRate(num) 设置帧速率,但该 frameRate 变量已被删除。要获取当前帧速率,请用 frameRate() 不带参数调用。JavaScript 并不总能同步加载,下面有几个方法可...翻译 2018-04-25 21:29:23 · 9572 阅读 · 2 评论 -
植物的算法美:如何敲出一个漂亮的 Sunflower
“Beauty is bound up with symmetry.” ——(加)普鲁辛凯维奇、(加)林德梅叶《The Algorithmic Beauty of Plants》( CSDN下载,译为《植物的算法美》)植物的魅力吸引了数学家们几个世纪的关注,诸如叶片的双侧对称,花朵的旋转对称以及松果中的鳞片的螺旋排列等明显的几何特征已被广泛地研究。 《The Algorithmic B...原创 2018-04-26 23:26:35 · 2521 阅读 · 0 评论 -
【Sutcliffe Pentagons】奇幻派的漂流
▼我要做什么?Sutcliffe Pentagons!一个奇异的分形怪咖——绘制一个普通的五边形,然后找出其五边中每一边的中点并过这些点绘制垂直于此边的线段,而这些线段的末端则连接生成另一个五边形。我打个草图: 在这样做的同时,该形状的其余部分也最终被细分为更多的五边形。这意味着在每个五边形内有六个副五边形。在其中的每一个中,又有六个子五边形向下重复……接着,怪咖出现了。...原创 2018-05-02 22:21:31 · 1400 阅读 · 1 评论 -
p5.js 编程基础学习合集【1】
不知道你是否了解过 Processing 语言的家谱(如下图所示)。与人类语言一样,编程语言同样属于相关语言的家族。而今天,我要引出的,即其家族成员之一的 p5.js(官网)。 Introduction简单来讲,p5.js 是一个库配上许多工具,它让编程爱好者、艺术家、设计师们可以轻松使用 JavaScript 语言进行创意编程。库是 JavaScript 库。 为什么选择...原创 2018-05-05 12:28:48 · 8870 阅读 · 4 评论 -
【苉雅篇】Leap Motion 向左走,Processing 向右走
Leap MotionLeap Motion for Processinghttps://developer-archive.leapmotion.com/documentation/java/devguide/Leap_Processing.html原创 2018-06-26 22:24:36 · 3647 阅读 · 6 评论 -
【PROCESSING 游戏编程】之黄金矿工
首先,我们得梳理一下自己的思路。这是我做的一张“Gold Miner”项目的简易流程图: 以下是本文的目录大纲:GameMainGamePlay:GameWin:GameLost:Others:Last…GameMain:###按钮与音效...原创 2018-08-09 16:22:31 · 5586 阅读 · 6 评论 -
THE ZOMBIES ATE YOUR BRAINS!
你知道的,我喜欢用代码写下那些漂亮的植物 。而不幸的是,在前天,我收到 The Zombies 的恐吓来信——Hello,We wood like to visit for a midnight znack.How does icecream and brains zound?Sincerely,The Zombies...原创 2018-10-08 17:51:30 · 1457 阅读 · 0 评论 -
【Kinect+Processing】装置设计项目基础启蒙
John Underkoffler 说:“人手是世界上最复杂的操作工具。我们的想法是扔掉鼠标,让手取代它的全部作用。”一个天才的杰作最近有些小姐姐很苦恼地跟我讨论毕设的问题,诸如毕设难产、方向确定、技术难点等等。当然在此,我并不想深究解决之道,而仅欲与大家分享一个天才杰作——Pranav Mistry 的“第六感”。完整版的视频链接,点击这里,或者 something more(翻墙…...原创 2018-10-08 18:30:55 · 4441 阅读 · 10 评论 -
满纸荒唐言:Processing 寻觅文字魅力篇
文字的显示:step 1:Create the font;至于创建字体,吾有三计——计之一:利用创建字体工具手动创建字体。在 Processing 工作窗口的“工具”(Tools)菜单中选择“创建字体…”(Create Font)命令,在弹出的窗口中选择字体和字号,点击“确定”(OK)完成创建。生成的 vlw 格式字体被默认放置于 data 文件夹中(若没有,PDE 会自动创建 data ...原创 2018-11-07 14:55:01 · 3405 阅读 · 1 评论