-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.js
145 lines (129 loc) · 5.45 KB
/
main.js
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
window.onload = function() {
let webGL=true;
let width = document.documentElement.clientWidth;
let height = document.documentElement.clientHeight;
let app = new PIXI.Application(width, height);
document.body.appendChild(app.view);
app.renderer.autoResize = true;
let ticker = new PIXI.ticker.Ticker();
let container = new PIXI.Container();
app.stage.addChild(container);
app.renderer.resize(width, height);
PIXI.loader
.add([
'sniper_death/sniper_death_00000.png',
'sniper_death/sniper_death_00001.png',
'sniper_death/sniper_death_00002.png',
'sniper_death/sniper_death_00003.png',
'sniper_death/sniper_death_00004.png',
'sniper_death/sniper_death_00005.png',
'sniper_death/sniper_death_00006.png',
'sniper_death/sniper_death_00007.png',
'sniper_death/sniper_death_00008.png',
'sniper_death/sniper_death_00009.png',
'sniper_death/sniper_death_00010.png',
'sniper_death/sniper_death_00011.png',
'sniper_death/sniper_death_00012.png',
'sniper_death/sniper_death_00013.png',
'sniper_death/sniper_death_00014.png',
'sniper_death/sniper_death_00015.png',
'sniper_death/sniper_death_00016.png',
'sniper_death/sniper_death_00017.png',
'sniper_death/sniper_death_00018.png',
'sniper_death/sniper_death_00019.png',
'sniper_death/sniper_death_00020.png'
])
.add([
'sniper_move_cam_270/sniper_move_cam_270_00000.png',
'sniper_move_cam_270/sniper_move_cam_270_00001.png',
'sniper_move_cam_270/sniper_move_cam_270_00002.png',
'sniper_move_cam_270/sniper_move_cam_270_00003.png',
'sniper_move_cam_270/sniper_move_cam_270_00004.png',
'sniper_move_cam_270/sniper_move_cam_270_00005.png',
'sniper_move_cam_270/sniper_move_cam_270_00006.png',
'sniper_move_cam_270/sniper_move_cam_270_00007.png',
'sniper_move_cam_270/sniper_move_cam_270_00008.png',
'sniper_move_cam_270/sniper_move_cam_270_00009.png',
'sniper_move_cam_270/sniper_move_cam_270_00010.png',
'sniper_move_cam_270/sniper_move_cam_270_00011.png',
'sniper_move_cam_270/sniper_move_cam_270_00012.png',
'sniper_move_cam_270/sniper_move_cam_270_00013.png',
'sniper_move_cam_270/sniper_move_cam_270_00014.png',
'sniper_move_cam_270/sniper_move_cam_270_00015.png',
'sniper_move_cam_270/sniper_move_cam_270_00016.png',
'sniper_move_cam_270/sniper_move_cam_270_00017.png',
'sniper_move_cam_270/sniper_move_cam_270_00018.png',
'sniper_move_cam_270/sniper_move_cam_270_00019.png',
'sniper_move_cam_270/sniper_move_cam_270_00020.png',
'sniper_move_cam_270/sniper_move_cam_270_00021.png',
'sniper_move_cam_270/sniper_move_cam_270_00022.png',
'sniper_move_cam_270/sniper_move_cam_270_00023.png',
'sniper_move_cam_270/sniper_move_cam_270_00024.png',
'sniper_move_cam_270/sniper_move_cam_270_00025.png'
])
.add([
'sniper_move_cam_180/sniper_move_cam_180_00000.png',
'sniper_move_cam_180/sniper_move_cam_180_00001.png',
'sniper_move_cam_180/sniper_move_cam_180_00002.png',
'sniper_move_cam_180/sniper_move_cam_180_00003.png',
'sniper_move_cam_180/sniper_move_cam_180_00004.png',
'sniper_move_cam_180/sniper_move_cam_180_00005.png',
'sniper_move_cam_180/sniper_move_cam_180_00006.png',
'sniper_move_cam_180/sniper_move_cam_180_00007.png',
'sniper_move_cam_180/sniper_move_cam_180_00008.png',
'sniper_move_cam_180/sniper_move_cam_180_00009.png',
'sniper_move_cam_180/sniper_move_cam_180_00010.png',
'sniper_move_cam_180/sniper_move_cam_180_00011.png',
'sniper_move_cam_180/sniper_move_cam_180_00012.png',
'sniper_move_cam_180/sniper_move_cam_180_00013.png',
'sniper_move_cam_180/sniper_move_cam_180_00014.png',
'sniper_move_cam_180/sniper_move_cam_180_00015.png',
'sniper_move_cam_180/sniper_move_cam_180_00016.png',
'sniper_move_cam_180/sniper_move_cam_180_00017.png',
'sniper_move_cam_180/sniper_move_cam_180_00018.png',
'sniper_move_cam_180/sniper_move_cam_180_00019.png',
'sniper_move_cam_180/sniper_move_cam_180_00020.png',
'sniper_move_cam_180/sniper_move_cam_180_00021.png',
'sniper_move_cam_180/sniper_move_cam_180_00022.png',
'sniper_move_cam_180/sniper_move_cam_180_00023.png',
'sniper_move_cam_180/sniper_move_cam_180_00024.png',
'sniper_move_cam_180/sniper_move_cam_180_00025.png'
])
.load(onAssetsLoaded);
function onAssetsLoaded() {
let frames = [];
for (let i = 0; i < 25; i++) {
let val = i < 10 ? '0' + i : i;
frames.push(PIXI.Texture.fromFrame('sniper_move_cam_180/sniper_move_cam_180_000' + val + '.png'));
}
let frames2 = [];
for (let i = 0; i < 25; i++) {
let val = i < 10 ? '0' + i : i;
frames2.push(PIXI.Texture.fromFrame('sniper_move_cam_270/sniper_move_cam_270_000' + val + '.png'));
}
let frames3 = [];
for (let i = 0; i < 20; i++) {
let val = i < 10 ? '0' + i : i;
frames3.push(PIXI.Texture.fromFrame('sniper_death/sniper_death_000' + val + '.png'));
}
let anim = new PIXI.extras.AnimatedSprite(frames);
anim.animationSpeed = 0.5;
anim.play();
app.stage.addChild(anim);
let down = () => {
if (anim.y > 200) {
anim.y += 0;
anim.x += 1;
anim.textures = frames2;
if (anim.x > 225) {
anim.textures = frames3;
anim.gotoAndPlay(0);
anim.loop = false;
ticker.stop();
}
} else anim.y += 1;
}
ticker.add(down);
ticker.start();
}
};