bilibili高级弹幕代码初阶教程.docx

bilibili高级弹幕代码初阶教程.docx

ID:62496116

大小:48.08 KB

页数:17页

时间:2021-05-10

bilibili高级弹幕代码初阶教程.docx_第1页
bilibili高级弹幕代码初阶教程.docx_第2页
bilibili高级弹幕代码初阶教程.docx_第3页
bilibili高级弹幕代码初阶教程.docx_第4页
bilibili高级弹幕代码初阶教程.docx_第5页
资源描述:

《bilibili高级弹幕代码初阶教程.docx》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、目录第一章初步了解高级弹幕变量创建文本弹幕对象弹幕对象运动的设置绘图弹幕对象创建以及设置1.4.1颜色样式设置1.4.1.1beginFill指定一种颜色进行填充指定一种线条样式,填充样1.4.1.2lineGradientStylebeginGradientFill式的渐变1.4.1.3lineStyle指定线条样式1.4.2图形的绘制1.4.2.1绘制一条直线1.4.2.2绘制一条二次贝塞尔曲线1.4.2.3绘制一个圆1.4.2.4绘制一个椭圆1.4.2.5绘制一个矩形1.4.2.5绘制一个圆角矩形第二章使用其他工具工具库2.1.1hue将0-360的值映射到色相环2.1.2rgb将RGB

2、值映射到色彩值上2.1.3formatTimes格式化播放时间2.1.4timer延迟执行函数2.1.5interval定时重复执行函数2.1.6distance计算坐标距离2.1.7rand返回一个前闭后开的整数Function函数的创建与使用播放器控制2.3.1视频时间跳转至2.3.2跳转到指定av号指定页视频r!—第一章初步了解高级弹幕第一节变量废话不多说•我们先来看一句最基本的弹幕(注:参数之间以英文逗号区分,最后一个参数结尾无逗号)vara=1;首先一次个关键字是”var”.该关键字的意思就是声明一个变量.变量说的简单点就是在后面的过程中可以给“a”重新赋值.然后就是变量名”a”了,

3、这玩意理解成名字就行了.至于关于变量名的规则有些关键字与保留字是不允许创建的•保留字,关键字第三个是运算符”=”,首先等于号并不是数学中的等于意思•而是给声明的变量a赋值.将等号右边的值赋予给左边•第四个”1”就是一个值了•结尾的分号表示该语句结束••这句话的意思就是:看到这里相信大家已经对这句弹幕有了基础的了解声明变量”a”并且初始化其值为数字1.写高级弹幕的时候请严格注意大小写•var变量名=表达式;(注:参数之间以英文逗号区分,最后一个参数结尾无逗号)第二节创建文本弹幕对象•首先要知道bili的播放器的大小•像素为单位•正常模式:宽541高384宽屏模式:宽950搞528全屏模式与网页全

4、屏模式根据显示器分辨率来确定在高级弹幕中在实际弹幕时间会在发布时间轴填写的时间基础上减去约秒•所以请注意时间轴的问题高级弹幕中创建新的文本弹幕对象要用到createComment("",{})这个语句.请看实例vara=$.createComment("text",{x:100});该弹幕的意思就是创建一个变量a并创建一个新弹幕对象赋于a.我们可以这么理解createComment.他的括号内有2个参数."text”是弹幕内容.{x:100}是该弹幕参数x轴上的位置是100.当然括号内的不可能只有x这一个参数.我们可以用到的有.x—新创建元件的X轴座标y—新创建元件的Y轴座标z—新创建元件的Z

5、轴座标lifeTime—元件的生存时间(以秒为单位)注:一旦设置不可更改alpha—元件的透明度color—文字类元件的色彩fontsize—文字类元件的大小parent—元件的父元件(进阶应用)motion—元件移动策略scale—缩放那么我们来定义一个稍微复杂点的高级弹幕例:I**Ivarc=$.createComment("text",{Ix:100,y:100,lifeTime:10,fontsize:20,color:0x666666,alpha:});IIi(注:参数之间以英文逗号区分,最后一个参数结尾无逗号)大家可以预览一下这条弹幕•就是在x轴100,y轴100的位置创建一个内容

6、是text的弹幕•该弹幕生存时间为10秒•字体大小为20号.十六进制颜色为灰色•透明度•那么•到了这里大家应该已经知道怎么去在一个点创建弹幕并设置该弹幕各项参数接下来就来说一下在创建后各项属性的更改与设置现在•声明变量c并创建了一个弹幕内容为”测试”的弹幕•它的x轴为50,y轴为100.例:IIfIIIvarc=$•createComment("测试",{x:50,y:100});rILI那么如果我们现在需要让他的位置x轴不变y轴变更到50.那么我们这个时候就需要直接更改弹幕的某一个参数•只需要在弹幕后面加上•=50;(注:更改颜色的语句不是而是•注意大小写)此外还有比较常用的就是旋转3个轴的

7、设置•,rotationY,rotationZ.例:I'III=90;另还有些参数也可以设置•详细参考训练题:1・声明变量c并创建一条弹幕对象•其内容为空•其属性为X轴为轴为190・生存时间5秒•字体颜色为0xffO000,透明度为•字体大小为15号.2・更改c的x轴位置为200.透明度更改为1.颜色为OxfffOOO.弹幕对象运动的设置.这次就讲如何让创建的弹在上一个章节中学习了如何创建文本对象

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。