9. Preparação do ambiente
• Criação do html vazio
• Disponibilidade da biblioteca
• Adicionar nave
• Mover nave
• Adicionar Inimigo
• Mover inimigo
10. Pagina com cor - 1.html
<canvas id="c">
Navegador não compatível com HTML5
</canvas>
<div id="debug_div" style="float: right; width: 300px;"></div>
<script>
var canvasGame = document.getElementById('c');
var mygame = initGame(canvasGame, 640, 480);
mygame.currentScene.background =
NMSColor.TANGERINE;
mygame.start();
</script>
11. Exibir imagem – 2.html
var canvasGame = document.getElementById('c');
var mygame = initGame(canvasGame, 640, 480);
var sprite = new Sprite('ship', 100, 100, 'ship.png' );
mygame.currentScene.add(sprite);
mygame.start();
12. Centralizar a imagem – 3.html
// cena do jogo
var gameScene = new Scene(g.width, g.height);
var sprite = new Sprite('ship', 0, 0, 'ship.png' );
gameScene.add(sprite);
sprite.start = function(_game, child){
child.x = (_game.width - child.width) /2;
child.y = _game.height - child.height - border;
}
13. Centralizar a imagem – 3.html (2)
// cena de carregamento
var loadScene =
new SceneLoading(g.width, g.height, gameScene);
g.currentScene = loadScene;
g.start();