HTML5 hry – Breakout

7. 12. 2011 03:54:28

Zdravím! Tak jsem tady se slibovanou další hrou, tvořenou jenom pomocí CSS/HTML/JS. Tentokrát se jedná o variaci na hru známou jako Pong, Breakout nebo třeba Arkanoid. Zase prosím o postřehy, co by se dalo změnit nebo zlepšit a hlavně pokud najdete nějakou chybu. Minule se kritika soustředila víceméně na volbu hudby, takže tentokrát jsem vybral pohodovou kytarovku.

Bonusy:

E - Široká pálka

L - Laser(cihly můžete střílet myší)

S - Zpomalení míčku

P - Míček navíc

Zkratky:

P - Pauza

S - Zapnout/vypnout zvuk

Požadavky na prohlížeč:

- HTML5

- CSS3

- Zapnutý JS

Nejlíp si zapaříte v Chrome nebo Opeře. JS engine Firefoxu je strašná brzda, hra v něm nemusí být úplně plynulá. Na druhou stranu je určitě prostor pro optimalizace, na tom se ještě pokusím zapracovat.

7. 12. 2011 03:54:28

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705253

Martin

(62 hodnocení)

7. 12. 2011 08:17:32

Mám prohlížeč Maxthon (jádro to má IE) a při prvním dotyku míčku s cihlama se pustí hudba a míček se zastaví. S pálkou jde pořád hýbat, ale míček stojí. Tak jsem to zkoušel ve FF, a tam mi to jde dobře i plynule. Skládám poklonu.

7. 12. 2011 08:17:32

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705252

Rostislav Blaha

(6 hodnocení)

7. 12. 2011 09:21:35

FF na OSX - běží perfektně. Dobrá práce!

EDIT: Nehodnotím vzhled, ale hratelnost, která je 100% OK. Co s tím dál plánuješ?

7. 12. 2011 09:21:35

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705251

Patrik Štefko

(33 hodnocení)

7. 12. 2011 10:15:35

Respekt !

Keby tam mas tlacitko "Donate" bez vahania klikam :)

Hratelnost fakt parada.

7. 12. 2011 10:15:35

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705250

(20 hodnocení)

7. 12. 2011 10:35:28

jednim slovem nuda :)

ale jinak moc pekna prace technicky... jen zmensit kosticky, palku i micek, zvetsit hraci plochu, zrychlit strelbu laseru, zmenit levely (je sice hezke ze menis barvy, ale co treba specialni kostky co maji vic zivotu, jine rozlozeni kostek do vzorcu apod.) chapu ze se ucis, ale tak samozrejme nic jineho nez zkritizovat hru samotnou nemohu tak sem to udelal ;)

hudba vyhovuje, je neutralni, takze spravny vyber

7. 12. 2011 10:35:28

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705249

800XE

(8 hodnocení)

7. 12. 2011 11:21:02

Skládám poklonu.

Dobrá práce!

Hratelnost fakt parada.

Díky!

Mám prohlížeč Maxthon (jádro to má IE) a při prvním dotyku míčku s cihlama se pustí hudba a míček se zastaví. S pálkou jde pořád hýbat, ale míček stojí.

V IE jsem to po pravdě ještě netestoval, určitě to napravím ;-)

FF na OSX - běží perfektně.

Zkoušel jsem to ve FF 9 na Linuxu a tam se to občas trochu seká. I když je to divný, protože vytížení procesoru je minimální - asi zkusím povypínat rozšíření, atd.

Co s tím dál plánuješ?

Nejspíš Ještě přidám pár her a udělám stránku s čistě HTML hrami, ale jinak s tím zatím nic konkrétního v plánu nemám.

je sice hezke ze menis barvy, ale co treba specialni kostky co maji vic zivotu, jine rozlozeni kostek do vzorcu apod

Nad speciálními kostkami už jsem taky uvažoval, takže v příští verzi budou nezničitelné kostky a taky kostky, co se dají zničit dvěma odrazy.

zrychlit strelbu laseru

Proč ne, laser bude v příští verzi rychlejší.

zmensit kosticky, palku i micek

To si ještě nechám projít hlavou. Na grafiku jsem docela antitalent, takže jsem rád, že jsem to dal nějak dokupy a představa, že bych to měl zase všechno předělávat, mě docela děsí :-D.

zvetsit hraci plochu

To zatím v plánu nemám kvůli zařízením s menším displejem. Spíš udělám kola širší a přidám scrollování do stran.

7. 12. 2011 11:21:02

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705248

Jan Stolařík

(19 hodnocení)

7. 12. 2011 11:31:00

Hej parádní práce, zasekl jsem se u toho pěkně dlouho. Nostalgicky jsem zavzpomínal na starý Arkanoid. Hratelnost opravdu výborná. Za mě taky snad jen zvětšit hrací plochu. ;-)

7. 12. 2011 11:31:00

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705247

(20 hodnocení)

7. 12. 2011 11:34:26

Napsal 800XE;730922
To zatím v plánu nemám kvůli zařízením s menším displejem. Spíš udělám kola širší a přidám scrollování do stran.

to ej skoda, je to v podstate zasadni problem tehle hry a duvod proc me to u tretiho kola prestalo bavit :) ale alespon zmenseni prvku, tak aby se toho tam veslo vic by tomu mohlo vzdalene pomoci :) nicmene scrollovani je zajimavy napad, vubec nevim jak by to melo/mohlo fungovat, ale u zadneho arkanoidu sem to jeste nevidel, tak by me to docela zajimalo :)

7. 12. 2011 11:34:26

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705246

800XE

(8 hodnocení)

7. 12. 2011 11:47:22

Cobra: Díky.

Aleš: No nevím, zatím je to 50:50. Jinak scrollování do stran bylo v Bananoidu:

http://www.youtube.com/watch?v=EVxmC2YkhVU

7. 12. 2011 11:47:22

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705245

(20 hodnocení)

7. 12. 2011 11:50:33

vsimni si ze bananoid ma stejnou herni plochu jako ty (cca pokud budeme jako herni plochu brat plochu videa) a pritom se toho tam veslo mnohem vic :) to scrollovani se mi libi... je to nezvykle a zda se ze i hratelne

7. 12. 2011 11:50:33

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705244

Zruseny ucet 14918

(14 hodnocení)

7. 12. 2011 15:18:19

Já obdivuju lidi, kteří tohle dokážou, u mě máš velký respekt. Jen tak dál! Na pár minut jsem se skvěle zabavil. Jediná věc, která mě otravuje je, že to nemám na celou obrazovku a často s myší vyjíždím ven z hracího pole.

7. 12. 2011 15:18:19

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705243

SilentSight

(44 hodnocení)

7. 12. 2011 16:35:42

Napsal heleho;731003
Já obdivuju lidi, kteří tohle dokážou, u mě máš velký respekt. Jen tak dál! Na pár minut jsem se skvěle zabavil. Jediná věc, která mě otravuje je, že to nemám na celou obrazovku a často s myší vyjíždím ven z hracího pole.

Setkal jsem se se stejným problémem a to, že jsem vyjel z herní plochy a tak ovládání přestalo reagovat. Jinak dobrá práce.

7. 12. 2011 16:35:42

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705242

eMan

(48 hodnocení)

8. 12. 2011 14:16:50

jo dobrá práce, vypadá to dobře. Jak moc velký problém to bude odladit aby to fungovalo ve všech novějších prohlížečích?

Detail: Je ta špatný kolizní systém, občas když míček letí mezi 2 políčka tak se odrazí na druhou stranu než by měl.

8. 12. 2011 14:16:50

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705241

Václav Šťastný

8. 12. 2011 18:05:00

mně se to nezobrazí ani ve ff ani v ie

8. 12. 2011 18:05:00

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705240

800XE

(8 hodnocení)

8. 12. 2011 18:11:04

Jak moc velký problém to bude odladit aby to fungovalo ve všech novějších prohlížečích?

Minimální, jde jenom o detaily.

Je ta špatný kolizní systém, občas když míček letí mezi 2 políčka tak se odrazí na druhou stranu než by měl.

Díky za upozornění, podívám se na to.

mně se to nezobrazí ani ve ff ani v ie

V IE jsem to ještě netestoval, dneska bych se k tomu mohl dostat. V jaké verzi FF jsi to zkoušel? Máš povolený JS? Nepoužíváš nějaký plugin na blokování reklam?

8. 12. 2011 18:11:04

https://webtrh.cz/diskuse/html5-hry-breakout/#reply705239