내 첫 JavaScript 게임...

내 첫 JavaScript 게임...

2022-10-19 last update

5 minutes reading
그래서 게임을 만들었지만 이것은 CodeHS와 함께하는 컴퓨터 과학 수업을 위한 것이었습니다. 색깔이 다른 공을 누르기만 하면 되는 아주 간단합니다.

코드에서 볼의 색상:

//빨간색
//노란색
//녹색

*//코드
*

`var 반경 = 100;
var OFF_SCREEN = -200;
변수 지연 = 600;
var 볼;
변수 점수 = 10;
var 점수 텍스트;
var WIN_SCORE = 20;

//프로그램 시작 코드 시작
함수 시작(){
세트업볼();
setTimer(changeBall, DELAY);
mouseClickMethod(클릭 핸들러)

scoreText = new Text(score);
scoreText.setPosition(0, getHeight())
add(scoreText)

}

함수 clickHandler(e){
var 요소 = getElementAt(e.getX(),e.getY());
if(요소 != null && 요소.getColor() ==
색상.녹색){
println("훌륭합니다!")
점수++;
}또 다른{
println("실패.")
점수--;
}

    if(score == 0){
        displayMessage("You Lose :(");
    }
    if(score == WIN_SCORE){
        displayMessage("You Win!!! :D");
    }

    scoreText.setText(score);

}

기능 표시 메시지(텍스트){
stopTimer(체인지볼);
var msg = 새로운 텍스트(텍스트);
msg.setPosition(getWidth()/2 - msg.getWidth()/2
,200)
추가(메시지)

}

//게임에 사용할 공을 설정합니다.
함수 setUpBall(){
공 = 새로운 원(RADIUS);
ball.setPosition(OFF_SCREEN, OFF_SCREEN);
추가(공);

}
//500밀리초마다 공을 임의의 위치로 이동시킵니다.
함수 변경 볼(){
var x = Randomizer.nextInt(ball.getRadius(),
getWidth() - ball.getRadius());
var y = Randomizer.nextInt(ball.getRadius(),
getHeight() - ball.getRadius());

    ball.setColor(Randomizer.nextColor());



    ball.setPosition(x, y); 
    changeColor();

}
/공의 색을 빨간색에서 노란색으로 바꿉니다.
매번 새로운 위치로 이동합니다./
함수 변경색상(){
var colorCode = Randomizer.nextInt(0, 2);
var 색상;
if(색상 코드 == 0){
색상 = 색상.빨간색;
} 그렇지 않으면(색상 코드 == 1){
색상 = Color.yellow;
}또 다른{
색상 = 색상.녹색
}

    ball.setColor(color);

}`

결과




https://codehs.com/sandbox/id/my-first-javascript-game-vQE9Su/run



감사! :디