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

李子?D,北京城市学院艺术设计学部,讲师,虚拟漫游和数字游戏专业负责人。毕业于法国贝桑松大学STGI数字媒体研究**,2005年至今一直从事艺术设计、视觉传达、交互设计、数字媒体艺术相关的设计和应用研究工作。主要研究领域是数字技术和艺术相结合的视觉表现设计,利用新技术进行数字化产品的设计及制作。主要工作是构建虚拟空间环境,结合虚拟现实、增强现实、互联网及大数据相关技术,为政府和相关企业设计并制作了多款具有经济价值或社会价值的数字媒体产品。