高性能弹幕引擎 BulletScreenEngine

码农软件 · 软件分类 · 弹出视图(Popup View) · 2019-06-30 13:29:52

软件介绍

BulletScreenEngine

English Version | wiki | Demo

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

简介

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

安装和使用

安装

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

> npm install bullet-screen-engine

在构建之前,请确保已经全局安装Gulp,全局安装Gulp的命令如下。

> npm install --global gulp

使用

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

压缩版:


调试版:


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

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

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

详细使用说明请查看 wiki

联系作者

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

版权声明

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

本文地址:https://www.codercto.com/soft/d/9106.html

密码朋克

密码朋克

[澳] 朱利安·阿桑奇 / Gavroche / 中信出版社 / 2017-10 / 42.00元

互联网已经在世界各地掀起了革命,然而全面的打击也正在展开。随着整个社会向互联网迁移,大规模监控计划也正在向全球部署。我们的文明已经来到一个十字路口。道路的一边通往一个承诺“弱者要隐私,强 者要透明”的未来,而另一边则通往一个极权的互联网,在那里,全人类的权力被转移给不受问责的间谍机构综合体及其跨国公司盟友。 密码朋克是一群倡导大规模使用强密码术以保护我们的基本自由免遭攻击的活动家。维基解密的......一起来看看 《密码朋克》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

MD5 加密
MD5 加密

MD5 加密工具