DamooHTML5 弹幕引擎

联合创作 · 2023-09-22 06:47

Damoo 是一个轻量级的 HTML5 弹幕引擎。可以在页面元素上附加一层弹幕图层并且以非常简单的 API 调用方式使用。查看DEMO

Damoo

一个不起眼的 HTML5 弹幕引擎。

Getting started 走起

下载最新发行版本。

需要在页面中准备一个合适的容器。

<div id="dm-main"> <div id="dm-screen"></div> </div>

Then, import damoo.js or damoo.min.js.

然后引入damoo.js或damoo.min.js。

<script type="text/javascript" src="damoo.min.js"></script>

Initiate Damoo.

初始化。

var damoo = Damoo('dm-screen', 'dm-canvas', 20);

Or use your own font instead of "sans-serif".

可自定义全局字体。

var damoo = Damoo('dm-screen', 'dm-canvas', 20, "Arial");

And run it.

运行。

damoo.start();

Danmaku can be emitted by calling emit method.

用emit方法发射弹幕。

damoo.emit({ text: "Damoo is awesome!", color: "#f49" });

Enable text shadow.

开启字体阴影。

damoo.emit({ text: "I got a shadow!", color: "#000", shadow: true });

Color the shadow.

自定义阴影颜色。

damoo.emit({ text: "Hooray!", color: "#f00", shadow: { color: "#f49" } });

Danmaku can also be fixed at the center of the screen.

发射固定弹幕。

damoo.emit({ text: "I'M FIXED!", color: "#6f9", fixed: true });

Clear the screen.

清空屏幕。

damoo.clear();

You may hide Damoo.

隐藏弹幕图层。

damoo.hide();

And bring it back.

显示弹幕图层。

damoo.show();

If needed, you may suspend the animation.

暂停动画。

damoo.suspend();

And resume it when ready to go.

恢复动画。

damoo.resume();

Contributing 填坑

Hope you enjoy the code!

你们城里人都很会玩,我就不多说了。

_(:з」∠)_



浏览 11
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报