您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

B85M-VIWE 最新BIOS

最近571免费资源小编的电脑又出问题了,重启不了,关机以后电源风扇CPU散热风扇机箱风扇全部在转……

查了查可能是主板的问题,别的办法咱也没有,扣电池重置BIOS也没用,只好尝试刷BIOS了。

主板是技嘉的B85M,5年前的电脑了,可能也该退役了,但不折腾一下还是不甘心啊。

文件:590m.com/f/25127180-500868901-ea0a84(访问密码:551685)

以下内容无关:

-------------------------------------------分割线---------------------------------------------

1)定义路径集合Path,里面规定关键坐标点如startPoint和endPoint,设置从startPoint移动到endPoint的时间duration。

如下json对象,我们有6段路径,分别进行了定义。我们将下面这个列表集合命名为path。

复制代码
1 [
2 {
3 “startPoint”: {
4 “x”: 252.86249999999995,
5 “y”: 191.39166666666665
6 },
7 “endPoint”: {
8 “x”: 252.86249999999995,
9 “y”: 169.66666666666666
10 },
11 “duration”: 3000
12 },
13 {
14 “startPoint”: {
15 “x”: 251.62499999999994,
16 “y”: 169.66666666666666
17 },
18 “endPoint”: {
19 “x”: 393.52499999999986,
20 “y”: 226.2833333333333
21 },
22 “duration”: 15000
23 },
24 {
25 “startPoint”: {
26 “x”: 393.52499999999986,
27 “y”: 226.2833333333333
28 },
29 “endPoint”: {
30 “x”: 393.52499999999986,
31 “y”: 427.075
32 },
33 “duration”: 15000
34 },
35 {
36 “startPoint”: {
37 “x”: 385.6874999999999,
38 “y”: 420.4916666666667
39 },
40 “endPoint”: {
41 “x”: 385.6874999999999,
42 “y”: 407.2916666666667
43 },
44 “duration”: 3000
45 },
46 {
47 “startPoint”: {
48 “x”: 385.6874999999999,
49 “y”: 407.2916666666667
50 },
51 “endPoint”: {
52 “x”: 125.8125,
53 “y”: 421.94166666666666
54 },
55 “duration”: 15000
56 },
57 {
58 “startPoint”: {
59 “x”: 126.6375,
60 “y”: 421.94166666666666
61 },
62 “endPoint”: {
63 “x”: 126.6375,
64 “y”: 434.31666666666666
65 },
66 “duration”: 3000
67 }
68 ]
复制代码
2)每次事件循环执行代码都会计算一个坐标值

怎么计算新坐标?具体就是如下代码:

this.curTime += this.timeFreshTime;
let currentX = Easing.Linear(this.curTime, this.movePath.startPoint.x, this.movePath.endPoint.x - this.movePath.startPoint.x, this.movePath.duration);
let currentY = Easing.Linear(this.curTime, this.movePath.startPoint.y, this.movePath.endPoint.y - this.movePath.startPoint.y, this.movePath.duration);
利用当前时间,起点,终点。我们借助时间曲线easing库,里面的计算专为动画设计,还有我之前介绍过一个运算库《Tween算法及缓动效果》都是一样的。

代码参考如下:

Easing
3)当前坐标点已计算更新,此时在新位置处绘制白色点,我们的事件循序间隔设置的50ms,所有能够产生平滑移动的效果。

4)实际需要几个移动的白点,那就需要定义几个path。如上gif图中我们有两个path,这两个path初始化的时间是错开的,所有才产生非同步移动的效果。

5)当一个path走完,再让其从头走(path的第一个startPoint endPoint),这样不断地循环下去。

分类: Canvas, 计算机图形学
标签: canvas, 计算机图形学


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进