Pour créer des jeux (un peu comme avec RPGMaker) :
* Game Maker (trouvé grâce à Games Creator Network) ne marche pas avec Wine pour la version gratuite, mais il semble qu'il y a une version Master avec un export pour Ubuntu
* gamedevelopp a une version linux

Par ailleurs, on a installé Omnitux et on l'a présenté aux classe de maternelles. Nous avons vu sur le site que l'on peut personnaliser ce jeu. il est en python et on peut changer les fichiers xml et les images dans les data.

Mes sprites, tous sur la même image.
Le premier est en double alors que ce n'est pas vraiment nécessaire, mais ça ressemble plus à l'article.

Voici le script.

Cela consiste à prendre des photos de poses de mode pour les transformer en dessins. On peut faire les dessins avec Inkscape, avec ou sans tablette graphique, ou au crayon et les scanner.

On peut la proposer à des jeunes filles (mais aussi à des garçons) qui aiment la mode. Au lieu d'être en sous-vêtements pour les photos, on leur demande de mettre des vêtements moulants ou des shorts.

Il y a des jeux en flash sur la mode, en réaliser en javascript serait peut-être aussi possible. Je ne connais pas de jeu vidéo basé sur la mode, encore moins de jeu libre. Quelqu'un en connaît ?

Je me suis inspirée de plusieurs photos sur internet pour ne pas me tromper et j'ai dessiné mon raton laveur en pose statique avec Inkscape. Chaque morceau du corps reste indépendant.

J'ai demandé à un enfant de jouer un raton-laveur qui marche et je l'ai filmé. C'était amusant !
Après, j'ai extrait 4 poses de la vidéo avec Kdenlive et je m'en suis servie comme base pour dessiner les 4 poses sous Inkscape, en copiant-collant les éléments de mon personnage statique et en les transformant par rotation et déplacement. Pour la jambe pliée, j'ai utilisé l'outil noeud pour déplacer le pied.

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)

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.

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 ! 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.

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.
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.

@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++ !

[..] 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.