curvejs魔幻线条框架
curvejs 中文读["克js"],是腾讯AlloyTeam打造的一款魔幻线条框架,让线条成为一名优秀的舞者,让线条们成为优秀的舞团,HTML5 Canvas就是舞台。
你还记得window经典的屏幕保护程序《变幻线》吗?
其原理就是使用 Perlin-Noise + Particle System + Bézier Curve + Color Transition 制作而成。
使用curvejs实现类似变幻线功能只需要不到10行代码:
const { Stage, Curve, motion } = curvejs let stage = new Stage(document.getElementById('myCanvas')) stage.add(new Curve({ color: '#00FF00', data: {value: 0, step: 0.008, width: 600, height: 400}, motion: motion.noise }))
当然,curvejs的能力不仅仅是变换线,这完全取决于你的想象力。比如:
评论
瑜伽高手!线条火辣!!
朋友们,小编撰文不易,请您顺手在文章末尾支持一下!多谢!韩国靓女黄雅英,是一名瑜伽高手。她身高1米73,身材线条很火辣!是不是很美呢?小编更新内容不易,请大家顺手在文章末尾支持一下!也就是请往下方看!多...
全栈架构社区
0
IMGActivityIndicator循环线条样式指示器
IMGActivityIndicator是一个有趣的循环线条样式指示器,模仿的是imgur.com里面最下方加载图片的指示器,可作等待载入等情景使用。
IMGActivityIndicator循环线条样式指示器
0