p5.js可以做什么 (1):创意动态画板 Floating Light

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按钮样式也原封不动的拿过去了,并且没有注明出处。希望各位也能理解一下,我这篇文章也写得挺短,内容主要就在给的源代码里,有些人不懂得出处反倒说我抄别人的,这就很难受了。

评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值