高性能弹幕引擎 BulletScreenEngine

MIT
JavaScript
跨平台
2019-01-05

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开源协议。要查看协议,请点击这里

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

python 发射子弹

飞船能上下移动,能够发射子弹,以及处理消失的子弹

2018/01/23 14:30
19
0
微信打飞机子弹运动轨迹调整

本文在上次基础上添加了多个子弹,并利用运动合成定理,调整子弹的运动轨迹。最终使得左边子弹做斜抛运动,右边子弹做斜线运动。

2016/06/16 20:14
21
0
game engine simple discribe

Most game engines aren't generic, so for instance you couldn't take minesweeper engine and apply it to Halo 3. A lot of commercial games will however write most of their engine ...

2012/04/27 17:40
35
0
微信打飞机游戏面向对象结构的初步实现

前面一个程序中的飞机已经可以发射按照一定轨迹运动的子弹,每个子弹都采用一个变量来记录它的xy坐标,在主循环中判断每一颗子弹的状态。本文将添加打飞机的对手——敌机。为了使得程序主体更...

2016/06/16 23:18
22
0
AndEngine: Using the Object Pool

原文地址: https://c0deattack.wordpress.com/2011/01/06/andengine-using-the-object-pool/ PS: 非常不错的分析, 不错 有兴趣的朋友可以看看! When developing a game or application fo...

2012/10/23 05:42
191
0
Open-source frameworks/projects for iPhone plat...

http://woorkup.com/2010/08/25/10-useful-frameworks-to-develop-html-based-webapps-for-touch-devices/ http://code.google.com/p/iui/ (UI library for Safari iPhone apps) http://iweb...

2013/01/25 13:55
51
0
Unity学习笔记六

接着笔记五: 这次主要内容是: 点击怪物的时候发送子弹,子弹打中怪物的时候怪物血量才会减少 子弹数量视图 主角剩余血量视图 子弹夹,医药箱功能 1.先创建一个子弹:GameObject -> Create ...

2014/02/18 17:01
494
0
开源的物理引擎

物理引擎 是一种仿真程序,可用来创建一种虚拟环境,在其中集成来自物理世界的规律。在这个虚拟的环境中包括的物体,除了物体之间的相互作用(比如碰撞)外,还包括施加到它们身上的力(比如...

2012/02/08 18:00
269
0
IPhone开发的43个资源(转)

转载自 http://theappleblog.com/2009/06/01/43-iphone-development-resources/。 需翻 墙。 书籍 Beginning iPhone Development: Exploring the iPhone SDK Programming in Objective-C 2....

2011/07/19 09:54
438
1
Semtech SX1278 (lora modem)

The SX127x family with LoRa™ provides significant benefits for range, robust performance, and battery lifetime compared to competing technologies. When combined with the LoRa™...

2015/04/23 16:47
118
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部