bilibili代码弹幕初阶入门教程(转载)

那么.到了这里大家应该已经知道怎么去在一个点创建弹幕并设置该弹幕各项参数.
接下来就来说一下在创建后各项属性的更改与设置.
现在.声明变量c并创建了一个弹幕内容为"测试"的弹幕.它的x轴为50,y轴为100.
例：
var c = $.createComment("测试",{x:50,y:100});
那么如果我们现在需要让他的位置x轴不变y轴变更到50.那么我们这个时候就需要直接更改弹幕的某一个参数.只需要在弹幕后面加上.
1.4.1.2lineGradientStylebeginGradientFill指定一种线条样式,填充样式的渐变
这里需要用到：
lineGradientStyle指定一种线条样式的渐变
beginGradientFill指定一种填充样式的渐变
详细请看：链接
g.graphics.beginGradientFill("linear", [0xFF0000, 0x00FF00,0x0000FF],[1,1,1],[0x00,0x7f,0xff] , $.createGradientBox(20, 20, 0, 0, 0),"reflect","rgb",0);
在这里面其中x为需要移动的参数.x中的fromValue是x的起始位置toValue是结束位置.lifeTime是这个运动过程所花费的时间.(注:如果在motion里面x.y有起始值并且在motion外也设置x.y的值,那么将显示motion里面的设置位置)
此外motion支持多属性同时运动.
例：
var c = $.createComment("移动测试",{
第四个”1”就是一个值了.结尾的分号表示该语句结束.
看到这里相信大家已经对这句弹幕有了基础的了解.这句话的意思就是：
声明变量”a”并且初始化其值为数字1.
写高级弹幕的时候请严格注意大小写.
var 变量名 = 表达式;
1.2第二节创建文本弹幕对象.
首先要知道bili的播放器的大小.像素为单位.
正常模式：宽541高384
drawCircle绘制一个圆.
drawEllipse绘制一个椭圆
drawRect绘制一个矩形
drawRoundRect绘制一个圆角矩形
lineTo绘制一条直线
beginFill指定一种颜色进行填充
lineStyle指定线条样式
lineGradientStyle指定一种线条样式的渐变
beginGradientFill指定一种填充样式的渐变
x:{fromValue:100,toValue:250,lifeTime:3,startDelay:500},
y:{fromValue:50,toValue:250,lifteTime:3},
alpha:{fromValue:0,toValue:1,lifeTime:0.5,repeat:6}
},
使用命令：createShape
例子：
var g = $.createShape({x:50,y:50,lifeTime:3,alpha:0.5});
首先创建一个新的图形对象.里面可以设置的内容同文本对象（位置,生存时间,透明度,运动设置等方法同creatComment）.
绘图需要使用到的：
curveTo使用当前线条样式绘制一条二次贝塞尔曲线
前言
高级弹幕不难.基础的部分非常简单.只需要你花上一点时间就可以轻松上手.重要的是需要对作品的理解以及对时间的把握.无论什么弹幕只需要一颗有爱的心就够了.弹幕需要是爱与人参.所以我希望大家不要去使用高级弹幕去做不好的事情.
第一章初步了解高级弹幕
1.1变量
1.2创建文本弹幕对象
1.3弹幕对象运动的设置
lifeTime—元件的生存时间(以秒为单位)注：一旦设置不可更改
alpha—元件的透明度
color—文字类元件的色彩
fontsize—文字类元件的大小
parent—元件的父元件(进阶应用)
motion—元件移动策略
scale—缩放
那么我们来定义一个稍微复杂点的高级弹幕.
例：
varc= $.createComment("text",{
宽屏模式：宽950搞528
全屏模式与网页全屏模式根据显示器分辨率来确定.
在高级弹幕中在实际弹幕时间会在发布时间轴填写的时间基础上减去约0.2秒.所以请注意时间轴的问题
高级弹幕中创建新的文本弹幕对象要用到createComment（"",{}）这个语句.请看实例
var a = $.createComment("text",{x:100});
该弹幕的意思就是创建一个变量a并创建一个新弹幕对象赋于a.
我们可以这么理解createComment.他的括号内有2个参数.”text”是弹幕内容.｛x:100｝是该弹幕参数x轴上的位置是100.
当然括号内的不可能只有x这一个参数.我们可以用到的有.
x—新创建元件的X轴座标
y—新创建元件的Y轴座标
z—新创建元件的Z轴座标
可选lifeTime以秒为单位的移动生存时间如留空则与整体生存时间一致
可选startDelay以毫秒为单位的起始移动延时时间（毫秒为单位）
可选easing详细请看补间效果
可选repeat效果重复次数
下面我们来看一个相对复杂的例子
var c = $.createComment("移动测试",{
motion:{
x:100,y:50,
motionGroup:[
{x:{fromValue:100,toValue:200,lifeTime:1},alpha:{fromValue:0,toValue:1,lifeTime:1}},
{y:{fromValue:50,toValue:150,lifeTime:1},alpha:{fromValue:1,toValue:0,lifeTime:1}}
2.更改c的x轴位置为200.透明度更改为1.颜色为0xfff000.
1.3弹幕对象运动的设置
在上一个章节中学习了如何创建文本对象和设置文本对象的参数.这次就讲如何让创建的弹幕对象运动起来.这里我们要用到motion.下面请看一个例子.
var c = $.createComment("移动测试",{
c.y = 50;
（注：更改颜色的语句不是c.color而是c.textColor.注意大小写）
此外还有比较常用的就是旋转3个轴的设置.
c.rotationX,rotationY,rotationZ.
例:
c.rotationX=90;
另还有些参数也可以设置.详细参考
训练题：
1.声明变量c并创建一条弹幕对象.其内容为空.其属性为X轴为270.Y轴为190.生存时间5秒.字体颜色为0xff0000,透明度为0.5.字体大小为15号.
虽然可以使用repeat这个属性执行重复的操作.但是这个是远远不能满足复杂的移动效果的.然而去创建很多motion也是很麻烦的.这里我就需要用到motionGroup了.motionGroup能执行多个motion连续运动.
我们来看一个实例.
var c = $.createComment("弹幕测试",{
]
});)
以上弹幕就是使用一个组将两个移动连接在了一起→↓.需要注意的是motionGroup的冒号后面的是英文中括号.并且每一次移动包括透明度都最好加上lifeTime并且每一个motion中的lifeTime的时间必须一致..每一次motion之间用英文逗号相隔.最后一个结尾无符号.
1.4绘图弹幕对象创建以及设置
motion:{
x:{fromValue:100,toValue:250,lifeTime:3},
alpha:{fromValue:0,toValue:1,liftTime:3}
},
lifeTime:3
});
这次除了移动x轴还添加了一个透明度从0到1的变化.
下面我们说一下在motion中有哪些是可以做变化的.
2.1.4 timer延迟执行函数
2.1.5 interval定时重复执行函数
2.1.6 distance计算坐标距离
2.1.7 rand返回一个前闭后开的整数
2.2 Function函数的创建与使用
2.3播放器控制
2.3.1视频时间跳转至
2.3.2跳转到指定av号指定页视频
第一章初步了解高级弹幕
1.1第一节变量
x:移动x轴位置.
y:移动y轴位置.
alpha:透明度变换（有效值0-1）.
fontsize:字体大小变换（不推荐使用.字号的变换较明显.
rotationX, rotationY, rotationX:旋转x轴,旋转Y轴,旋转Z轴.
其中的属性值有:
必填fromValue起始移动属性值
可选toValue结束移动属性值如留空则不移动
把这三个参数整合在一起就变成了.移动测试从x：100,y：50的位置开始移动,并且透明度最开始是0.由于x有一个起始移动时间.但是y轴跟透明度变化已经开始.所以首先"移动测试"会先渐入的向下移动.500毫秒后x开始移动这个时候y轴的移动还没有停第一次的透明度改变已经结束.所以x,y轴这个时候是同时移动的.最后结果回是往右下移动并且透明度会重复的从0到1..
我们来一个个的来了解.首先要了解的并不是怎么去绘制而是设定绘制的样式
1.4.1颜色样式设置
1.4.1.1beginFill指定一种颜色进行填充
这里用到：
beginFill指定一种颜色进行填充