授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2019-01-05

openBSE

English Version | wiki | Demo | Docs

高性能 JavaScript 弹幕引擎。同屏弹幕1000+

简介

一个高性能 JavaScript 弹幕引擎,简单易用。支持 CSS3 、 Canvas 2D 、 WebGL 和 SVG 渲染方式。支持顶部、底部、逆向弹幕渲染。使用 Canvas 2D 渲染方式可同屏渲染至少1000条弹幕(可达1600条,与电脑配置有关)。

安装和使用

安装

你可以直接点击这里下载最新发行版本,也可以用以下命令安装NPM包。

> npm install openbse

使用

安装完成后,在 Html 页面引入。

压缩版:

<script src="openBSE.all.min.js"></script>

调试版:

<script src="openBSE.all.js"></script>

添加一个 id 为 BulletScreensDiv 的固定大小的 div 标签用于显示弹幕,并插入以下 JavaScript 代码。

var bulletScreenEngine = new openBSE.BulletScreenEngine(document.getElementById('BulletScreensDiv'));
var _startTime = 5000;
for (var i = 0; i < 10000; i++) {
    bulletScreenEngine.addBulletScreen({
        text: "这是一个长长长长长长长长长长长长长长长长长长长长长长长长的测试(^_^)",
        startTime: _startTime
    });
    _startTime += Math.round(Math.random() * 300);
}
bulletScreenEngine.play();

用浏览器打开网页即可显示弹幕。

详细使用说明请查看 wiki 。

联系作者

如果有任何问题请写下 issues 。
E-mail:scottxu@scottxublog.com

版权声明

这个项目是一个开源项目,遵循 MIT 开源协议。要查看协议,请点击这里

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

BulletScreenEngine 的相关资讯

还没有任何资讯

BulletScreenEngine 的相关博客

No Silver Bullet

No Silver Bullet Essence and Accidents of Software Engineering Computer Magazine; April 1987 by Frederick P. Brooks, ...

Bullet In A Bible

American Idiot Jesus of Suburbia Holiday Are We The Waiting St. Jimmy Longview Hitchin’ A Ride Brain Stew Basket Cas...

【Bullet引擎】Bullet物理引擎简单说明

说明   Bullet是一款开源的物理模拟计算引擎,包括刚体、柔体、弹性体等,是世界三大物理模拟引擎之一(包括Havok和PhysX)...

子弹图(bullet chart)

今天跟大家分享的图表是——子弹图(bullet chart)! ▽▼▽ 名字听起来是不是很高大上呀,这个图表是用于日常绩效评估的,可...

bullet HashMap 内存紧密的哈希表

last modified time:2014-11-9 14:07:00 bullet 是一款开源物理引擎,它提供了碰撞检测、重力模拟等功能,很多3D游戏、3D设计...

子弹图(条形图实现)(Bullet Chart)

今天要跟大家分享的技巧是子弹图(Bullet Chart)在条形图中的实现! ▽▼▽ 前一篇分享了子弹图(柱形形式)的 制作技巧,这...

screen 命令 http://man.linuxde.net/screen

http://man.linuxde.net/screen -A  将所有的视窗都调整为目前终端机的大小。 -d <作业名称>  将指定的screen作业离线。 ...

【Bullet引擎】刚体类 —— btRigidBody

btRigidBody类主要用于刚体数据的计算。 在模拟刚体动画过程中,可以使用btRigidBody类获取所保存的刚体对象,进而控制刚体对...

screen

1.进入一个命名为s1的screen中 正常命令行中:screen -S s1 2.将screen挂到后台进行 screen中: [ctr+a ]+d 3.回到s1的screen中...

BulletScreenEngine 的相关问答

还没有任何问答,马上提问

评论 (1)

加载中
感谢各位小伙伴,预计两到三个月后增加高级弹幕支持。 嘛,最近我在检查文档时发现一些错误,有一些错别字和缺漏。我会在下次更新的时候加以改正。给给位带来困扰,很不好意思呢。 这个项目是 JavaScript 的弹幕引擎,B站开源的 烈焰弹幕使 是 Android 弹幕引擎,要分清哦。
2019/04/01 22:19
回复
举报
更多评论
1 评论
57 收藏
分享
返回顶部
顶部