p5.js 是一个以Processing 语言为基础的JavaScript 库,经常用于互联网数据可视化和互动艺术创作。它继承了Processing 语言的初衷,通过简单的编程即可表达数字创意。本书共12 章,全面介绍了p5.js 的功能和使用方法,包括p5.js 基础图形绘制、p5.js 语法、响应互动、运动和几何变换、函数和对象、数组、图片、视频、音频等内容,可供高等学校数字媒体艺术设计类专业学生、相关从业人员和编程爱好者学习使用。

— 目 录 — 第1 章 p5.js 概述 / 001 1.1 易懂的一门语言 / 002 1.2 p5.js 的功能与特性 / 002 1.3 进入p5.js 的圈子 / 003 1.4 下载p5.js 库 / 003 1.5 开发环境 / 004 1.6 开启**个程序 / 004 1.7 草图的重要性 / 007 第2 章 绘制图形 / 009 2.1 画布 / 009 2.2 基本形状 / 010 2.3 自定义形状 / 017 2.4 绘图顺序 / 022 2.5 颜色填充 / 023 2.6 描边属性 / 028 2.7 企鹅01 / 030 练习 / 032 第3 章 语法 / 033 3.1 了解变量 / 033 3.2 创建变量 / 035 3.3 变量类型 / 038 3.4 系统变量 / 038 3.5 简单运算 / 040 3.5.1 算术运算符 / 040 3.5.2 关系运算符 / 042 3.5.3 逻辑运算符 / 043 3.6 条件语句 / 043 3.6.1 if 语句 / 043 3.6.2 else 语句 / 044 3.7 for 循环 / 046 3.8 setup 和draw 函数 / 056 3.9 控制台 / 057 3.10 注释 / 058 3.11 映射 / 058 3.12 企鹅02 / 060 练习 / 062 第4 章 响应互动 / 063 4.1 鼠标响应 / 063 4.2 鼠标单击 / 068 4.3 键盘响应 / 069 4.4 企鹅03 / 072 练习 / 074 第5 章 运动和几何变换 / 075 5.1 移动 / 075 5.2 旋转 / 078 5.3 随机 / 081 5.4 平移函数translate / 093 5.5 旋转函数rotate / 094 5.6 缩放 / 096 5.7 push 和pop 函数 / 098 5.8 企鹅04 / 099 练习 / 101 第6 章 函数和对象 / 102 6.1 函数 / 102 6.2 面向对象编程 / 112 6.2.1 定义类 / 113 6.2.2 创建对象 / 116 6.3 企鹅05 / 121 练习 / 124 第7 章 数组 / 125 7.1 使用变量绘图 / 125 7.2 创建数组 / 127 7.3 对象与数组 / 133 7.4 企鹅06 / 135 练习 / 136 第8 章 图片 / 137 8.1 加载图片 / 139 8.2 预加载preload 函数 / 144 练习 / 145 第9 章 视频 / 146 9.1 视频文件 / 146 9.2 实时视频流 / 151 练习 / 156 第10 章 图片和视频处理进阶 / 157 10.1 像素数组 / 157 10.2 像素绘制图片 / 161 10.3 视频像素处理 / 166 10.4 实时视频流像素处理 / 175 练习 / 185 第11 章 音频 / 186 11.1 加载音频 / 186 11.2 麦克风声音捕获 / 191 11.3 p5.js 创建声音 / 193 练习 / 196 第12 章 使用库创作 / 197 12.1 p5.scribble 库 / 198 12.2 p5.play 库 / 203 练习 / 207 附录 / 208 后记 / 209 参考文献 / 210