如何在Space Race游戏中正确地使宇宙飞船击中彗星？

如何解决如何在Space Race游戏中正确地使宇宙飞船击中彗星？

所以，当彗星自上而下时，我正在尝试编写非常简单的太空竞赛游戏。这是一款两人游戏，其中一个玩家使用鼠标，另一个键盘。我只能使用Internet在代码中创建SpaceShip和Comet对象，并且我无法编程以了解何时Space Ship正确撞击彗星。发生这种情况时，应该暂停游戏，但是不知何故暂停游戏是在随机时刻，我无法使程序正确地“捕获”太空飞船和彗星碰撞。另外，太空飞船没有完全伸到窗户的两边，还剩下一个很小的空间，但是我不会在太空飞船的一角接触画布的窗户。这是基础知识，因此我想使用相同的简单级别代码进行修复，因为提交此项目后我将学习高级知识。

代码如下：

* spaceships in space. Each spaceship should avoid stars. 
*/

/*Program constants. */
/*Image constants. */
var IMAGE_WIDTH = getWidth();
var IMAGE_Y_OFFSET = 50;
var IMAGE_HEIGHT = getHeight()-IMAGE_Y_OFFSET;

/* Separator constants. */
var separator;
var SEPARATOR_X = getWidth()/2;
var SEPARATOR_Y_START = 0;
var SEPARATOR_Y_END = getWidth();

/* SpaceShip Constants. */
var spaceShip;
var leftSpaceShip;
var rightSpaceShip;
var SPACESHIP_WIDTH = 60;
var SPACESHIP_HEIGHT = 30;

/* Comet constants. */
var leftComets = new Array();
var rightComets = new Array();
var COMET_WIDTH =20;
var COMET_HEIGHT = 20;

/* Delay for timer. */
var DELAY = 200;
var dx = 0;
var dy = 10;

//
var collider;

//
var leftPlayerScore = 0;
var score;

//resources 
var R = {
 BG: "https://images.squarespace-cdn.com/content/v1/5b0b11c7f407b4a4414d3e37/1527526845741-CN0JKJCQ0C7A023YVUO7/ke17ZwdGBToddI8pDm48kBknNY12DidMsvPZpwda1jl7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UcoWcckttQ4f3OPn9AYi8Ixxt5euaKzynDxgRaRYRh9FVMfZ_fU2mqhXiOYZfVnqnQ/%285%29+30x30cm+Space+Art+Series.jpg?format=1500w",comet: "https://images.vexels.com/media/users/3/141843/isolated/preview/fd3ed44c374b2432154fe118c3ac9884-comet-speed-fall-danger-by-vexels.png",ship: "https://images.vexels.com/media/users/3/150026/isolated/preview/580cca5efa65c7c69ba5cad9e954698d-space-rocket-illustration-by-vexels.png"
};

/* Start function. */
function start() {
    addBackground(IMAGE_WIDTH,IMAGE_HEIGHT);
    addUserSeparator(SEPARATOR_X,SEPARATOR_Y_START,SEPARATOR_X,SEPARATOR_Y_END);
    addSpaceShips(SPACESHIP_WIDTH,SPACESHIP_HEIGHT,getWidth()/4-SPACESHIP_WIDTH/2,getHeight()-SPACESHIP_HEIGHT-IMAGE_Y_OFFSET);
    leftSpaceShip = spaceShip;
    addSpaceShips(SPACESHIP_WIDTH,3*getWidth()/4-SPACESHIP_WIDTH/2,getHeight()-SPACESHIP_HEIGHT-IMAGE_Y_OFFSET);
    rightSpaceShip = spaceShip;
    mouseMoveMethod(moveLeftSpaceShip);
    keyDownMethod(moveRightSpaceShip);
    mouseClickMethod(onMouseClick);
}

/*This function adds background image for Space Race game. Function
* takes parameters for Image width and height.
*/
function addBackground(width,height) {
    var background = new WebImage(R.BG);
    background.setSize(width,height);
    add(background);
}


/*This function draws line in the middle of the Canvas to separate
* two sides for two players. Function takes in parameters for
* line start and end x and y positions. 
*/
function addUserSeparator(xStart,yStart,xEnd,yEnd) {
    separator = new Line(getWidth()/2,getWidth()/2,getHeight());
    separator.setColor(Color.BLACK);
    add(separator);
}

/*This function draws spaceship. Function takes in parameters for spaceship width,height x and y positios.*/
function addSpaceShips(width,height,x,y) {
    spaceShip = new WebImage(R.ship);
    spaceShip.setSize(width,height);
    spaceShip.setPosition(x,y);
    add(spaceShip);
    return spaceShip;
}

/* This function is used to add one comet on the Canvas. It takes in
* parameters for comet width,height and draws comet with given 
* values.
*/
function addComet(width,y) {
    var comet = new WebImage(R.comet);
    comet.setSize(width,height);
    comet.setPosition(x,y);
    comet.setRotation(45,0);
    add(comet);
    return comet;
}

/*This adds every comet to the array and draws them on the screen. */
function drawComets() {
    leftComets.push(addComet(COMET_WIDTH,COMET_HEIGHT,Randomizer.nextInt(0,getWidth()/2)-COMET_WIDTH,COMET_WIDTH)));
    rightComets.push(addComet(COMET_WIDTH,Randomizer.nextInt(getWidth()/2,getWidth()),COMET_WIDTH)));
}

/*This function moves comets that appear on the canvas to the bottom
* of the screen. If comets hit bottom of the Image,they dissapear.
*/
function moveComets() {
    var cometsCollection = new Array();
    collider = getCollidingObject();
    for(var c of leftComets) {
        c.move(dx,dy);
        if(c.getY()+COMET_WIDTH/2>=getHeight()-IMAGE_Y_OFFSET) {
            remove(c);
        } else {
            cometsCollection.push(c);
        }
    }
    leftComets = cometsCollection;
    rightComets = cometsCollection;
    spaceShipHitsComets();
}

/*This function checks if spaceShip hits any object and if it does return object that spaceShip has hit.
*/
function getCollidingObject() {
    if(getElementAt(spaceShip.getX(),spaceShip.getY())!=null) {
        return getElementAt(spaceShip.getX(),spaceShip.getY());
    } else if(getElementAt(spaceShip.getX()+SPACESHIP_WIDTH,spaceShip.getY())!=null) {
        return getElementAt(spaceShip.getX()+SPACESHIP_WIDTH,spaceShip.getY());
    } else if(getElementAt(spaceShip.getX(),spaceShip.getY()-SPACESHIP_HEIGHT)!=null) {
        return getElementAt(spaceShip.getX(),spaceShip.getY()-SPACESHIP_HEIGHT);
    } else {
        return null;
    }
}

/*This function checks if spaceShip has hit comet and removes spaceShip if it does.
*/
function spaceShipHitsComets() {
    for(var c of leftComets) {
        if(collider==c) {
            stopTimer(drawComets);
            stopTimer(moveComets);
            leftPlayerScore++;
            updateLeftPlayerScore(leftPlayerScore);
            mouseClickMethod(onMouseClick);
        }
    }
    for(var c of rightComets) {
        if(collider==c) {
            stopTimer(drawComets);
            stopTimer(moveComets);
            mouseClickMethod(onMouseClick);
        }
    }
}

/*This function waits for mouse to be clicked and then starts drawing and moving comets. It also pauses an unpauses game every time player
* clicks the mouse. Function also checks if spaceship hits any comets and stops the game once spaceShip hits comets,deductes one point
* from user that has collided with comet and gives one point to player who hadn't. It pauses game untill mouse is clicked again.
*/
function onMouseClick() {
    setTimer(drawComets,DELAY);
    setTimer(moveComets,DELAY);
    mouseClickMethod(onSecondMouseClick);
}

/*This function pauses and unpauses game every time player clicks mouse.
*/
function onSecondMouseClick() {
    stopTimer(drawComets);
    stopTimer(moveComets);
    mouseClickMethod(onMouseClick);
}

/*This function moves left spaceship with mouse. */
function moveLeftSpaceShip(e) {
    if(e.getX()-SPACESHIP_WIDTH/2>=0&&e.getX()+SPACESHIP_WIDTH/2<=getWidth()/2) {
        leftSpaceShip.setPosition(e.getX()-SPACESHIP_WIDTH/2,getHeight()-IMAGE_Y_OFFSET-SPACESHIP_HEIGHT);
    }
}

/*This function moves right spaceship with keyboard. */
function moveRightSpaceShip(e) {
    if(e.keyCode==Keyboard.LEFT) {
        if(rightSpaceShip.getX()>=getWidth()/2) {
            rightSpaceShip.move(-5,0);    
        }
    }
    if(e.keyCode==Keyboard.RIGHT) {
        if(rightSpaceShip.getX()+SPACESHIP_WIDTH<=getWidth()) {
            rightSpaceShip.move(5,0);
        }
    }
}

/*This function updates scores for each player. */
function updateLeftPlayerScore(leftPlayerScore) {
    score = new Text(leftPlayerScore,"30pt Arial");
    score.setPosition(100,200);
    add(score);
}

如何在Space Race游戏中正确地使宇宙飞船击中彗星？

如何解决如何在Space Race游戏中正确地使宇宙飞船击中彗星？

相关推荐