TypeScript asteroid-collection.AsteroidCollection类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中app/asteroid-collection.AsteroidCollection类的典型用法代码示例。如果您正苦于以下问题：TypeScript AsteroidCollection类的具体用法？TypeScript AsteroidCollection怎么用？TypeScript AsteroidCollection使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了AsteroidCollection类的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: main

(function main() {
    'use strict';

    // Game Globals
    const GAME_STATE = { START: 'START', PLAY: 'PLAY', PAUSE: 'PAUSE', OVER: 'OVER' };
    let canvasContext = document.getElementById('GameCanvas').getContext('2d');
    let gameState = GAME_STATE.START;
    let gameScore = 0;
    let gameLives = 3;
    let viewPort = {
        width: 720,
        height: 480
    };

    //region Game
    let playerShip = new Ship({viewPort, lasers: new LaserCollection()});
    let asteroids = new AsteroidCollection({viewPort: viewPort});
    let controls = new Controls();
    let game = new Game({init, update, draw});
    game.start();
    
    function init() {
        window.setInterval(() => {
            if (gameState === GAME_STATE.PLAY) {
                asteroids.addAsteroid();
            }
        }, 140 - (viewPort.width / 100));
    }
    
    function update() {
        if (gameState === GAME_STATE.PLAY) {
            asteroids.update();
            playerShip.update();
            checkShipAndAsteroidCollision();
            checkShipLaserAndAsteroidCollision();
        } else {
            return;
        }
    }
    
    function draw() {
        canvasContext.clearRect(0, 0, viewPort.width, viewPort.height);
        drawScore();
        drawLives();

        if (gameState === GAME_STATE.START) {
            drawStartScreen();
        } else if (gameState === GAME_STATE.PLAY) {
            playerShip.draw(canvasContext);
            asteroids.draw(canvasContext);
        } else if (gameState === GAME_STATE.PAUSE) {
            console.log('Paused');
        } else if (gameState === GAME_STATE.OVER) {
            endGame();
        } else {
            drawStartScreen();
        }
    }
    
    function checkShipAndAsteroidCollision() {
        asteroids.list.forEach((asteroid, index) => {
            if (CollisionDetection.check(playerShip, asteroid)) {
                asteroids.list.splice(index, 1);
                removeLife();
            }
        });
    };

    function checkShipLaserAndAsteroidCollision() {
        playerShip.lasers.list.forEach((laser, laserIndex) => {
            asteroids.list.forEach((asteroid, asteroidIndex) => {
                if (CollisionDetection.check(laser, asteroid)) {
                    playerShip.lasers.list.splice(laserIndex, 1);
                    asteroids.list.splice(asteroidIndex, 1);
                    addScore();
                }
            });
        });
    };
    //endregion

    //region Key Game Controls
    controls.on('left', () => {
        if (gameState === GAME_STATE.PLAY) {
            playerShip.moveLeft();
        }
    });

    controls.on('right', () => {
        if (gameState === GAME_STATE.PLAY) {
            playerShip.moveRight();
        }
    });

    controls.on('up', () => {
        if (gameState === GAME_STATE.PLAY) {
            playerShip.moveUp();
        }
    });

//.........这里部分代码省略.........

开发者ID:splintercode，项目名称:space-shooter，代码行数:101，代码来源:app.ts

示例2: update

 function update() {
     if (gameState === GAME_STATE.PLAY) {
         asteroids.update();
         playerShip.update();
         checkShipAndAsteroidCollision();
         checkShipLaserAndAsteroidCollision();
     } else {
         return;
     }
 }

开发者ID:splintercode，项目名称:space-shooter，代码行数:10，代码来源:app.ts

示例3: draw

    function draw() {
        canvasContext.clearRect(0, 0, viewPort.width, viewPort.height);
        drawScore();
        drawLives();

        if (gameState === GAME_STATE.START) {
            drawStartScreen();
        } else if (gameState === GAME_STATE.PLAY) {
            playerShip.draw(canvasContext);
            asteroids.draw(canvasContext);
        } else if (gameState === GAME_STATE.PAUSE) {
            console.log('Paused');
        } else if (gameState === GAME_STATE.OVER) {
            endGame();
        } else {
            drawStartScreen();
        }
    }

开发者ID:splintercode，项目名称:space-shooter，代码行数:18，代码来源:app.ts

示例4:

 window.setInterval(() => {
     if (gameState === GAME_STATE.PLAY) {
         asteroids.addAsteroid();
     }
 }, 140 - (viewPort.width / 100));

开发者ID:splintercode，项目名称:space-shooter，代码行数:5，代码来源:app.ts

注：本文中的app/asteroid-collection.AsteroidCollection类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。