arcade
Chromium Arcade
Ki ne szeretne játszani? Ez az oldal a Verebély László Technikumának a 2022/23. évi 11. szoftverfejlesztő és tesztelő évfolyamának I. sávú csoportjának a második projektmunkája. Mi úgy terveztük és készítettuk ezt a projektmunkát, hogy az unalmas óráidban csak böngéssz a játékok közül és nyugalmasan játszhass velük, esetleg tudj tanulni is a nyílt kódforrásunknak köszönhetően.
3 egyszerű lépésből már játszani is tudsz a játékainkkal!
- Regisztrálj/Jelentkezz be!
- Válassz ki egy játékot
- Játssz!
SASS Compiler
A stílusa a weboldalnak SASS-ban íródott, semmilyen könyvtárat nem használtunk a sajátos dizájn miatt.
SASS CLI Compiler letöltése
npm install -g sass
Compiler futtatása:
sass --watch --verbose scss/config.scss style.css
How it works
DEV NOTES
Drótvázat - dizájntervet ITT tudod megnézni
Elakadtál? Nincs Ötleted? Itt egy pár játékötlet chatgpt-vel generálva: https://github.com/gydoma/arcade/issues/5
Ha valami más programozási nyelvben szeretnéd megcsinálni a játékodat mint a kitűzött (nem konzolos JavaScript, Python, C#) akkor ügyelj arra, hogy lehessen futtatni a weben vagy könnyen letölthető egy fájlos (pl.: .exe)
A játékodnak legyen egy leírása, hogy mit kell csinálni a játékhoz (pl.: a Snake játékban a játékosnak kell a nyilakat megnyomni a kígyó irányának megváltoztatásához).
A játékodnak legyen egy saját mappája, amiben a kódja és a bemutatója van. A mappa neve legyen a játéknak megfelelő, pl.: snake_game vagy snake-game vagy snakeGame vagy snakegame vagy snake vagy snakegame.
Játék készítési útmutató
- Forkold a repót
- Készíts egy új branchet a játékodhoz:
git checkout -b my-new-game - Commitolj a változásaidnak:
git commit -am 'Add some game' - Pushold a branchet:
git push origin my-new-game - Készíts egy pull requestet a master branchre
Weboldalra használt színpaletta
A weboldal háttere svg-ben készült, 2 monokróm #FFF4CC, #F9E9BF színnel. A kártyák háttere #FFFFFF, körvonaluk #474A57 (sötét módban: #b8b5a8) és #000000. A nagyobb kontrasztot adó fő hangsúlyú a #FFBD12, sötét módban ez a #F95A2C. Világos módban a szövegek: 1. rangú (primary) - #000000; 2. rangú (secondary) - #18191F; 3. rangú (tertiary) - #474A57. Sötét hátteren ebben a sorrendben: #FFFFFF; #D1D1D1; #cccccc.
Google Bard Szerint
A gydoma/arcade GitHub repo egy webalapú arcade játékplatform kódját tartalmazza. A platform lehetővé teszi a felhasználók számára, hogy különféle játékokkal játszanak, többek között Snake, Pong, Breakout és Space Invaders játékokkal. A kód JavaScriptben íródott, és a HTML5 canvas elemet használja a játékok megjelenítéséhez. A platform tartalmaz egy felhasználói regisztrációs és bejelentkezési rendszert, valamint egy ranglistát a játékosok eredményeinek nyomon követésére.
A kód jól szervezett és könnyen olvasható. A megjegyzések világosak és informatívak, a kód pedig jól dokumentált. A projekt számos kódolási konvenciót használ, ami megkönnyíti a követést és a megértést. A kód is jól tesztelt, egy átfogó tesztcsomaggal, amely biztosítja, hogy a játékok az elvárásoknak megfelelően működnek.
Összességében a gydoma/arcade GitHub repo egy jól megírt és karbantartott projekt. A kód tiszta, szervezett és jól dokumentált. A projekt jól tesztelt is, ami biztosítja, hogy a játékok az elvárásoknak megfelelően működnek. Ajánlom ezt a projektet mindenkinek, aki szeretne többet tanulni a webfejlesztésről vagy a játékfejlesztésről.
Íme a kód néhány legfontosabb jellemzője:
- A kód JavaScriptben íródott, és a HTML5 canvas elemet használja a játékok megjelenítéséhez.
- A platform tartalmaz egy felhasználói regisztrációs és bejelentkezési rendszert, valamint egy ranglistát a játékosok eredményeinek nyomon követésére.
- A kód jól szervezett és könnyen olvasható.
- A megjegyzések világosak és informatívak, a kód pedig jól dokumentált.
- A projekt különböző kódolási konvenciókat használ, ami megkönnyíti a követést és a megértést.
- A kód jól tesztelt, átfogó tesztcsomaggal, amely biztosítja, hogy a játékok az elvárásoknak megfelelően működnek.
Features
- Játékok
- Játék kategóriák
- Játékok keresése
- Játékok szűrése
- Játékok megosztása
- Játékok letöltése
- Játékok futtatása
- Játékok futtatása mobilon
- Játékok futtatása böngészőben (offline)
Készítették:
| Név | 3 JS - 2 PY - 6 CS - 1 C++ |
|---|---|
| Gyurkovics Dominik | [Projektvezető] py (1) |
| Katona Roland | [Pv.-helyettes] js (1) |
| Andrási Szilvia | [Segítő - Tanár] |
| Bábolnai Bence | js (1) |
| Orosz Eszter | cs (1) |
| Dávid Benedek | py (1) |
| Vajda Dániel | cs (1) |
| Bán Gergő | cs (1) |
| Suhajda Zsolt Péter | cs (1) |
| Rostás András Péter | |
| Bárczi Bence | cs (2) |
| Kósa Márk | c++ (1) |
| Molnár-Horgos Kristóf | TankTrouble |
| Vígh Noel | TankTrouble |
| Horváth Péter Ákos | TankTrouble |
A projekt weboldalának a kinézeti tervét, PHP és SCSS részét készítette és fenntartja: gydoma.
Játékok Listája
| Játék Neve | Programozási nyelv | Engine | Frissítve | Készítette |
|---|---|---|---|---|
| snakegame1.0 | C# | - | 2023/01/27 | Esztii |
| Blackjack | JavaScript | - | 2023/01/27 | Roland |
| quiz | Python | - | 2023/01/30 | gydoma |
| TankTrouble | C# | Unity | 2023/01/27 | készítette |
| Catan | Python | PyGame | 2023/02/01 | Benedek |
| Keeper Of The Gates 1.6 | C# | Unity | 2023/02/01 | Vajda |
| RepülösProjektMunka | Javascript | - | 2023/02/07 | Bencso |
| Pong | C# | Unity | 2023/02/07 | rewerze |
| FlappyBird | C# | MonoGame | 2023/02/14 | Bárczi Bence |
| Quoridor | C# | MonoGame | 2023/02/14 | Bárczi Bence |
| TextRPG | C# | - | 2023/02/28 | Bán Gergő |
| Space Mem | C++ | - | 2023/03/01 | Kósa Márk |
Note Projekt várható befejezésének időpontja: 2023 Közepe