JAVASCRIPT#68 - 게임 초기화 RECAP.

The game & pony will shower me with diamonds! ♥

JAVASCRIPT#68 - 게임 초기화 RECAP.

게임 코드는 2가지 파트로 나뉘어 진다.

1. 처음 한번 실행되서 초기화하는 초기화 파트

2. 주기적으로 반복실행되는 루프(반복) 파트

이번에 살펴볼 파트는 초기화 부분.

$(function(){
    var backgroundAnim = new gf.animation({
        url : "Images/back.png"
    });
    var networkPacketsAnim = new gf.animation({
        url : "Images/packets1.png"
    });
    var playerAnim = new gf.animation({
        url : "Images/player.png"
    });
    var lifeAnim = new gf.animation({
        url : "Images/life.png"
    });

    var initialize = function()
    {
        $("#mygame").append("<div id='container' style='width: 640px; height: 480px;'></div>");
        gf.addSprite("container", "background", {width:640, height:480});
        gf.addSprite("container", "packets1", {width:640, height:40, y:370});
        gf.addSprite("container", "player", {width:18, height:44, x: 320, y:430});
        gf.addSprite("container", "life", {width:96, height:32});

        gf.setAnimation("background", backgroundAnim);
        gf.setAnimation("packets1", networkPacketsAnim);
        gf.setAnimation("player", playerAnim);
        gf.setAnimation("life", lifeAnim);

        $("#startButton").remove();
        //setInterval(gameloop, 100);
    }

    $("#startButton").on("click", function(){gf.startPreloading(initialize);});

});

Point1. $(function(){}); 는 페이지 로드시 무조건 실행되는 함수이다.

Point2. 초기화 함수가 하는 일

1) 필요한 스프라이트 소환하기, 초기 애니메이션 재생시키기 (주소설정).

2) GUI 앨리먼트 만들기 .

초기화 함수에 의해 기초 스프라이트들이 소환된 모습.