字符画
等级: 中级
字符串艺术的目的在于提供给开发者练习创建一个简单的动画图形,在动画算法中使用几何图形,并创造视觉上令人愉悦的观看体验。
字符串艺术绘制一条多色线条,该线条平滑地移动,直到一端触及包围窗口的边缘。在触及时应用反弹效果以改变其方向。
通过仅在线条移动时保留10-20张图片来创建涟漪效果。较旧的图像逐渐淡出,直到消失。
不允许使用动画库。仅使用原生HTML/CSS/JavaScript。
用户故事
- [ ] 从随机位置开始,在包围窗口的边界内绘制一条多色线条
- [ ] 每20毫秒根据轨迹(基于端点的增量距离)绘制一条新线
- [ ] 当线条的任一端触及包围窗口的边界时,改变方向并随机更改角度
- [ ] 渐渐淡出旧线的强度,以便只有最近的10-20条线条可见,从而产生移动感或“涟漪”
额外功能
- [ ] 用户可以指定线条的长度和速度
- [ ] 用户可以指定窗口内的多条线条,所有线条都沿着不同的轨迹和速度移动
有用的链接和资源
示例项目
这个项目非常接近,但有一个小包围窗口且是单色的。 Daniel Cortes