P5.js开发之——介绍(1)

发表于 分类于 ， ， 阅读时长 ≈ 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 打鸡蛋动画

五 学习资源

  • P5js官网
  • 西河某人的博客-p5js专栏
  • LJT1469的博客
  • p5.js新手入门