前端撸码笔记

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

最新发布

processing&P5.js

processing常用函数搜集整理

蒙奇·D·撸码客 发布于 2017-03-15 10:20:31

size(x,y);画布尺寸设置point(x,y);定点绘制line(x1,y1,x2,x2);直线绘制,首先需要设定画布尺寸rectMode(CENTER);中心模式绘制矩形,不指定默认为CORNER,共有CORNER、CENTER及CORNERS三种模式rect(x1,y1...

processing&P5.js

写给设计师的 Processing 编程指南(13) – 3D绘图

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

三维是二维的进阶。在学习新的知识点前,希望你已经在二维绘图上足够娴熟。用代码在三维空间绘图,与3dMax,Maya这类三维软件相比,有完全不一样的体验。由于里面没有直观的界面来控制和调整物体的位置,所以写起来会比较抽象。其中有一难点,要熟悉空间坐标系以及对应的各种变换操作。在平面...

processing&P5.js

写给设计师的 Processing 编程指南(12) – 类与对象

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

类是什么?对象是什么?类是面向对象编程中才会有的概念。不要把它想得过于高深。其实前面的很多例子,你已经不知不觉地使用了类,只是没有去深入。那类和对象到底是什么?简单地说。类是用于描述某类事物的属性和特征,它是“抽象”的。对象则是类的一个实体,它是“具象”的。打个比方。“国家”如果...

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。那些千方百计为了提高效率(偷懒)的语言设计者肯定不会允许这样的事发生。所以就有了循环语句。通过它,你可以最直观地感受计算机自动化的...