
最近看到了 CSS3 的 animation,想着能不能写个滚动弹幕,结果想不到一发不可收拾,写了个 N.js 出来...
算是用比较简单粗暴的方式实现了基础的弹幕。
基本使用方法在 Readme 有一定的介绍,另外还装配了一个简单的 demo (配合浏览器 Console 更佳).
因为是在高中课余挤出时间学的,我在写 js 这方面还是一条咸鱼,望多多包涵...
在线 Demo:http://lab.imbottle.com/n.js/
Github: https://github.com/SomeBottle/N.js
PS: Demo 图片是在 Wallhaven 找的.
已经更新DEMO,标注了弹幕处于的状态
到中间停了可能并不是卡死,而是暂停。
如果有浏览器卡死的状况望大家提提意见~
目前已经完善地差不多了,希望大家能给个Star.
I'll appreciate if you do that.
1 chinvo 2018 年 12 月 15 日 via iPhone safari 上滚到一半就卡死了 |
2 SomeBottle OP @chinvo #1 滚动弹幕是用 css3 动画实现的,可能 demo 发射数量太多了吧..还是说 css3 有什么优化写法 |
3 rabbbit 2018 年 12 月 15 日 |
4 tygm 2018 年 12 月 15 日 via Android uc 浏览器也走一半停了 安卓 |
5 SomeBottle OP |
6 dyxang 2018 年 12 月 15 日 支持,高三默默的注视着…… |
7 chungzhao 2018 年 12 月 16 日 加油! |