bilibili代码弹幕初阶入门教程.docVIP

bilibili代码弹幕初阶入门教程 bilibili代码弹幕初阶入门教程 PAGE / NUMPAGES bilibili代码弹幕初阶入门教程 序言 高级弹幕不难 . 基础的部分特别简单 . 只要要你花上一点时间就能够轻松上手 . 重要的是 需要对作品的理解以及对时间的掌握 . 不论什么弹幕只要要一颗有爱的心就够了 . 弹幕需要 是爱与人参 . 因此我希望大家不要去使用高级弹幕去做不好的事情 . 目录 第一章 初步认识高级弹幕 变量 创立文本弹幕对象 弹幕对象运动的设置 画图弹幕对象创立以及设置 颜色款式设置 1.4.1.1 beginFill 指定一种颜色进行填补 1.4.1.2 lineGradientStyle beginGradientFill  指定一种线条款式  , 填补样 式的渐变 1.4.1.3 lineStyle  指定线条款式 图形的绘制 绘制一条直线 绘制一条二次贝塞尔曲线 绘制一个圆 绘制一个椭圆 绘制一个矩形 绘制一个圆角矩形 第二章 使用其余工具 工具库 2.1.1 hue 将 0-360 的值映照到色相环 2.1.2 rgb 将 RGB值映照到色彩值上 2.1.3 formatTimes 格式化播放时间 2.1.4 timer 延缓履行函数 2.1.5 interval 准时重复履行函数 2.1.6 distance 计算坐标距离 2.1.7 rand 返回一个前闭后开的整数 Function 函数的创立与使用 播放器控制  视频时间跳转至 跳转到指定 av  号指定页视频 第一章 初步认识高级弹幕 第一节 变量 空话不多说 . 我们先来看一句最基本的弹幕 . var a = 1; 第一一次个要点字是” var ”. 该要点字的意思就是申明一个变量 . 变量说的简单点就是 在后边的过程中能够给 “ a” 从头赋值 . 而后就是变量名” a”了 , 这玩意理解成名字就行了 . 至于对于变量名的规则有些要点字 与保存字是不同意创立的 . 保存字，要点字 第三个是运算符” =” , 第一等于号其实不是数学中的等于意思 . 而是给申明的变量 a 赋值 . 将等号右边的值给予给左边 . 第四个” 1”就是一个值了 . 结尾的分号表示该语句结束 . 看到这里相信大家已经对这句弹幕有了基础的认识 . 这句话的意思就是： 申明变量” a”而且初始化其值为数字 1. 写高级弹幕的时候请严格注意大小写 . var 变量名 = 表达式 ; 第二节 创立文本弹幕对象  . 第一要知道 bili 的播放器的大小 . 像素为单位 . 正常模式：宽 541 高 384 宽屏模式：宽 950 搞 528 全屏模式与网页全屏模式依据显示器分辨率来确立 . 在高级弹幕中在 实质弹幕时间会在公布时间轴填写的时间基础上减去约秒 意时间轴的问题  . 因此请注 高级弹幕中创立新的文本弹幕对象要用到  createComment（ ,{}  ）这个语句  . 请看实例 var a = $.createComment(text ,{x:100}); 该弹幕的意思就是  创立一个变量  a 并创立一个新弹幕对象赋于  a. 我们能够这么理解 createComment. 他的括号内有 2 个参数  . ” text  ”是弹幕内容  . x:100 ｝是该弹幕参数 x 轴上的地点是 100. 自然括号内的不行能只有 x 这一个参数 . 我们能够用到的有 . — 新创立元件的 X 轴座标 — 新创立元件的 Y 轴座标 — 新创立元件的 Z 轴座标 lifeTime — 元件的生计时间 ( 以秒为单位 ) 注：一旦设置不行改正 alpha — 元件的透明度 color — 文字类元件的色彩 fontsize — 文字类元件的大小 parent — 元件的父元件 ( 进阶应用 ) motion — 元件挪动策略 scale — 缩放 那么我们来定义一个略微复杂点的高级弹幕 . 例： var c = $.createComment(text,{ x:100,y:100, lifeTime:10, fontsize:20, color:0x666666, alpha: }); ( 注：参数之间以英文逗号划分 , 最后一个参数结尾无逗号 ) 大家能够预览一下这条弹幕 . 就是在 x 轴 100,y 轴 100 的地点创立一个内容是 text 的 弹幕 . 该弹幕生计时间为 10 秒. 字体大小为 20 号. 十六进制颜色为灰色 . 透明度 . 那么 . 到了这里大家应当已经知道怎么去在一个点创立弹幕并设置该弹幕各项参数 . 接下来就来说一下在创立后各项属性的改正与设