p5.js可以用来做什么呢?
在此给出我的课程作业,完全原创!(包括界面UI)
可算是绞尽脑汁地挖掘p5.js的功能了。
整体开发难度不大,相信看完之前 p5.js 入门的你也一定会的!
简介
这是一个创意动态绘图板。
有三种创意画笔,分别是点,三角,线。
你可以随意的进行创作,画出来的东西可是会动的哦!
自带截图保存功能——请点击左下角的S图标。
还有神奇的时间控制画笔——请点击左下角的时钟图标。
另外的功能等着你发掘!!
动图如下,效果还是很棒的!
圆点画笔
三角碎片画笔
奇怪的画笔(灵感来自刮画)
成品:
https://editor.p5js.org/WestRiverLin/full/SJnD_deBW
源码:
https://editor.p5js.org/WestRiverLin/sketches/SJnD_deBW
(转载请注明出处)
以下写于 2019.12.27
毕业已有两年,这个动态画板是我大学时代最后一年(2017)的一个小作品,算是灵感迸发吧,自己还是挺满意的!
最近在网上也看到很多人用我的画板魔改出了各种神奇的东西,能给其他人带来灵感,心里感到很高兴!
不过有一点点遗憾的是,挺多人把代码直接搬过去用,就连UI按钮样式也原封不动的拿过去了,并且没有注明出处。希望各位也能理解一下,我这篇文章也写得挺短,内容主要就在给的源代码里,有些人不懂得出处反倒说我抄别人的,这就很难受了。