手持弹幕生成器

打一行字,点一下「开始滚动」,这句话就会变成超大号彩色弹幕从屏幕一头跑到另一头。字号拉到最大、轨道拉到 5 条,手机横屏全屏一开,接机举牌、现场应援、开会暖场都比举手机自然。不止一条也能同时滚,几条应援语一起飘过去。

长尾词:弹幕生成器 · 演唱会接机弹幕 · 滚动文字生成器 · 应援弹幕在线制作

① 弹幕内容
输入框里的每一行都会单独发射;也可以先「添加一条」放进待发队列,方便攒好几条再一起滚。
待发队列:0 条
② 样式与轨道
后色板只是常用色快捷入口,选一个就等同改了取色器。
拉到 100 往上,手机全屏也能看清。
数字越小跑得越快,4 秒很快,20 秒很悠闲。
③ 发射台
这里是预览区,点「开始滚动」后右侧(下方)就是全屏滚动效果

实际滚动在整屏黑色背景上进行,手机上建议竖屏或横屏都行,配合「全屏」效果最好;右上角 ✕ 随时退出。

说明

• 多轨道怎么算的:每条轨道占一条横向带(1–5 条均分屏幕高度),轨道序号越靠后,滚动时长在基准周期上多约 16%,所以同屏几条会一快一慢错开,不会整齐划一地叠在一起。同一条文字的「重复」做成一个带间隔的条带一次滚过,份与份之间恒有留白,无论重复几遍、字号多大都不会前后重叠。

• 重复方式:选「按次数」可设 1–10 遍,这条带从右侧整条滑入、左侧整条滑出,单次播放;选「无限循环」则会无缝一直滚下去(条带由两段相同内容拼成,平移正好一段,首尾衔接看不出接缝)。

• 多条文字同屏:第 k 条文字从第 (k × ceil(轨道数 ÷ 条数)) 条轨道起算,保证不同内容尽量落在不同的带上。轨道数调成 1 条时,可开启「最大化字号」:选「手机屏」按手机长边、「电脑屏」按显示器高度,把字号自动铺满整屏高度,旋转屏幕或全屏后会自动重新适配。

• 滚动用的是 CSS @keyframes 做 translate3d(100vw) → translate3d(-100%) 的匀速位移,动画交给浏览器合成层,不占用 JS 定时器,所以不掉帧;字号、速度、轨道数都可以在滚动中途改,下次发射立刻生效。

• 暂停只是把动画挂起(animation-play-state: paused),继续之后接着跑,不会跳回起点;「清屏」会移除所有正在跑的弹幕并自动退出全屏。

• 全程在浏览器本地完成,你写的文字一个字节都不上传;只有打开页面这一次会被记进访问统计。

• 现场抽个签暖场?试试随机抽签工具;等待演出开场还能看在线倒计时。