Showing posts with label websocket. Show all posts
Showing posts with label websocket. Show all posts

Sep 3, 2011

online Gomoku

Pár hete készült el a gomoku nevű (magyarul ötödölő vagy amőba, kinek hogy tetszik) játékom. Ezzel kapcsolatban íródik a mostani poszt. A technikai alapokról osztok meg néhány gondolatot.
Felületről megközelítve CSS3 és SVG(Raphael) technológiákról beszélhetünk, míg szerver oldalról természetesen :) egy PHP szerver biztosítja a kliensek közti kommunikációt (WebSocket). A PHP-ban íródott alkalmazásszerver jelenleg 100 játékosra van kofigurálva, a játékosok belépéskor azonosítókat kapnak. Az azonosító és megadott kóddal "fejlécezett" üzenetekkel kommunikálnak a szerverrel oda-vissza. Amikor egy játékos a felületen lép egyet, akkor a szervernek elküldi a lépést azonosító üzenet kódot és a lépés x, y koordinátáját. Ezt az üzenetet a szerver megkapja, majd elküldi a megfelelő játékosnak, aki az üzenetet küldő fél ellenfele.
A design nem saját, kölcsönöztem, míg a szerver alacsonyabb szint kódjáért a phpwebsocket google code-on hosztolt kód a felelős. A teszt verziót itt érhetitek el. Leginkább Chrome-ban próbálkozzatok vele, Fx4-ben a websocket le van tiltva (Fx5-6-ot ezidáig még nem próbáltam ki, így arról nem tudok nyilatkozni). (Amennyiben nincs a szerveren játékos, de ki szeretnétek próbálni, egyszerűen nyissatok még egy tabot neki.)
Belépéskor
Játék vége, győztesként

A játék a html5games.com-on

Feb 28, 2011

Websocket, hobbi projekt

Egészséges szünet után egy tavaly év végi hobbi projekt alfa verzióját szeretném bemutatni nagyon röviden. Ez egy 2D-s felülnézetes böngészőben játszható deathmatch játék. Célja egyelőre lepuffantani a többi játékost. Az irányítás WASD, egérrel pedig a pozíciót tudjuk kijelölni amerre haladni/lőni szeretnénk. Beépítettem egy apró chat modult, van frag lista is, hogy az akutális állást követni tudjuk. Lényegében ennyi lenne röviden.
Technikai oldalról a megjelenés SVG segítségével jött létre, a hálózati kommunikáció pedig WebSocket-es egy PHP szerverre alapozva. Böngészők terén Chrome vonal, azon belül is a 8as verziótól felfelé leginkább. Firefox 4 is szóba jöhet, de Chrome-on kb. 5x-ös sebességgel fut.

A gyönyörű lövés effekt :)

Frag list

A szerver futás közben, egyelőre nagyon beszédes :)

Ui.: Hamarosan közzéteszem a kódokat is.