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

2018-12-15 21:00:35 +08:00
 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 找的.

4321 次点击
所在节点    分享创造
7 条回复
chinvo
2018-12-15 21:03:55 +08:00
safari 上滚到一半就卡死了
SomeBottle
2018-12-15 21:14:50 +08:00
@chinvo #1 滚动弹幕是用 css3 动画实现的,可能 demo 发射数量太多了吧..还是说 css3 有什么优化写法
rabbbit
2018-12-15 21:16:33 +08:00
tygm
2018-12-15 21:53:45 +08:00
uc 浏览器也走一半停了 安卓
SomeBottle
2018-12-15 23:05:19 +08:00
@rabbbit #3 我已经把 demo 的弹幕删减了一些,目前手机 Chrome 测试很流畅

@tygm #4 demo 中确实有一段暂停弹幕的演示,不见得是卡顿
dyxang
2018-12-15 23:21:29 +08:00
支持,高三默默的注视着……
chungzhao
2018-12-16 12:45:32 +08:00
加油!

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

https://www.v2ex.com/t/517898

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

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

© 2021 V2EX