弹幕视频设计网站13---------绘制弹幕03

简介: 弹幕视频设计网站13---------绘制弹幕03

大家好,我是爱你三千遍斯塔克,之前我们讨论了一个绘制弹幕是怎样的,针对绘制弹幕我们进行了一个优化,不过还有一些不足的地方,这部分内容主要涉及,上面出现的弹幕闪屏,弹幕样式优化,进行了更进一步的讨论,这里有一些资料,可供大家参考,希望对大家有帮助。

希望你喜欢我的内容,记得关注我哦!我会继续为大家带来更好的作品!”

1、首先我们检查一下这个top状态

2、如果是非占用的状态

3、这里书写表示,要小于画布的宽度,这里表示说明,不占用空间

4、不占用了,这里我们就可以调用函数了

5、这里先改成false,如果这里不定义false,就会反复调用这个函数

6、为了避免两条弹幕之间连接太近

7、先定义一个500毫秒

8、检查检查待发送的弹幕是否还有其他值

9、让他位移,向左慢慢减二

10、如果不等于false,那我们就继续让他进行一个递归,变成false就说明不带绘画了

11、再重新调用一下自己

12、通过Barrage调用这个类

13、导入类

14、我们导入之后,是可以调用这个Barrage的方法:对Barrage进行一个初始化

15、init设置初始化,setCanvas设置画板

16、我们先获得setCanvas

17、页面相同的画板,设置canvas的画板

18、页面相同称为canvas

19、调用setCanvas获取相应的画板

20、把Vue的id写上

21、

22、初始化宽度为0

23、给他赋值,这两个属性就代表着属性的宽和高

24、轨道有数

25、把需要的资料都给他

26、init可以获得一个barrage的对象

27、为什么不能在这个函数中调用

28、为什么不能调用,因为canvas在这里是没有的

29、在这里我们也可以调用微弱的函数了

30、结果这里报错了,我们一点点找:先插入几个弹幕

31、第30行出现错误

32、这里i从1开始

33、一般文件从第一行开始

34、这里修改Text

35、这里设置弹幕颜色,修改一下就不报bug了

36、这里黑色弹幕就出现了

37、有个很大的黑色弹幕出现是因为没有控制好canvas,这里多设置一个样式的高度和宽度就行了

38、现在就可以发送了

39、这里出了一个错,前端的框架应该齐平,同时弹幕能该在一个位置

40、再发一个白色的弹幕,添加一个白色弹幕

41、结果这里弹幕一闪而过,立即消失了

42、为什么消失了,这里我们使用了一个递归

43、

44、这里我们可以在外面进行一个递归

45、这样就好了

46、样式改这里

47、现在这里能看到了

48、调成这样最合适

相关文章
|
5天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
15天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
9天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
603 214
|
存储 人工智能 监控
从代码生成到自主决策:打造一个Coding驱动的“自我编程”Agent
本文介绍了一种基于LLM的“自我编程”Agent系统,通过代码驱动实现复杂逻辑。该Agent以Python为执行引擎,结合Py4j实现Java与Python交互,支持多工具调用、记忆分层与上下文工程,具备感知、认知、表达、自我评估等能力模块,目标是打造可进化的“1.5线”智能助手。
840 61
|
7天前
|
人工智能 移动开发 自然语言处理
2025最新HTML静态网页制作工具推荐:10款免费在线生成器小白也能5分钟上手
晓猛团队精选2025年10款真正免费、无需编程的在线HTML建站工具,涵盖AI生成、拖拽编辑、设计稿转代码等多种类型,均支持浏览器直接使用、快速出图与文件导出,特别适合零基础用户快速搭建个人网站、落地页或企业官网。
1240 157
|
4天前
|
编解码 Linux 数据安全/隐私保护
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
238 138
|
7天前
|
存储 安全 固态存储
四款WIN PE工具,都可以实现U盘安装教程
Windows PE是基于NT内核的轻量系统,用于系统安装、分区管理及故障修复。本文推荐多款PE制作工具,支持U盘启动,兼容UEFI/Legacy模式,具备备份还原、驱动识别等功能,操作简便,适合新旧电脑维护使用。
517 109