Pour l'autre tuto, j'ai trouvé la solution en changeant l'ordre des lignes de référence au scripts. Si je les mets dans le head comme d'habitude, ça ne fonctionne pas, et la classeTileset.js doit être avant le fichier rpg.js.
<!DOCTYPE html>
<html>
<head>
<title>Mini-RPG</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<canvas id="canvas">Votre navigateur ne supporte pas HTML5, veuillez le mettre à jour pour jouer.</canvas>
<!--[if lt IE 9]><script type="text/javascript" src="js/excanvas.compiled.js"></script><![endif]-->
<script type="text/javascript" src="js/classes/Tileset.js"></script>
<script type="text/javascript" src="js/rpg.js"></script>
</body>
</html>
Je reviendrai vers le topic pour donner un coup de main quand j'aurai déjà réussi l'autre topic et lu pas mal sur javascript. Pour l'instant, je suis encore un peu trop débutante pour aider, à part pour le graphisme.
@jam-jam68140 : j'ai pas compris ce que tu dis : "Pour les gmail, ça se passe par MP". Ca doit être rigolo vu l'émoticône, mais ça ne me dit pas comment on fait...
Si tu ne veux pas que ton adresse mail soit mis en publique sur les forums, tu peux m'envoyer un message privé avec ton adresse mail et je te rentre dans le groupe
1ère partie sur le shoot' em up terminé (en attente de relecture pour critique car je ne suis pas satisfais de mon boulot mais ne sais pas trop où dire quoi de plus...)
Egalement en attente de réunion (brève) afin de rediscuter des tâches assignées à chacun.
- Edité par jam-jam68140 25 décembre 2013 à 19:35:52
je me permet de te contredire jam-jam, TOUTES les adresses mail sont compatibles avec google docs, ce n'est pas parce que c'est google qu'on prend que du google ! Un petit exemple ? Regarde mon adresse mail
Tu peux me faire un truc maintenant pour que la succession des images me fasse une petite animation -> quand il s'accroche pour dormir et quand il tombe... ?
Encore 2 positions, en vue d'une animation pour le saut (la position debout montrée dans le post précédent pourrait être en 2ème frame, faut que je teste)
- Edité par doudoulolita 28 janvier 2014 à 12:23:00
Pour les branches, ma première idée était de m'inspirer de la peinture chinoise car je prends des cours en ce moment, mais je ne sais pas si ça va rendre bien avec le style comic du paresseux.
As-tu une idée de nom pour ce perso ? Pour l'instant, rien ne me vient en tête.
Voici enfin un essai d'une branche réalisée au pinceau et à l'encre de chine puis scannée. Les pattes en arrière-plan devraient être sur une autre couche, si c'est possible, pour reproduire ce que je propose ici.
J'ai peint plusieurs branches, deux d'après un modèle peint pour moi par ma prof de peinture chinoise (1A et 1B) et deux d'après des modèles d'arbres qu'elle m'avait fournis auparavant.
Avec le paresseux, j'ai utilisé le modèle 1A, c'est celui que je préfère. Le placement du paresseux est très précis pour paraître naturel, je ne sais pas si c'est possible à reproduire en javascript. Avec Inkscape, j'ai rempli l'arbre de blanc, le reste est transparent.
Est-ce que le tronc est utile ou dois-je le supprimer et ne garder que la branche ? La longueur de la branche est-elle OK ?
Ça pourrait être joli de faire des montagnes avec de l'encre de chine diluée pour le fond. On aurait donc un fond de nuances de gris et de blanc (ou bleuté, ou verdâtre si je mélange avec de la peinture chinoise), et le paresseux ressortirait en couleurs.
Le seul hic, c'est que je crois que pour les jeux en javascript, on utilise des carrés d'une taille précise pour les décors, et que avec mon idée, ça ne collerait pas trop. Je vais réfléchir à d'autres idées au besoin.
Les mouvements du paresseux (que je n'ai pas encore eu le temps de retravailler) ne rentrent pas non plus dans une taille de sprite toujours identique, ça complique la programmation, j'imagine. Quelle taille est prévue pour le personnage ? Faut-il que je revoie les mouvements pour rentrer dans un rectangle ou un carré de taille précise ?
- Edité par doudoulolita 11 février 2014 à 19:38:26
Le seul hic, c'est que je crois que pour les jeux en javascript, on utilise des carrés d'une taille précise pour les décors, et que avec mon idée, ça ne collerait pas trop. Je vais réfléchir à d'autres idées au besoin.
Je ne vois pas ce que tu veux dire par des carrés du taille précise ? Si c'est seulement pour le background (les montages), je pense que ça serait une des choses les plus faciles à développer.
Je vous ai aidé ? Appuyez sur le bouton "Ce message est utile", avec le pouce levé vers le haut ! (en bas à gauche de mon message)
Pour ce qui est des images, peut importe la dimension, un bon programmeur saura comment se démerder. C'est facile de gérer tous ça ne t'en fait pas.
Je te laisse carte blanche... fais ce que tu veux et tu me diras quoi faire... je peux faire à peut près tout ce que tu as envie (c'est la magie de la programmation!).
les arbres et le paresseux sur le fond de montagnes - Il faudrait que je fasse quelques arbres différents pour que ce soit moins monotone mais c'est assez long à réaliser. J'ai un peu baissé l'opacité du fond.
arbre (format moyen) : c'est le format et la nuance utilisés dans l'image précédente
arbre (grand format) : l'arbre est au format où je l'ai photographié et il est plus clair que le précédent.
- Edité par doudoulolita 17 février 2014 à 23:05:18
Pour le tuto, je suis d'accord... mais l'équipe que j'ai essayer de monter pour m'aider à rédiger tous ça n'est soit pas très sérieuse, soit pas très motivé... :/ et tout seul, c'est plus possible pour moi de continuer un tel travail... (en plus j'ai le bac bientôt donc voilà... )
Merci pour vos compliments sur mon paresseux. J'espère qu'on utilisera mes dessins un jour, je vais les mettre sur opengameart !
Pas facile de réaliser des jeux et des tutos quand on manque de temps. Je connais le problème pour les graphismes aussi. J'ai un des bâtiments en 3D à faire pour un autre jeu et je n'avance pas vite.
Ou juste donner des conseils ponctuels sur ce topic pour ceux qui, comme moi, ont des difficultés à coder, même des petits jeux de plate-forme tout bêtes.
Pour l'instant, je me base sur le livre développer des jeux en HTML5 & javascript de Samuel Ronce pour refaire mon jeu de plate-forme wardance-USF à partir de 0 (dans ce lien, je me suis basée sur un autre jeu et ai juste changé les graphismes, pour l'instant) mais je ne parviens pas à réussir le code présenté dans le chapitre 2, même la partie sans framework. Il s'agit pourtant juste d'afficher 2 images, mais en utilisant une classe.
Ce qui me pose problème, c'est de comprendre comment faire une classe pour mes images, vu que Image est déjà une classe. Les sites sur les classes en javascript ne sont pas très explicites. Souvent, on apprend à faire un bête Hello world ou alors c'est carrément le contraire, c'est tellement complexe qu'on n'y comprend plus rien.
J'ai réussi à faire une classe qui fonctionne pour l'image 1 mais quand je fais l'image 2, je dois redéfinir tout à chaque fois sans pouvoir utiliser mes tableaux vu qu'ils sont dans la fonction, c'est nul.
Voila ma page d'index et mon script. Merci d'avance de vos conseils avisés ! Mais révise ton bac d'abord, jam-jam68140 !
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Je vous ai aidé ? Appuyez sur le bouton "Ce message est utile", avec le pouce levé vers le haut ! (en bas à gauche de mon message)