Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Faire une animation sur la création de jeux vidéo libres

doudoulolita

Pour le jeu maison, j'ai réussi à utiliser la fonction renpy.image()

    python:
        for piece in ['chambre']:
            for couleur in ['blanche', 'rouge', 'bleue', 'jaune']:
                renpy.image((piece, couleur), "chambre/%s_%s.jpg" % (piece, couleur))

Je crois que je vais plus galérer pour renpy.show car l'exemple n'est pas aussi évident à adapter à mon jeu.

doudoulolita

Finalement, ce n'est pas très compliqué pour repeindre le mur avec python 😉

    $nomcouleur = renpy.input("De quelle couleur peins-tu le mur ? \nEcris la réponse.") or "Blanc"
    python:
        couleurchambre = {'rouge': 'chambre rouge', 'jaune': 'chambre jaune', 'bleu': 'chambre bleue', 'bleue': 'chambre bleue'} 
    if nomcouleur in couleurchambre:       
        python:
            renpy.show(couleurchambre[nomcouleur])

J'ai fait de même pour la couleur des pots de peinture en simplifiant le nom de images.
Dans script.rpy:

    python:
        for pot in ['pot']:
            for potcouleur in ['rouge', 'bleu', 'jaune']:
                renpy.image((pot, potcouleur), "peinture/%s_%s.png" % (pot, potcouleur))

dans chambre.rpy (dans label chambre_couleurs):

    python:
       couleurpot =  {'rouge': 'pot rouge', 'jaune': 'pot jaune', 'bleu': 'pot bleu', 'bleue':'pot bleu'}
       # plus loin
   python:
        renpy.show(couleurpot[nomcouleur])

On ne peut pas indiquer la position de l'image avec at Position mais l'image se replace à la même position que pot couleurs, donc pas de souci.

Télécharger maison-all.zip

tshirtman

doudoulolita a écritFinalement, ce n'est pas très compliqué pour repeindre le mur avec python 😉

    $nomcouleur = renpy.input("De quelle couleur peins-tu le mur ? \nEcris la réponse.") or "Blanc"
    python:
        couleurchambre = {'rouge': 'chambre rouge', 'jaune': 'chambre jaune', 'bleu': 'chambre bleue', 'bleue': 'chambre bleue'} 
    if nomcouleur in couleurchambre:       
        python:
            renpy.show(couleurchambre[nomcouleur])

hum, du coup tu peux faire plus simple

    $nomcouleur = renpy.input("De quelle couleur peins-tu le mur ? \nEcris la réponse.") or "Blanc"
    python:
        couleurchambre = ['rouge', 'jaune', 'bleu', 'bleue'] 
    if nomcouleur in couleurchambre:       
        python:
            renpy.show('chambre ' + nomcouleur)

et pareil pour le reste... 🙂

doudoulolita

Nouveau test sur Renpy avec un jeu où je souhaite déplacer un petit tux de droite à gauche ou de gauche à droite sur les chemins d'une île (le chateau vient de wikimedia commons).

Mon script ne marche pas, il ne veut pas tenir compte du clavier. Les fonctions de déplacement, elles, fonctionnent 🙂 si on les teste une à une.

Internet m'a donné plusieurs exemples:
- key
- ui.key
- ui.keymap

Mais je n'en ai réussi aucun. De plus ui.keymap (utilisé dans
bulle_fabulle sur le jeu Jnavigue) ne donne pas la bonne coloration syntaxique dans jEdit, l'éditeur de script de Renpy.

doudoulolita

En attendant la solution à mon problème précédent :
ville.zip est le début d'un jeu avec Renpy qui aidera les gens qui souhaitent apprendre le français, sur le thème de la ville.
Chaque lieu correspond à une des maisons de la carte ci-dessus.

Chaque dossier contient une image avec 4 propositions (de mots ou groupes de mots), une autre image où les textes sont mis en valeur et une grande image contenant la réponse. J'ai aussi mis les images du jeu sur picasaweb.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Chaque dossier aborde plus ou moins un problème de grammaire ou d'orthographe différent, comme le pluriel, le choix d'un pronom féminin ou masculin, etc...

banque: pronom "le" ou "la", distinguer "en" et "an" - distributeur : faire correspondre une somme en toute lettres à des billets ou à des pièces de monnaie (en projet)

boulangerie: ordre des lettres, distinguer "an" et "en", "j" et "g", pronom personnel "ma" ou "mon"

école: pronom avec apostrophe + accent sur le "E" - éponge: pronom avec apostrophe, distinguer "on" et "an"

mairie: distinguer 'ai", "é", "è", "ée"

poste: espace entre pronom et nom, distinguer "s", "t", "r"

supermarché: pluriel avec pronom

idées supplémentaires:

2 à 4 niveaux : moins de monuments et de routes sur les niveaux bas. Mots différents pour chaque lieu ou objet. A cliquer, à recopier ou à écrire (réponse à la question: qu'est ce que c'est ?)

chateau : pancartes avec dessin du chateau pour distinguer "o", "au", "eau", "on", "ou"

mairie: fiche nom- prénom et finir la phrase: il (elle) s'appelle...

doudoulolita

Un truc étrange, c'est que mon jeu est très lent sur mon ordi personnel (mais pas sur celui de mon boulot, pourtant moins puissant) alors que Jnavigue est rapide. Je pense que ma carte graphique (ou son pilote) gère mal les images un peu lourdes.

doudoulolita

J'ai trouvé un tutoriel sympathique à faire avec des jeunes : spaceship-tutorial, j'ai même ajouté en bas la façon de faire la forme de base.

J'ai enfin réussi à lancer mon jeu des intrus pour Gcompris. Il faudra que je fasse d'autres environnements basés sur le même principe.

tshirtman

Tu peux utiliser runsnake pour chercher ce qui prends du temps dans ton code. Un autre outil intéressant, plus pour la conso mémoire celui là que j'ai vu passer, s'appelle pyrasite.

doudoulolita

Retour vers Pygame mais en relation avec Renpy:
Pour mon jeu Jvis-a-Paris, qui sera un complément à Jnavigue, je souhaite pouvoir déplacer un petit bus via le pavé directionnel.
Grâce à Renpygame, je pourrai peut-être y arriver.
J'ai réussi à mouvoir le bus mais pas à changer son orientation (vertical avec UP et DOWN, horizontal avec LEFT et RIGHT). ensuite, je n'ai pas réussi à constrire la distribution pour en faire un jeu indépendant.
A l'heure actuelle, il faut télécharger Renpygame et l'installer dans Renpy puis placer mon jeu (décompressé) dedans pour le tester.

Ensuite, ce serait bien que les déplacements ne puissent se faire que sur les rues, et enfin, que je l'intègre à Jvis-a-Paris

doudoulolita

J'ai quelques nouveaux joueurs qui jouent à Ultimate smash Friends venant d'une autre classe de maternelle, ils découvrent tout juste. On voit qu'il y a une vraie progression dans la façon de jouer si on compare ceux qui démarrent et ceux qui ont l'habitude. En effet, je leur donne les lettres à utiliser sur une feuille, ça les aide, et je leur explique comment choisir les joueurs et les décors.
L'année prochaine, j'essaierai, si les institutrices sont d'accord, de faire un vrai projet avec USF pour eux.
Je pense qu'ils pourraient dessiner des fonds qu'on mettra dans USF mais comme le logiciel Tuxpaint travaille en petite taille, je ne sais pas ce que ça rendra. On peut aussi leur faire imaginer des personnage et je ferai quelques mouvements pour que ça bouge un peu.
Cette année, une des institutrices travaillait sur le corps et le mouvement, ce serait pas mal pour illustrer.
------------------------------------------------------------
Pour Gcompris, j'ai ajouté des environnements et j'ai créé un nouveau jeu basé sur le corps, toujours sur le même principe de cliquer-glisser les éléments. Ca manque un peu, les activités sur le corps dans Gcompris !

ADcomp

Hello,

En farfouillant sur le forum, je suis tombé sur ce poste. Je fait actuellement pas mal de tests/expérimentation sur l'animation / les jeux, pas en python mais en javascript / html5 avec l'élément canvas. l'apprentissage de la programmation combiné avec l'interactivité et le visuel, est a mon humble avis le meilleur support. Le combo javascript/html offre plusieurs avantages ( encore une fois, à mon avis 😉 ).
Multiplatforme, pas d'installation (ca tourne dans le navigateur), très visuel et interactif, et comme python, pas de compilation.

Voici un exemple d'application que j'ai développé : un 'simple' éditeur pour s'amuser avec des animations en modifiant directement le code des exemples

Canvas Experiment

Lien : http://adcomp.tuxfamily.org/code/canvas-experiment/

Un exemple de jeu ( type platforme ) : Inkscaped. ( artwork fait avec inkscape, retouche avec gimp )

Lien - http://adcomp.tuxfamily.org/code/game_2D_dev/

Voilà, j'espère que celà pourra donner des idées .. 😉

Bonne continuation, @++

tshirtman

Tiens, ça me fait penser à light table (http://www.chris-granger.com/2012/04/12/light-table---a-new-ide-concept/) c'est sur que c'est pas mal pour expérimenter 🙂

ADcomp

@tshirtman: wow .. je ne connaissais pas. impressionnant comme concept. merci pour le lien.

doudoulolita

@ ADcomp : très sympa, l'éditeur de code, je me suis un tout petit peu amusée avec. On aimerait avoir le code entier pour http://adcomp.tuxfamily.org/code/game_2D_dev/ !

De mon côté, à vrai dire, je désespère de nos jeunes visiteurs. Il y en a 2 qui semble s'intéresser vraiment à Blender et à la programmation. Ils veulent carrément faire du C++ mais quand je leur ai donné quelques liens pouvant s'expérimenter sur Linux, ils ont un peu laché l'affaire.

Quand c'est trop simple, ça ne leur convient pas, mais dès que c'est un peu trop compliqué, ils laissent tomber. :mad:
Sinon, ils restent sur des trucs Wysiwyg genre RPGmaker, dommage que ça n'existe pas en logiciel libre, comme je l'avais déjà dit ici.

C'est presque plus facile de faire des animations avec des plus jeunes, qui ne sont pas si exigeants sur le résultat, mais on ne peut travailler du code avec eux, sauf peut-être avec Scratch ou Kturtle.

En fait, pour motiver nos jeunes ados (10-15 ans), je me disais presque qu'on devrait inviter de jeunes développeurs dans votre genre, histoire qu'il comprennent qu'on ne fait pas World of Warcraft en 5 mns...

tshirtman

Quelqu'un que je connais à fait ça pour expliquer le concept ^^.

ADcomp

doudoulolita a écrit [..] On aimerait avoir le code entier pour http://adcomp.tuxfamily.org/code/game_2D_dev/ ! [..]

le code est dispo ( pas minifié, pas obsfusqué ). Clique droit / Afficher la source. 😉

doudoulolita

Merci à tous deux. :cool:

@ADcomp: C'était à moi de mieux chercher, mais plus c'est facile à trouver, mieux c'est pour les débutants. 🙂
Je m'en aperçois tous les jours dans mon travail d'animatrice multimédia. Ce qui me paraît simple ne l'est pas pour mes élèves (même l'envoi d'une photo par e-mail, c'est dire !)
-------------------------------------------------------------
Au boulot, pour leur dernière séance de l'année scolaire, nous avons présenté aux enfants de maternelles le jeu Yofrankie!.
Autant nous avions eu du mal à trouver ce qu'il fallait faire, autant les gosses ont tout testé et commencé à se bagarrer avec béliers et rats. Plusieurs se sont bien amusés avec, sans trop de mort d'écureuil ni de plantage.

+ de problèmes avec balazar, qui plante très facilement sur nos vieux ordis pourris.

Par contre, pour faire participer des jeunes à la programmation de jeux comme ça, c'est même pas la peine, je pense ! 😉
----------------------------------------------------------------------------
De mon côté, j'ai installé l'IDE Code:Blocks en suivant le tuto du site du zéro sur le C++ et j'ai pu voir mon premier Hello world en C++ ! :cool:

doudoulolita

Essais de jeu avec le game engine de Blender 2.63

Le vaisseau spatial dispose de sensors permettant de le faire avancer ou reculer, de le tourner à droite ou à gauche, et de le faire monter et descendre (en utilisant le logic editor).
Les balles au dessus tombent une fois devenues des rigid body (en mode Blender game).
Le vaisseau mis en rigid body tombe mais peut être activé avec les touches pageup et pagedown + les touches du pavé directionnel. Il donne un peu l'impression de voler. :cool:
La piste d'atterrissage bloque bien les balles qui tombent. Le vaisseau est aussi soumis à la gravité et ne traverse pas la piste lorsqu'on le laisse tomber "naturellement". Par contre, la touche pagedown le fait traverser la piste et disparaître en-dessous alors que je ne le souhaite pas.
J'ai coché le mode collision bounds et create obstacle sans succès. 🙁
C'est vaguement inspiré de Basics_of_the_GE et d'un autre tuto que je ne retrouve plus pour le rigid body.

doudoulolita

ADcomp a écrit
doudoulolita a écrit [..] On aimerait avoir le code entier pour http://adcomp.tuxfamily.org/code/game_2D_dev/ ! [..]
le code est dispo ( pas minifié, pas obsfusqué ). Clique droit / Afficher la source. 😉

Bon, j'ai récupéré ton code, tes images et tes scripts pour réussir à refaire ton jeu dans mon navigateur. Un lien vers un dossier compressé contenant tous les éléments du jeu aurait été pratique pour le téléchargement mais ne pas le fournir oblige à réfléchir un peu pour tout récupérer et ça, en tant que pédagogue, je me dois de trouver ça bien. 😉

Je l'ai téléchargé sur mon serveur avec une simplification du fichier principal (j'ai viré tous les div qui pouvaient s'enlever) et des variations assez simples. Ca marche ! 🙂

J'ai donc réussi à changer les images mais tant que je ne changeais pas les scripts je devais garder les noms que tu as mis, à l'exception de character.png que j'ai pu renommer en character2.png. D'autres noms ne fonctionnaient pas. C'est surtout dommage pour le panda qui s'appelait à ce moment inkscape.png :lol: ! En fait les noms très globaux sont plus pratiques pour personnaliser facilement.

Après un moment de recherche dans les scripts, j'ai remplacé tous les "inkscape" par "panda" et j'ai pu avoir mon panda qui s'appelle bien panda.png.

Je pensais avoir besoin de conserver la même taille que toi, donc au départ, le dragon Redlong était un peu petit par rapport à la joueuse Lila et au panda Mikos.
Mais j'ai trouvé comment changer ça lignes 207 et 208 dans main.js, et j'ai pu remettre une image de dragon assez grande, comme je le souhaitais. Son rôle serait d'empêcher Lila de collectionner des légions de pandas en peluche, par exemple.

Comme ton code est bien commenté, j'ai trouvé comment changer la couleur du fond dans main.js, c'est dans la dernière ligne de ce passage (ligne 1208), je le précise pour ceux qui voudraient faire comme moi !

// Background color
	if (this.state == 'edit') {
		this.ctxBuffer.fillStyle = '#11f'
	}
	else {
	    this.ctxBuffer.fillStyle = 'rgb(100,200,200)'
	}

Je viens de trouver la couleur des blocks (ligne 1269) et la taille du canevas (lignes 827 et 828).

Grâce à cambiaresearch.com, j'ai trouvé comment changer les touches du clavier (lignes 1348 et 1353) - mais up arrow (keycode 38) et down arrow (keycode 40) ne marchent pas donc j'ai mis page up (keycode 33) et page down (keycode 34). Par contre, ça met le bazar si on les associe à CTRL !

Je commence à changer maps.js mais ce n'est pas évident sur mon essai car je n'ai pas beaucoup de hauteur et je me perds dans les rangs. J'ai vu que 6 correspondait à des blocks, que i était mon panda et e mon dragon.
Je n'ai pas trouvé comment changer la taille d'un bloc. Quand on bouge size, height ou width dans la maps, ça plante.

doudoulolita

@ADcomp :
Ce qui serait génial, et c'est peut-être ton objectif, c'est de fournir des extraits du code de ton jeu, à transformer en direct de la même manière qu'on le fait avec canvas-experiment.

Il n'y a pas besoin d'un jeu super complexe, ce que tu as déjà est parfait (en plus ton petit perso est très mignon) :cool:

On pourrait choisir des persos différents simplement en changeant leur numéro (comme je l'ai fait. Il faudrait que tu aies 3 ou 4 persos bien différents préparés sur ton serveur, chacun avec son n°, et tu les présentes au début aux gens), changer la couleur de background en changeant son code RVB (ou proposer des images de fond qui "habillent" la map), changer la taille du canevas et/ou de la grille, etc...

Dans ce cas, il faudrait bien séparer les extraits de code et qu'ils n'aient chacun pas trop de lignes + mettre un lien vers les scripts complets.

Et peut-être plus tard changer la position de départ du perso, si c'est possible, et la position des blocs eux-mêmes.
Après, tu peux proposer aux gens de télécharger leur ennemi et leur "inkscape" (trouver un autre nom, dans ce cas !) puis éventuellement leur propre perso.

J'ai essayé sur canvas experiment de mettre l'url de mon perso Lila, mais ça ne fonctionne pas, dommage.

Pour les blocs, je ne sais pas encore comment ça fonctionne mais ce serait super d'avoir quelques petites images carrées avec des motifs différents et qu'en changeant les numéros dans la map, on ait tel ou tel petit carré qui change de style ou d'endroit. Si ça pouvait se faire directement en ligne en changeant là aussi le code "en direct", ce serait super.

« Page précédente Page suivante »