p5.js
p5.js 是一个JavaScript的函数库，它在制作之初就和Processing有同样的目标。就是让艺术家，设计师，教育工作者和编程初学者能够很容易，很轻松地学习和使用程序设计。并且它也能给现在的网页带来一些新的东西，例如p5的官方网站。 p5.js是一个对初学者非常友好的编程环境 ...
原文：第一次使用P5.js创作【p5.js基础】
设计灵感来自于前两天 互动媒体技术 课上看到的一个动图，原图是白色正方体单向规律性旋转，我在临摹完成基础上，加上了Material，利于辨别，同时将单方向旋转，提升为两方向随机旋转。 自定义类 格式： 此后，就可以创建对象了 var vectorObj new Vector , 定义类成员和成员函数 在构造函数里，通过 this. 方式创建和初始化 注意，类内，使用类成员都要用this点出来 数组 ...
2019-10-21 19:40 0 628 推荐指数：
相关推荐
p5.js 编程基础学习合集【1】
不知道你是否了解过 Processing 语言的家谱（如下图所示）。与人类语言一样，编程语言同样属于相关语言的家族。而今天，我要引出的，即其家族成员之一的 p5.js（官网）。 ###Introduction 简单来讲，p5.js 是一个库配上许多工具，它让编程爱好者、艺术家 ...
初学P5.js 科幻效果背景
初学P5.js，有好的意见欢迎留下！ 近日看了一个dome,分享一下... JS： P5.js 推荐地址：https://p5js.org/zh-Hans/download/ 效果图片： ...
思索 p5.js 的最佳实践
思索 p5.js 的最佳实践 本文写于 2020 年 12 月 18 日 p5.js 是一个 JavaScript 库，用于为艺术家、设计师提供更容易上手的创意编程。 它有着完整的一套基于 Canvas 的作画功能，并且你可以把整个浏览器都当成你的“画布”——利用 p5.dom.js ...
P5.js本地调试方法
运行JavaScript脚本需要本地服务器，方法有好几种（任选一种即可）： ...
p5.js 音乐可视化
音乐可视化 线条&bar 用法 一般都是fft，线条左上角坐标x0,y0,线条右下角坐标x1,y1,音频的频谱间隔 musicline01 musicline02 mu ...
使用p5.js制作极简人物动画
没有特别的技巧，只是不断尝试坐标，使用绘制直线和绘制弧线的函数尝试 然后，人物说话的动画是用随机数和其他几个嘴型制作的三帧动画 全部代码 ...
《p5.js创意游戏编程》第一课：跳动的小球
准备：Hbuilder/vscode等可以编写网页的编辑器 如果想立刻上手也可以使用在线编译器p5.js官方在线编辑器，如果打不开也可以使用国内的一款在线编辑器jsrun编辑器，(第一课先使用jsrun在线编辑器) 本案例最终代码17行 开始 创建画布，生成一个 ...