简单写了一个能用的弹幕 js——N.js

2018 年 12 月 15 日
 SomeBottle

最近看到了 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 找的.

4766 次点击
所在节点    分享创造
7 条回复
chinvo
2018 年 12 月 15 日
safari 上滚到一半就卡死了
SomeBottle
2018 年 12 月 15 日
@chinvo #1 滚动弹幕是用 css3 动画实现的，可能 demo 发射数量太多了吧..还是说 css3 有什么优化写法
rabbbit
2018 年 12 月 15 日
tygm
2018 年 12 月 15 日
uc 浏览器也走一半停了 安卓
SomeBottle
2018 年 12 月 15 日
@rabbbit #3 我已经把 demo 的弹幕删减了一些，目前手机 Chrome 测试很流畅

@tygm #4 demo 中确实有一段暂停弹幕的演示，不见得是卡顿
dyxang
2018 年 12 月 15 日
支持，高三默默的注视着……
chungzhao
2018 年 12 月 16 日
加油！

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/517898

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX