24a2 on hyvin yksinkertainen, mutta täysin toimiva pelimoottori JavaScript-ohjelmoijille. Sillä on epätavallinen ulkoasu ja tuntu, mutta voit käyttää sitä oppiaksesi peliohjelmoinnin perusteet.
Pelisilmukan, värikkään grafiikan ja yksinkertaisen sisääntulon tuella 24a2:ssa on kaikki mitä tarvitset pienten pelien luomiseen vähällä vaivalla.
Tutustu 24a2:een ja aloita matkasi kohti täyttä pelin kehitystä jo tänään.
Mikä on 24a2?
24a2 on pieni, avoimen lähdekoodin moottori, jonka avulla voit rakentaa peruspelejä. Se on erittäin helppo oppia, ja pelien rakentamisen aloittamiseen tarvitset vain verkkoselaimen ja tekstieditorin.
24a2 on saanut nimensä resoluutiostaan: 24 x 24. Jopa muihin verrattuna minimalistiset moottorit, kuten PICO-8, sen 128 x 128 resoluutiolla tämä on pieni! 24a2 käyttää pyöreitä "pikseleitä", joiden välillä on suuria rakoja, joten se näyttää varsin erottuvalta.
Et luultavasti käytä 24a2:ta seuraavan hittivideopelin keksimiseen, mutta siitä ei oikeastaan ole kysymys. 24a2 on täydellinen aloittelijoille, ja sen avulla voit oppia joitain pelien kehityksen taustalla olevia peruskäsitteitä.
Se sopii myös erinomaisesti ydinkonseptin prototyyppien tekemiseen. Jos huomaat, että monimutkainen pelifysiikka tai sprite-animaatiot häiritsevät sinua, kaiken sen poistamisen pitäisi auttaa sinua keskittymään.
Lisäksi 24a2-lähdekoodi on a yksi TypeScript-tiedosto. Voit käyttää sitä inspiraationa tai jopa muokata sitä oman, kehittyneemmän pelimoottorin luomiseksi.
Kuinka käytät 24a2:ta?
Aloita pelisi perusmallilla:
<html>
<pää>
<käsikirjoitus
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
käsikirjoitus>
<käsikirjoitussrc="peli.js">käsikirjoitus>
pää>
<kehon>kehon>
html>
Huomaa, kuinka tämä käyttää sisällönjakeluverkkoa (cdn.jsdelivr.net) sisällön lähdettämiseen engine.js tiedostoa, joten sinun ei tarvitse edes ladata tai asentaa mitään.
Toinen käsikirjoitus, game.js, on omaa pelikoodiasi varten. Aloita absoluuttisella vähimmäistoimintakoodilla varmistaaksesi, että kaikki toimii oikein:
uusi peli({}).run();
Tämä pieni ohjelma näyttää oletusarvoisen 24a2-ruudukon selaimessasi:
Seuraavaksi haluat tutustua 24a2:n takaisinsoittotoimintoihin, jotka muodostavat moottorin ytimen. Nämä käsitteet ovat siirrettävissä pelimoottoreille, joten niiden toiminnan oppiminen hyödyttää sinua 24a2:n käytön lisäksi.
On kourallinen olennaisia toimintoja, jotka voit määrittää ja välittää Game()-konstruktorille config esine.
antaa config = {
luoda: luoda,
päivitys: päivitys,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
antaa peli = Uusi Peli (kokoonpano);
peli.run();
24a2 kutsuu käynnistyessään funktiota, jonka määrität config.createssa. Voit käyttää tätä pelisi oman kokoonpanon alustamiseen, tietorakenteiden määrittämiseen jne.
toimintoluoda(peli) {}Päivitystoiminto on käynnissä säännöllisesti pelisi ajan. Tämä on pääpelisilmukka joka muissa moottoreissa yleensä koostuu erillisistä vaiheista pelin tilan päivittämiseksi ja näytön uudelleenpiirtämiseksi. 24a2:lla hallitset molemmat toiminnot tässä toiminnossa.
toimintopäivittää(peli) {}Lopuksi syötteen kaappaamiseksi haluat käsitellä nuolinäppäimiä, hiiren napsautuksia tai molempia. 24a2 välittää suunnan onKeyPress-toiminnolle, kun soitin painaa nuolinäppäintä. Se välittää x- ja y-koordinaatit onDotClickedille, jos he napsauttavat pistettä hiirellä.
toimintoonKeyPress(suunta) {}
toimintoonDotClicked(x, y) {}
Millaisia pelejä voit luoda 24a2:lla?
The 24a2 sivusto sisältää kolme esimerkkipeliä, mukaan lukien opetusohjelma. Muut sen esittelemät ovat yksinkertainen käärmepeli ja hiihtohaaste.
The GitHub-arkisto sisältää linkkejä joihinkin muihin peleihin, mukaan lukien Space Invaders, Tic-Tac-Toe ja minimaali Paint-ohjelma. You Killed a Bear on edistyneempi, ja Maze Craze on hyvä osoitus siitä, kuinka lisägrafiikkaa kerrostetaan tavallisen ruudukon päälle.
24MadRush on Tetris-klooni, joka hyödyntää hyvin väripalettia. Se alkaa myös innovatiivisella pelattavalla opetusohjelmalla, joka esittelee sen ominaisuuksia.
24a2-pelien tekniset tiedot
24a2 on suunnittelultaan hyvin rajoitettu. Mutta tämä tarjoaa erinomaisen mahdollisuuden luovuuteen. Yksi parhaat vinkit luovempaan toimintaan on omaksua rajoitukset.
Rajoitetun resoluutionsa lisäksi 24a2 rajoittaa sinut:
- Vain yhdeksän värin paletti: sateenkaaren värit sekä musta ja harmaa.
- Hyvin yksinkertainen syöttö: nuolinäppäimien painallukset ja hiiren napsautukset pisteruudukossa.
- Hiljaisuus: musiikkia tai äänitehosteita ei tueta.
Voit kuitenkin aina kirjoittaa täydentävän JavaScript-koodin laajentaaksesi peliäsi näiden rajoitusten yli. Ja koska moottori on avoimen lähdekoodin, voit vapaasti kehittää sitä haluamallasi tavalla.
Kannusta itseäsi suurempiin asioihin 24a2:lla
Kokeile testata itseäsi 24a2:lla. Luo klassinen peli uudelleen tai keksi omasi. Vuoropohjaiset pelit, kuten lautapelit, toimivat erittäin hyvin moottorin kanssa.
Jos 24a2 sytyttää intohimosi pelikehittäjään, sinulla on paljon mahdollisuuksia jatkaa matkaa. PICO-8, Godot, Unity ja GameMaker ovat kaikki suosittuja valintoja.