curvejs- 魔幻线条框架

curvejs- 魔幻线条框架

curvejs中文读[“克js”]，是腾讯AlloyTeam打造的一款魔幻线条框架，让线条成为一名优秀的舞者，让线条们成为优秀的舞团，HTML5 Canvas就是舞台。

你还记得window经典的屏幕保护程序《变幻线》吗？

其原理就是使用 Perlin-Noise + Particle System + Bézier Curve + ColorTransition 制作而成。

使用curvejs实现类似变幻线功能只需要不到10行代码：

const  { Stage, Curve, motion } = curvejslet 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的能力不仅仅是变换线，这完全取决于你的想象力。比如：

Points-ToRotateWordPerlin-NoiseSimpleSimple-ES5Lerp ColorCurvesLineClose

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。