File size: 1,986 Bytes
670a607
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import Base from '../base/Base.js';
import { Arc } from '../utils/Geoms.js';

const Linear = Phaser.Math.Linear;

class Pie extends Base {
    constructor(scene, config) {
        super(scene, config);
        this.type = 'rexSpinnerPie';
    }

    buildShapes() {
        for (var i = 0; i < 4; i++) {
            var pie = (new Arc()).setPie();
            this.addShape(pie);

            pie.setData('speed', Linear(180, 360, Math.random()));
        }
    }

    updateShapes() {
        var centerX = this.centerX;
        var centerY = this.centerY;
        var radius = this.radius;

        var deltaValue;
        if (this.prevValue !== undefined) {
            deltaValue = this.value - this.prevValue;
            if (this.prevValue > this.value) {
                deltaValue += 1;
            }
        }

        var shapes = this.getShapes();
        for (var i = 0, cnt = shapes.length; i < cnt; i++) {
            var pie = shapes[i];
            var pieAlpha = (i + 1) / cnt;

            if (this.prevValue === undefined) {
                var startAngle = (i / cnt) * 360;
                var endAngle = startAngle + 90;
                pie
                    .fillStyle(this.color, pieAlpha)
                    .setRadius(radius)
                    .setCenterPosition(centerX, centerY)
                    .setAngle(startAngle, endAngle)
                    .setData('angle', startAngle);
            } else {
                var startAngle = pie.getData('angle') + pie.getData('speed') * deltaValue;
                startAngle = startAngle % 360;
                var endAngle = startAngle + 90;
                pie
                    .fillStyle(this.color, pieAlpha)
                    .setRadius(radius)
                    .setCenterPosition(centerX, centerY)
                    .setAngle(startAngle, endAngle)
                    .setData('angle', startAngle);

            }

        }

        this.prevValue = this.value;

    }
}

export default Pie;