Le blog de Zuzull

Un nouveau blog sur Wefrag le blog de herzuull.

Forxak - Bullet Hell Shooter xhtml5 Javascript

Salut tout le monde,

Je viens faire un peu de promo pour le jeu que je suis en train de concevoir en html5/Js

Il s’agit d’un bullet hell shooter (autrement nomé manic shooter) et est un genre de shoot’em up importé du japon dans la plus pure lignée des jeux Cave : Dodonpachi Dai Fukatsu, Akai Katana, Esp Galuda…
Ca tire de partout et il faut éviter de se manger une branlée et essayant d’arriver au bout du niveau avec un max de score.

J’adore ce genre de jeu et inspiré par Dodonpachi sur iPhone, je me suis décidé à faire mon propre Shoot et y apportant ma pate graphique (et oui je dessine pour ceux qui me connaisse) et mes talents de webDesigner/Développeur JS.

Pour ce qui est de la petite histoire, Forxak, ça ne veut strictement rien dire et devait être un dictateur mégalo avant de devenir une formidable entité extraterrestre, même si il ressemble à un shoggoth.

Pour les technos utilisées : firefox4, safari5, Opéra 10 (ie, go fuck ur self), html5, et particulièrement le canvas et une touche de css3. Le but avoué étant de voir si JS était capable de me balancer un véritable Manic Shooter dans mon navigateur. C’est devenu un petit jeu qui détent.

Lachez vous dans les commentaires, sachant qu’il n’y a pas encore de son et que je suis en train de faire les animations des monstres et de gérer un tableau de scores partagés.

Hl GL comme on dit dans le milieux.

L’url du jeu : http://herzuull.free.fr/forxak/index.html

Évidement les sources sont dispo sur un simple clic/droit, si vous voulez en utiliser un bout, merci de me mentionner dans les crédits ;)

12 commentaires pour “Forxak - Bullet Hell Shooter xhtml5 Javascript”

  1. elpopo dit :

    sympa, ca manque un peu de fluidité au niveau des controles (ff4) chez moi.

  2. herzuull dit :

    Essais avec Chrome/Safari, je ne te conseille pas opéra, c’est juste trop rapide !

  3. PtitPrince dit :

    La taille du vaisseau du joueur est trop grande. L’idée est d’être plus petit que les vaisseaux ennemis et d’avoir l’impression de slalomer entre les boulettes; là on a l’impression d’être un veau galactique qui ne sens même pas qu’on lui tire dessus.

    Le laser devrait ralentir le vaisseau du joueur.

    Le premier boss est ridiculement trop facile. Il se contente de tirer tout droit et n’a aucun pattern élaboré. On est sensé en voir plein la vue ! Il suffit de se mettre un peu de côté pour avoir un safe spot, de tirer en spread et de se prendre un café pour le battre. Pareil pour le deuxième, du moment qu’on a trouvé un safe spot on peut dormir peinard. Je te suggère de mettre beaucoup plus de boulettes et de mettre quelque boulettes semi-homing (pour forcer le joueur à bouger).

    Sinon, les boulettes noires sur fond gris-brun-caca-nextgen ne sont pas assez visible. C’est assez vicieux pour le joueur qui pourrait les confondre avec un élément du décors.

    Bon courage pour la suite ! Tu vas implémenter BulletML ? (ça serait fun)

  4. Mangeurdenfants dit :

    Mon principal reproche est que tes boss se contentent d’utiliser le même pattern de tir jusqu’à leur mort, ce qui rend les combats tout de suite plus ennuyants.

    Un petit détail qui m’a un peu ennuyé, c’est que le jeu n’est pas centré dans le navigateur. J’ai trouvé ça un peu chiant de devoir regarder en continu à gauche de mon écran 23″…

  5. grosjambon dit :

    pour rejoindre mangeurdenfants, les boss (les 4premier en tout cas) ont tous un angle mort, on s’y pose avec le mode de tir “dipersé” et on afk.
    mais sinon franchement pour du javascript/xhtml5, vraiment bien ton boulot !

  6. Chaka dit :

    Sur le pc du boulot, c’est super lent, c’est rigolo. C’est fluide, mais terriblement lent (il faut 30 secondes pour qu’un scroll d’écran complet se fasse)

  7. Radical dit :

    Je trouve ça pas mal du tout, suffisamment fluide, pas moche. Du bon boulot.

  8. Latpin dit :

    C’est plein de fautes dans l’aide. On dirait plutôt “avoid being shot” par exemple.

    Comment as-tu réussi à te motiver ? Tu travailles le soir après le boulot ? Developper du js, ça fait partie de ton metier ?

  9. Nerro dit :

    Il y a un genre de lag dans la détection des collision avec le laser.

  10. skaven dit :

    c’est sympa. Les déplacements et l’ensemble est encore rigide et lent mais c’est un bon début.

  11. olipro dit :

    Ici aucun problème de fluidité (machine de jeux), par contre l’appuie simultanée des touches (genre devant + droite ) ne fonctionne pas parfois. M’enfin j’imagine que c’est un problème du navigateur.

  12. herzuull dit :

    Salut tout le monde, merci pour vos commentaires, j’en prend note.

    @Latpin : pour ce qui est de la motivation, j’a faillit abandonner pour me lancer dans une hypothétique version iPhone, en objective-C, mais je n’avais pas les connaissances nécessaires, donc je suis revenu sur la version javascript, où au fur et à mesure que j’avançais, je voyais ce jeu qui était juste “laid” au départ devenir un petit bullet hell shooter comme je les aimes.
    C’est ça qui me fait tenir en me couchant tous les jours à 2.00 du mat’ :)
    Oui développer du js c’est mon job : je suis senior intégrateur dans ma boîte ; une boite de presta dans le web.

    Pour les touches c’est compliqué : le navigateur n’écoute que un seul événement clavier à la fois et j’ai du ruser pour qu’il fasse semblant d’en écouter plusieurs… mais peut être pas assez finalement !

    #PtiPrince : j’ai bossé hier soir sur des bullets semi-homing, le résultat est très satisfaisant ! ce sera dans le prochaine update. Avec le site qui englobe le tout !
    D’ici ce week-end je pense.

    Pour ceux qui souhaiterait suivre l’évolution de forXak, j’en parle régulièrement sur mon compte twitter : herzuull.
    Merci encore pour tous les compliments, ça fait plaiz’.
    Je vais continuer pour que forXak soit le seul et unique bullet hell shooter gratos sur le net !
    Stay tuned !

Laisser un commentaire

Si vous avez un compte sur WeFrag, connectez-vous pour publier un commentaire.

Vous pouvez, entre autres, utiliser les tags XHTML suivant :
<a href="" title="">...</a>,<b>...</b>,<blockquote cite="">...</blockquote>,<code>...</code>,<i>...</i>