p5.js 是开源的设计师工具，专攻画图，画图很方便快捷

svg2p5 将SVG标记转换为p5.js画布 svg2p5是一个转换器，它以<svg>标记或标记的形式接受SVG标记，并输出等效的画布代码。 支持 :check_mark_button: 支持的SVG标记 :cross_mark: 不支持的SVG标记（尚未） stroke="" fill="" strokeCap="" strokeJoin="" ETC。 已知的问题 通常，输出可能不完美，需要进行一些手动清洁。 有时，最后一个顶点连接到第一个顶点。 有时，您会发现需要用beginShape()和endShape()包装才能看到的孤独的vertex()和bezierVertex() 。 短期待办事项清单 预计完成时间：2021年4月底。 通过为不支持的属性添加SVG标记来防止错误，并通知用户并禁用转换（在这种

text_particle_p5 A program written by p5.js, generating fireworks with special shapes, such as characters and hearts. 利用p5.js写的一个小程序，主要是模仿烟花绽放的特效，烟花可以设定为各种形状，包括文字、心形等等。 代码架构 原理解析 烟花特效的粒子系统 烟花各种形状的实现 代码架构 home.html 这个是访问的主页，运行时直接用浏览器打开即可，推荐Edge和Chrome firework.js 利用粒子系统实现的烟花，设置烟花粒子大小、初始速度、烟花多少等等 text.js 文本处理和获得文字的像素点数组 sketch.js 绘图、设置要绽放的文字 music1.mp3 背景音乐 原理解析 烟花特效的粒子系统 用粒子系统(particle system)实现烟花

使用p5.js绘制旋转的正方形，供大家参考，具体内容如下 要还原的效果图 首先建立画布大小，按照比例应该是5：3 function setup() { createCanvas(500, 300); } 设定矩形绘制格式，以及边线粗细 function setup() { createCanvas(500, 300); rectMode(100); strokeWeight(4); } 让我们根据画布坐标先把静态的图形画出来 (关于颜色的rgb数据可以通过ps取色器获得） 只需要用到rect（）进行绘制即可 仔细观察可以发现，图中的矩形为圆角矩形，绘制圆角矩形可以直接在rect

细胞自动机 使用p5.js编写的简单3D细胞自动机模拟器

processing案例源代码，章节2，章节3，章节4.p5.js案例源代码，很多

p5.js 是个 JavaScript 创意编程程式库，其专注在让编程更易于使用及更加广泛的包容艺术家、设计师、教育家、初学者以及任何其他人！p5.js 是个免费及开源的软件因为我们相信所有人都应该能自由使用软件及用于学习软件的工具。 p5.js 使用绘图的比喻并有一副完整的绘画功能。除此之外，您也不单限于您的绘图画布。您可以将您整个浏览器页面当作您的绘图，这包括了 HTML5 物件如文字、输入框、视屏、摄像头及音频。 《Getting Started with p5.js》是官方推荐的教程，此版本为中文版

工程多边形 我开始了一个创造性的编码项目，尝试用代码对生成艺术和动画进行实验。 它受到和Daniel Shiffman的极大启发，在了出色的编码资源。 在关注我 该项目的网站是使用HTML5 UP中的模板创建的。

sketch_Leapmotion leapmotion和p5.js创意编程 结果分析 利用leap motion 手部检测 完成了对星空闪烁，彗星运动，飞船加速度运动，随机柏林噪声抖动以及粒子效果的模拟。 艺工交叉，完成了创意编程。 gif图 太大了加载很慢 b站视频(画质略差,细节体现不到位) 设计思路 宇宙的浩瀚无边，彗星的神秘诡变一直等待着人类去探索 最广为人知的哈雷彗星需要76年回归一次 当他们孤独的围绕着星系旋转，当他们遇上属于人类的好奇 当人类的飞船与星共舞，会是怎样的场景 选用星空背景，设计宇宙场景，流星与恒星共存 互动部分选用手部动作模拟彗星的运动 当人类的飞船伴随着卫星追逐彗星运动，运动加速度会发生改变，营造灵动有趣的互动场景，显现人与星的和谐共处，同时空寂的背景音乐响起。背景音选用莎拉布莱曼的斯卡保罗集市，带来轻快浪漫的氛围感，与后期静寂的画面形成对比 而当双手张开，

在p5.js中重新制作Chrome离线恐龙游戏 在本地运行（字面意思） # install deps $ yarn # start server $ yarn start 执照