STRIKE/player.js at main · marlingit/STRIKE · GitHub

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
const PlayerStates = {
    IDLE: "idle",
    WALKING: "walking",
    JUMPING: "jumping",
    RUNNING: "running",
};
class Player {
    constructor(x, y) {
        this.x = x;
        this.y = y;
        this.idleAnimation = [];
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_01.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_02.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_03.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_04.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_05.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_06.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_07.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_08.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_09.png"
            )
        );
        this.idleAnimation.push(
            loadImage(
                "assets/player animations/Character Idle/images/Character-Idle-48x48_10.png"
            )
        );
        this.playerState = PlayerStates.IDLE;
        this.currentFrame = 0;
    }

    draw() {
        push();
        imageMode(CENTER);
        scale(1 / 3);
        switch (this.playerState) {
            case PlayerStates.IDLE:
                this.drawIdle();
                break;
            case PlayerStates.WALKING:
                this.drawWalking();
                break;
            case PlayerStates.JUMPING:
                this.drawJumping();
                break;
        }
        pop();
    }

    drawIdle() {
        image(this.idleAnimation[this.currentFrame], this.x, this.y);
        this.currentFrame += this.currentFrame % this.idleAnimation.length;
    }
}