前端撸码笔记

成功指南:把撸鸟的时间都放在撸码上

最新发布

processing&P5.js

写给设计师的 Processing 编程指南(11)-数据储物箱

蒙奇·D·撸码客 发布于 2017-03-14 13:38:12

这节将会介绍一个在 Processing中非常重要的概念-数组。之前储存数据,都会用到int,float这类变量。假设我们有100个数据想保存,用老方法就会非常繁琐。下面介绍的数组可以用更便捷的方式存放更多数据。它就有点像一排带有数字编号的箱子,根据编号可以存取需要的信...

processing&P5.js

写给设计师的 Processing 编程指南(10)-媒体加载与事件

蒙奇·D·撸码客 发布于 2017-03-14 13:37:24

Processing中可以载入许多外部数据。其中有三类最为常用,分别是图片,音频,视频。这节我们将结合事件,对音视频的加载进行详细展开。在最后,你可以亲自打造自己的音乐键盘,音乐画板。读取图片在开始前,先来回顾一下图片的加载方法。与图片相关的函数函数说明imageMode(mod...

processing&P5.js

写给设计师的 Processing 编程指南(9) – 色彩控制

蒙奇·D·撸码客 发布于 2017-03-14 13:37:08

前面的许多篇幅都提到了如何用代码进行造型,但色彩相关的知识点谈得并不多。这节我们就来深入挖掘一下。色彩基本知识关于色彩,它在某方面是超出人类直觉的。我们肉眼所能看到的五彩斑斓的颜色,它们背后的组成元素其实都是相同的。只需要红绿蓝三种色光,就能混合出肉眼可见的所有色彩。你现在所看到...

processing&P5.js

写给设计师的Processing编程指南(8) – 自定义函数与分形递归

蒙奇·D·撸码客 发布于 2017-03-14 13:35:51

这节将会介绍如何在程序中自定义函数,同时用递归函数创作分形图形。自定义函数编程中的一个重要概念就是复用。而定义函数,最能体现复用思想。不夸张地说,只有灵活地掌握它,才算真正走进编程的大门。因为你会开始去思考,如何对一些序列化操作进行抽象,以此提高编程效率。像P5中自带的绘图函数e...

processing&P5.js

写给设计师的Processing编程指南(7)- 程序流程控制-条件语句 (下)

蒙奇·D·撸码客 发布于 2017-03-14 13:34:26

在窗口显示文字这节的最终目标是完成一个文字冒险游戏,所以要先了解如何在程序中显示文字以及图片。之前输出的文字都在控制台上。但当我们导出程序的时,实际上是看不到控制台的。需要想办法把文字显示在窗口中。显示文字的简便方式如果你对字体的样式没有要求,只需用一个命令就能实现显示效果代码示...

processing&P5.js

写给设计师的Processing编程指南(6)- 程序流程控制-条件语句 (上)

蒙奇·D·撸码客 发布于 2017-03-14 13:33:10

上节提到,循环语句可以让某段代码反复执行,如果我们用一根线条来去类比程序的执行流程,它就像其中打圈的部分。而后面介绍的条件语句,则会使程序创建多个分支,呈现树根一样的形态。这节主要展示条件语句if的特性,同时辅以多个知识。你会了解到如何使用逻辑运算符,关系运算符,以及keyPre...

processing&P5.js

写给设计师的Processing编程指南(5)-程序的流程控制-循环语句

蒙奇·D·撸码客 发布于 2017-03-14 13:31:37

从这节开始,你将会接触到编程中一个重要且强大的知识点-循环语句。在此之前,若你想在程序中画一万个圆,只能用一个可怕的方式去做,写一万行ellipse。那些千方百计为了提高效率(偷懒)的语言设计者肯定不会允许这样的事发生。所以就有了循环语句。通过它,你可以最直观地感受计算机自动化的...

processing&P5.js

写给设计师的Processing编程指南(4)让图形跑起来(下)

蒙奇·D·撸码客 发布于 2017-03-14 13:25:33

运动与函数在大多人的印象里,数学好像没什么用,在日常生活里用得最多的也仅仅是加减乘除。但如果你是在用程序做创作,情况就大不一样。了解越多,越能玩出花样。先搬上几张的不明觉厉的图挑逗下大家的兴致。这是什么?先不剧透,后面你会亲自用上它。上一节,我们了解了setup函数和draw函数...

processing&P5.js

写给设计师的Processing编程指南(3)让图形跑起来(上)

蒙奇·D·撸码客 发布于 2017-03-14 11:42:55

在开始看这节之前,希望你已经熟悉了基本的函数绘图方法。否则你会被两个大头函数setup和draw搞晕。既然要做运动的图形,就要知道动画究竟是怎么产生的。上图相当吸引我,而且非常直观地揭示了动画的实现原理。动画是魔法,是关于视觉欺骗的魔法。只是在这个信息爆炸,视频满天飞的年代,我们...