Tasohyppelypeli 6: Kentän skrollaaminen

Tunnisteet:

Tässä osassa mahdollistetaan se, mikä tekee pelistä kuin pelistä oikeasti mielenkiintoisen ja jopa jännittävän: koodataan ruutua suurempi kenttä ja skrollataan sitä pelaajahahmon liikkuessa; näin koko kenttä ei lävähdä pelaajan näkyviin heti alussa, ja pelaajassa herää uteliaisuus tutkia koko kenttä.

Kamera siis seuraa pelaajahahmoa, mutta teknisesti emme koodaa mitään pelaajahahmon mukana kulkevaa kameraa, vaan pelaajahahmon liikuttamisen sijaan liikutetaan – eli skrollataan – koko kenttää. Tämä saa aikaan illuusion kameran liikkumisesta pelaajahahmon mukana. Ja jos pelaajahahmo sitten saavuttaa kentän reunat, pysäytetään kentän skrollaaminen ja liikutetaan itse pelaajahahmoa niin kauan, kunnes sen liikkuminen jatkuu keskemmälle kenttää.

Tähän peliin skrollaaminen toteutetaan ainoastaan sivusuunnassa, eli kentät ovat edelleen vain 15 tiiltä korkeita. Mutta historia on osoittanut, että hyvin toimii pelkkä sivusuuntainen skrollaaminen Super Mario Brosissakin, joten ei hätää.

Määrittele main.h-otsikkotiedostoon vakio SCREEN_MIDDLE_X, jonka arvoksi annetaan ruudun keskilinja vaakasuunnassa. Tätä tarvitaan pelaajahahmon sivusuuntaisen sijainnin tarkastelemiseksi, kun saavutaan kentän reunoihin.

#define SCREEN_MIDDLE_X SCREEN_WIDTH / 2 - TILE_SIZE / 2

Muuta vakion MAP_WIDTH arvoksi 40; kasvatamme siis kentästämme 40 tiiltä leveän aiemman 20:n sijaan.

#define MAP_WIDTH 40
#define MAP_HEIGHT 15

Sitten seuraa taas mälsää kentänrakennustoimintaa eli muuta taulukon map[MAP_HEIGHT][MAP_WIDTH] alkioita. Ole tarkkana, että yhdelle riville tulee täsmälleen se määrä alkioita, jonka annoit vakion MAP_WIDTH arvoksi – tässä tapauksessa siis 40.

int map[MAP_HEIGHT][MAP_WIDTH] =
{
    {1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1},
    {1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,1},
    {1,0,0,0,0,0,0,0,0,0,0,0,3,0,0,1,2,2,1,1,1,0,0,0,0,0,0,0,0,0,0,0,3,0,0,1,2,2,1,1},
    {1,0,0,0,0,3,2,0,0,0,0,1,1,0,0,1,1,1,1,1,1,0,0,0,0,3,2,0,0,0,0,1,1,0,0,1,1,1,1,1},
    {1,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,1,1,1},
    {1,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,1,1},
    {1,0,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,1,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,3,0,1,1,1,1,3,3,0,0,0,0,0,0,0,0,2,3,1,1,3,0,1,1,1,1,3,3,0,0,0,0,0,0,0,0,2,3,1},
    {1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1}
};

Luo Tile-tietuemuuttuja mapBounds sekä kokonaislukumuuttuja stopCamera, joita tarvitaan skrollaamisen toteuttamisessa;

  • mapBounds-muuttujaa käytetään kentän reunojen sijainnin selvittämiseksi
  • stopCamera-muuttujaa käytetään skrollaamisen pysäyttämiseksi kentän reunoissa.
struct Tile
{
    int x1, y1, x2, y2;
    int mapIndexX, mapIndexY;
} tile,
tilePositions[MAP_WIDTH * MAP_HEIGHT],
enemyPositions[MAP_WIDTH * MAP_HEIGHT],
itemPositions[MAP_WIDTH * MAP_HEIGHT],
mapBounds;
 
int stopCamera;

Lisää vielä esittely funktiolle GetMapBounds.

void GetMapBounds();

Lisää main.c-lähdekooditiedoston SetupGame-funktion määrittelyyn alkuarvot muuttujille tile.x1 ja stopCamera ja anna kummankin arvoksi 0. Pelin alkaessa näkyvissä on siis kentän vasen reuna, eikä skrollaamista ole pysäytetty.

void SetupGame()
{
    ResetMap();

    player.x = 152;
    player.y = 112;
    player.width = TILE_SIZE;
    player.height = TILE_SIZE;

    player.velocityY = 0;
    player.isJumping = 0;
 
    player.isDead = 0;
    player.won = 0;

    player.collectedItems = 0;
    itemsInMap = 0;

    GetItems();

    tile.x1 = 0;
    stopCamera = 0;

    setupGameDone = 1;

    fadeInProgress = 1;
}

Lisää main.c-lähdekooditiedostoon GetMapBounds-funktion määrittely, jossa käydään kenttä läpi ja annetaan muuttujien mapBounds.x1, mapBounds.y1, mapBounds.x2 sekä mapBounds.y2 arvoksi kentän nurkkien sijainti.

void GetMapBounds()
{
    int i, j;

    int minX = MAP_WIDTH * TILE_SIZE;
    int minY = MAP_HEIGHT * TILE_SIZE;
    int maxX = 0;
    int maxY = 0;

    for (i = 0; i < MAP_HEIGHT; i++)
    {
        for (j = 0; j < MAP_WIDTH; j++)
        {
            if (j * TILE_SIZE < minX)
                minX = j * TILE_SIZE + tile.x1;

            if (i * TILE_SIZE < minY)
                minY = i * TILE_SIZE;

            if ((j + 1) * TILE_SIZE > maxX)
                maxX = (j + 1) * TILE_SIZE + tile.x1;

            if ((i + 1) * TILE_SIZE > maxY)
                maxY = (i + 1) * TILE_SIZE;
        }
    }

    mapBounds.x1 = minX;
    mapBounds.y1 = minY;
    mapBounds.x2 = maxX;
    mapBounds.y2 = maxY;
}

Lisää main.c-lähdekooditiedoston DrawGame-funktion määrittelyyn GetMapBounds-funktion kutsu.

    GetPositions(1, tilePositions, &numTilePositions);
    GetPositions(2, enemyPositions, &numEnemyPositions);
    GetPositions(3, itemPositions, &numItemPositions);

    GetMapBounds();

    DrawMap(1, COLOR_TILE);
    DrawMap(2, COLOR_ENEMY);
    DrawMap(3, COLOR_ITEM);

Seuraavaksi muokataan taas MovePlayer-funktion määrittelyä. Tee alla olevat muutokset vasemman ja oikean nuolinäppäimen painallusten tarkistukseen. Huomaa myös niiden jälkeen oleva muutos, jossa joko skrollataan kenttää tai liikutetaan pelaajahahmoa sivusuunnassa.

if (key[KEY_LEFT] && player.x >= 2
&& !Collided(&player, tilePositions, numTilePositions, &mapIndexX,
&mapIndexY, -2, 0))
{
    dx -= 2;

    // Jos kenttä on yli 20 tiiltä leveä ja jos pelaajahahmo liikkuessaan vasemmalle
    // saavuttaa kentän vasemman reunan eikä skrollaamista ole pysäytetty...
    if (MAP_WIDTH > 20 && mapBounds.x1 >= 0 && !stopCamera)
    {
        // ...pysäytetään skrollaaminen...
        stopCamera = 1;

        // ...ja varmistetaan, että kenttä on oikeassa kohdassa ruutua skrollaamisen
        // loputtua.
        tile.x1 = 0;
    }

    // Jos kenttä on yli 20 tiiltä leveä ja pelaajahahmo liikkuessaan vasemmalle
    // poistuu kentän oikeasta reunasta sekä skrollaaminen on pysäytetty...
    if (MAP_WIDTH > 20 && player.x <= SCREEN_MIDDLE_X && stopCamera &&
    mapBounds.x2 <= SCREEN_WIDTH)
    {
        // ...sallitaan skrollaaminen.
        stopCamera = 0;
    }
}

if (key[KEY_RIGHT] && player.x <= SCREEN_WIDTH - (TILE_SIZE + 2)
&& !Collided(&player, tilePositions, numTilePositions, &mapIndexX,
&mapIndexY, 2, 0))
{
    dx += 2;

    // Jos kenttä on yli 20 tiiltä leveä ja jos pelaajahahmo liikkuessaan oikealle
    // saavuttaa kentän oikean reunan eikä skrollaamista ole pysäytetty...
    if (MAP_WIDTH > 20 && mapBounds.x2 <= SCREEN_WIDTH && !stopCamera)
    {
        // ...pysäytetään skrollaaminen...
        stopCamera = 1;

        // ...ja varmistetaan, että kenttä on oikeassa kohdassa ruutua skrollaamisen
        // loputtua.
        tile.x1 = -TILE_SIZE / 2 * MAP_WIDTH;
    }  

    // Jos kenttä on yli 20 tiiltä leveä ja pelaajahahmo liikkuessaan oikealle poistuu
    // kentän vasemmasta reunasta sekä skrollaaminen on pysäytetty...
    if (MAP_WIDTH > 20 && player.x >= SCREEN_MIDDLE_X && stopCamera && mapBounds.x1 >= 0)
    {
        // ...jatketaan skrollaamista.
        stopCamera = 0;
    }
}

// Jos kenttä on yli 20 tiiltä leveä ja jos skrollaamista ei ole pysäytetty...
if (MAP_WIDTH > 20 && !stopCamera)
    // ...skrollataan kenttää...
    tile.x1 -= dx;
 // ...muuten...
else
    // ...liikutetaan pelaajahahmoa sivusuunnassa.
    player.x += dx;

Nyt pelimaailmaa löytyy ruudun ulkopuoleltakin, ja "kamera" seuraa pelaajahahmoa ja pysähtyy kentän reunoihin. Kun aiemman osan koodimuutokset nostivat vaikeustasoa, nyt nousi mielenkiintoaste, sillä kun kaikkia kentän iloja ja harmeja ei paljasteta pelaajalle kerralla, hänessä herää väistämättä halu kurkistaa vielä yhden "kulman" taakse. Tämä se vasta on peliä!

 

Nyt ollaan saavutettu ensimmäinen merkittävä etappi meidän DOS-pelikoodaustaipaleellamme; peli on tietyllä tapaa täydellinen, sillä sen mekaniikka toimii, sen voi hävitä ja läpäistä, ja kaiken kruunaa toimiva alkuvalikko. (Ai niin: alkuvalikon Options-kohdehan ei toimi. Menepäs ja hoida homma, tee siitä vaikka How to play, jos et keksi, millaisia asetuksia siellä voisi olla). Ja jos tämän kummempaa grafiikkaa ei tarvita, pelin voi sanoa olevan jopa valmis – taputa itseäsi selkään, jos pääsit tänne asti!

Saapa nähdä, mitä seuraavaksi tapahtuu tämän projektin parissa. Vai tapahtuuko mitään. Eli tuleeko tästä joskus ns. kolmen A:n peli omalla kahdeksanbittisellä paletilla, bittikarttagrafiikalla, sprite-animaatioilla sekä äänillä ja MIDI-musiikilla? Voisiko kenttiäkin olla enemmän kuin yksi, ja edistyminen tallennettaisiin aina, kun edellinen kenttä on läpäisty? Olisipa mahtavaa tehdä kaikki tuo... Mutta aika on rajallinen, ja minulla on paha tapa sinkoilla kiinnostuksen kohteideni kanssa ympäriinsä. Mutta ehkä joskus!

Kommentit

Lähetä kommentti