-
Notifications
You must be signed in to change notification settings - Fork 0
/
nave.js
112 lines (99 loc) · 3.42 KB
/
nave.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
function Nave(context, teclado, imagem, imgExplosao) {
this.context = context;
this.teclado = teclado;
this.imagem = imagem;
this.x = 0;
this.y = 0;
this.velocidade = 0;
this.spritesheet = new Spritesheet(context, imagem, 3, 2);
this.spritesheet.linha = 0;
this.spritesheet.intervalo = 100;
this.imgExplosao = imgExplosao;
this.acabaramVidas = null;
this.vidasExtras = 3;
}
Nave.prototype = {
atualizar: function() {
var incremento =
this.velocidade * this.animacao.decorrido / 1000;
if (this.teclado.pressionada(SETA_ESQUERDA) && this.x > 0)
this.x -= incremento;
if (this.teclado.pressionada(SETA_DIREITA) &&
this.x < this.context.canvas.width - 36)
this.x += incremento;
if (this.teclado.pressionada(SETA_ACIMA) && this.y > 0)
this.y -= incremento;
if (this.teclado.pressionada(SETA_ABAIXO) &&
this.y < this.context.canvas.height - 48)
this.y += incremento;
},
desenhar: function() {
if (this.teclado.pressionada(SETA_ESQUERDA))
this.spritesheet.linha = 1;
else if (this.teclado.pressionada(SETA_DIREITA))
this.spritesheet.linha = 2;
else
this.spritesheet.linha = 0;
this.spritesheet.desenhar(this.x, this.y);
this.spritesheet.proximoQuadro();
},
atirar: function() {
var t = new Tiro(this.context, this);
this.animacao.novoSprite(t);
this.colisor.novoSprite(t);
},
retangulosColisao: function() {
// Estes valores vão sendo ajustados aos poucos
var rets =
[
{x: this.x+2, y: this.y+19, largura: 20, altura: 13},
{x: this.x+25, y: this.y+3, largura: 13, altura: 33},
{x: this.x+40, y: this.y+19, largura: 20, altura: 13}
];
// Desenhando os retângulos para visualização
/*
var ctx = this.context;
for (var i in rets) {
ctx.save();
ctx.strokeStyle = 'yellow';
ctx.strokeRect(rets[i].x, rets[i].y, rets[i].largura,
rets[i].altura);
ctx.restore();
}
*/
return rets;
},
colidiuCom: function(outro) {
// Se colidiu com um Ovni...
if (outro instanceof Ovni) {
this.animacao.excluirSprite(this);
this.animacao.excluirSprite(outro);
this.colisor.excluirSprite(this);
this.colisor.excluirSprite(outro);
var exp1 = new Explosao(this.context, this.imgExplosao,
this.x, this.y);
var exp2 = new Explosao(this.context, this.imgExplosao,
outro.x, outro.y);
this.animacao.novoSprite(exp1);
this.animacao.novoSprite(exp2);
var nave = this;
exp1.fimDaExplosao = function() {
nave.vidasExtras--;
if (nave.vidasExtras < 0) {
if (nave.acabaramVidas) nave.acabaramVidas();
}
else {
// Recolocar a nave no engine
nave.colisor.novoSprite(nave);
nave.animacao.novoSprite(nave);
nave.posicionar();
}
}
}
},
posicionar: function() {
var canvas = this.context.canvas;
this.x = canvas.width / 2 - 18; // 36 / 2
this.y = canvas.height - 48;
}
}