Partage

[big-tuto] Créer un RPG avec HTML5

Qui voudrais compléter le tutoriel existant ?

24 octobre 2016 à 9:42:04

A quand la suite du tuto ?
La doc, c'est comme le PQ, ça sert à se démerder tout seul.
7 novembre 2016 à 1:43:15

Malheureusement, je n'ai plus de nouvelles de jam-jam68140 qui avait démarré ce projet, mais qui ne souhaite pas qu'il soit publié en l'état, il voudrait le revoir plus tard.

Je suis en train de repartir du tuto initial de Sebcap26 car lui m'a donné la permission de le réutiliser. J'avais fait une version reprenant son code avec mes propres images (sur une autre version où j'ajoute du texte sous le canvas : ça bugue), mais je l'avais trouvé compliqué la première fois que je l'avais réalisé, donc j'aimerais en faire une version simplifiée, avant d'implémenter une suite, si j'y arrive.

J'ai ajouté aujourd'hui dans la page liens de mon jeu Guyana-Dream d'autres essais de code que j'ai faits, en simplifiant celui de Sebcap26 et en commentant le code au maximum. Ils sont au-dessus du petit tileset avec un arbre et du singe. Le plus avancé, jeu-sd5 ne montre qu'une map avec juste une image de singe fixe dessus, il faut relancer la page si l'image du singe n'apparait pas immédiatement, car je n'ai pas encore fait de pre-loader.

Une fois que j'aurai plus avancé, je pourrai mettre quelque chose en ligne, mais ça prend beaucoup de temps et c'est frustrant de ne pas avoir d'aide  de personnes plus calées que moi pour être sûre de ne pas donner de mauvais conseils.

Je t'envoie par MP ce qu'avait fait jam-jam68140, il est d'accord pour ça.

-
Edité par doudoulolita 7 novembre 2016 à 2:01:56

15 janvier 2017 à 19:51:53

Bonne année au cas où quelqu'un reviendrait sur ce topic...  :)

En attendant de pouvoir poursuivre le tuto ou de trouver quelqu'un pour le faire (ça intéresse quelqu'un ?), je cherche encore des liens intéressants sur HTML5, javascript et la balise canvas que j'ajoute aujourd'hui dans la page de liens de Guyana-Dream.

J'avais depuis longtemps un problème de chargement de mes images, et j'ai trouvé ce vieux topic sur lequel ils expliquent comment préloader les images :  https://openclassrooms.com/forum/sujet/charger-des-images-13139. J'espère avoir le temps de le tester bientôt.

J'essaierai aussi de mettre en ordre et de commenter tous ces liens pour que ce soit plus facile à utiliser.

Outre phaser, j'ai vu aussi des tutos sur pixi, sans même parler de la librairie jquery, je ne sais pas si c'est mieux de travailler avec ou s'il faut mieux continuer avec juste javascript et la balise canvas. Il y a aussi pas mal de tutos qui utilisent des classes (avec prototype, par ex), mais c'est plus compliqué à comprendre quand on débute.

12 avril 2017 à 18:15:49

Toujours personne ici, mais voici quand même quelques nouvelles :

Je continue à avancer sur mon jeu Guyana-dream en travaillant le jaguar, sur Blender pour la modélisation et la texture (lors du Blender User Group de mars) et en 2D pour étudier l'animation. Mais ceci n'est pas le plus utile pour ceux qui s'intéressent à ce topic.

J'ai participé 2 fois à des réunions de "JavaScript Les Doigts Dehors". Ce sont pour la plupart des développeurs pros, très sympas.

A chaque réunion, chacun expose un problème en javascript à résoudre, très concret, et ceux qui le souhaitent peuvent aider les autres. Puis on présente le résultat, fini ou non, et on refait le même ou un autre problème. Certains m'ont ainsi aidée à débuguer mon code.

Cette manière de faire en s'aidant les uns les autres et/ou en s'obligeant à faire des recherches précises est très formatrice, on se disperse moins.

Je continue à mettre l'avancée du code du jeu dans les liens : par exemple, sur jeu-sdj2b j'ai supprimé le comportement de scrolling par défaut des flèches du clavier qui  faisait bouger le canvas en même temps que le perso. Maintenant, il faut que le curseur de la souris reste bien situé dans le canvas pour que le déplacement du perso fonctionne. Ce serait sans doute plus simple de changer les touches de déplacement !

Je ne sais pas si j'arriverai un jour à finir le tuto ou si quelqu'un d'autre viendra le faire, mais au moins, je vois où je dois progresser : j'ai encore du mal sur la requête XMLHttpRequest() car je n'ai pas encore bien compris la fonction callback.

Je réviserai ce point plus tard, car je dois faire moins d'ordi (ça m'a provoquée de la tendinite ...)

15 mai 2017 à 15:46:10

Bonjour,

Même si c'est encore expérimental essai peut être de partir sur l'API fetch qui remplace avantageusement XMLHttpRequest ;). Ce n'est plus des callback mais des promises, peut être plus facile à appréhender (du moins dans leur utilisation).

Un petit +1 si je vous ai aidé est toujours appréciable :).
14 juillet 2017 à 21:56:55

Je n'ai pas eu beaucoup le temps de venir sur le forum depuis longtemps, merci pour le lien. Pas d'avancée sur mon jeu non plus, trop de boulot et de projets persos.

J'avais quand même fait un changement sur la page Tuto, mais je dois revoir encore pas mal de choses, et surtout bien comprendre si un jour je veux bien expliquer.

Un ami m'a conseillé aussi de voir la théorie des collisions, pour mieux comprendre comment ça marche.

19 juillet 2017 à 11:48:36

Salut la compagnie !

Je viens de suivre ce cours trouvé un peu par hasard et c'est vrai qu'on a une sacrée envie de poursuivre le tuto pour le finaliser. J'ai fais un tour sur ton site doudoulolita et je suis assez intéressé par le plan de ton tutoriel. C'est assez complet, on aborde toutes les parties intéressantes et de manière à bien comprendre les choses en profondeur. 

J'ai l'impression qu'il ne manque plus que la rédaction. 

Besoin d'aide ? Je me propose :)

[big-tuto] Créer un RPG avec HTML5

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown