P5.js开发之——介绍(1)
公孙宇
一 概述
- p5.js 是一个JavaScript的函数库
- 它在制作之初就和Processing有同样的目标。就是让艺术家，设计师，教育工作者和编程初学者能够很容易，很轻松地学习和使用程序设计
- 利用插件库你可以很方便地与其他html5元素（如文本，输入框，视频，摄像头和音频）进行交互
二 P5插件库
2.1 核心插件库
| 编号 | 插件库 | 功能 |
|---|---|---|
| 1 | p5.sound | 音频输入、播放、分析及合成功能 |
| 2 | p5.accessibility | 视力障碍者能够更容易接触 p5 画布 |
2.2 社区插件库
| 编号 | 插件库 | 功能 |
|---|---|---|
| 1 | p5.asciiart | 图像 - ASCII 画作转换器 |
| 2 | p5.ble | 启用 BLE 装置 |
| 3 | p5.bots | 网页浏览器和 Arduino（或其他微处理器）互动 |
| 4 | p5.clickable | 按钮编程库 |
| 5 | p5.cmyk | 色彩空间 |
| 6 | p5.collide2D | 2D 几何形状的碰撞检测 |
| 7 | p5.createloop | 运用噪声及 GIF 输出的动画循环 |
| 8 | p5.dimensions | 向量功能以包括更高维数的计算 |
| 9 | p5.EasyCam | 3D 摄像机 |
| 10 | p5.experience | 事件聆听功能 |
三 使用P5制作的小游戏
| 编号 | 游戏名称(地址) | 文章出处 |
|---|---|---|
| 1 | 恐龙跳跃(Google断网) | 用p5.js来制作一个小恐龙游戏 |
| 2 | 乒乓球 | 什么是p5.js |
四 P5特效及预览
| 编号 | 内容 |
|---|---|
| 1 | 日出海面特效 |
| 2 | 热咖啡特效 |
| 3 | 打鸡蛋动画 |
五 学习资源
类似资料：