前端撸码笔记

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

最新发布

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搞晕。既然要做运动的图形,就要知道动画究竟是怎么产生的。上图相当吸引我,而且非常直观地揭示了动画的实现原理。动画是魔法,是关于视觉欺骗的魔法。只是在这个信息爆炸,视频满天飞的年代,我们...

processing&P5.js

写给设计师的Processing编程指南(1)PROCESSING初接触

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

(1)Processing初接触编程?提起「编程」二字,很多人脑中会冒出这些词。高端?烧脑?难学?…最终的结论是……不适合我。少数想接触它的人,在看到厚厚的教科书以及一堆枯燥的术语之后,便会心生恐惧,望而却步。极少数的人,凭自己的悟性也好,韧劲也罢。最终跨进了编程的大门,在里面肆...

processing&P5.js

processing绘制谢尔宾斯基地毯

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

思路:设置正方形的中心点与边长,确定一个大的正方形,然后在大正方形内部绘制九个小正方形,并中间的小正方形涂成黑色,然后根据每个小正方形的中心点位置与边长,再在其内部绘制九个小正方形,如此递归绘制void setup() {  size(90...

processing&P5.js

写给设计师的Processing编程指南目录

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

写给设计师的Processing编程指南(1)PROCESSING初接触写给设计师的Processing编程指南(2)创造第一个PROCESSING程序写给设计师的Processing编程指南(3)让图形跑起来(上)写给设计师的Processing编程指南(4)让图形跑起来(下)...