Créer un jeu jouable dans le navigateur, du concept au lien

Comment créer un jeu simple qui se joue dans le navigateur : trouver un concept, décrire le jeu à l'IA, l'ajuster en jouant, puis le partager avec un lien.

25 octobre 20263 min de lecture

Pour créer un jeu sans savoir programmer, commencez petit : un concept qui tient en une phrase, une seule règle principale, un score. Décrivez ce jeu à une IA, jouez immédiatement à l'aperçu, puis ajustez la vitesse, les contrôles et les couleurs message après message. Avec VibeDream, le jeu est construit avec Phaser, un framework de jeux pour le navigateur, et se joue sur téléphone comme sur ordinateur.

Trouver un concept de jeu qui tient en une phrase

Un bon premier concept de jeu se résume ainsi : « le joueur fait X pour éviter Y et gagner Z ». Attraper des fruits qui tombent en évitant les bombes. Sauter de plateforme en plateforme sans tomber. Retourner des cartes pour retrouver les paires. Plus la règle est simple, plus vous pourrez la régler finement.

  • Une action principale : toucher, glisser ou appuyer sur une touche.
  • Un danger ou une contrainte : le temps, un obstacle, une vitesse qui augmente.
  • Un score visible et une fin de partie claire, avec un bouton Rejouer.

Décrire le jeu à l'IA

Dans VibeDream, cliquez sur New Project, choisissez Direct Prompt et décrivez le jeu comme à un ami qui ne le connaît pas. L'interface est en anglais pour l'instant, mais vous pouvez écrire en français.

Crée un jeu de navigateur « Pluie de pommes ».
Le joueur déplace un panier en bas de l'écran, au doigt sur téléphone et avec les flèches sur ordinateur.
Des pommes tombent du haut : +1 point par pomme attrapée. Des bombes tombent aussi : une bombe attrapée termine la partie.
Toutes les 10 pommes, la vitesse augmente d'un cran, affiché « Vitesse 2 », « Vitesse 3 ».
Affiche le score en haut à gauche, et un écran de fin avec le score et un bouton Rejouer.
Style coloré et lisible, gros éléments, textes en français.

L'aperçu se lance à côté du chat. Jouez plusieurs parties, sur l'aperçu puis en vue téléphone, et notez ce qui gêne : trop rapide, panier trop petit, bombes impossibles à éviter.

L'espace de travail VibeDream avec le chat à gauche et l'aperçu d'un jeu où l'on attrape des pommes à droite
Le jeu se teste directement dans l'aperçu.

Ajuster le jeu en y jouant

Le réglage de la difficulté fait toute la différence entre un jeu frustrant et un jeu auquel on rejoue. Envoyez une correction par message et rejouez après chacune :

  • « Au début, les pommes tombent trop vite. Réduis la vitesse de départ de moitié. »
  • « Il y a trop de bombes au début : pas de bombe avant 5 pommes attrapées. »
  • « Sur téléphone, le panier est trop petit. Agrandis-le et laisse-le suivre le doigt. »
  • « Ajoute un petit son quand on attrape une pomme, et un autre quand la partie se termine. »
Le même jeu de pommes affiché sur un écran de téléphone avec le score en haut
Vérifiez toujours le jeu sur un vrai téléphone.

IA et jeux vidéo : ce qui marche bien, et les limites

L'IA est très efficace pour les jeux 2D d'arcade, de réflexion, de cartes ou de plateformes, avec des règles qu'on peut décrire précisément. Elle l'est beaucoup moins pour un jeu en 3D ambitieux, un jeu multijoueur en temps réel ou une histoire longue avec de nombreux personnages. Commencez par une boucle de jeu courte et réussie, puis ajoutez des niveaux un par un. Pour aller plus loin sur l'outil utilisé, le guide en anglais Phaser explique ce que permet ce framework.

Créer un jeu en ligne et le partager

Quand le jeu vous plaît, cliquez sur Put it online et choisissez un nom. En 1 à 3 minutes environ, il est en ligne sur une adresse comme pluie-de-pommes.vibedreams.ai, avec sa page de jeu et un classement des meilleurs scores. La publication coûte 5 crédits, comme chaque mise à jour, et la version en ligne ne change que lorsque vous cliquez sur Update it. Pour réunir plusieurs jeux sur un même site, suivez le guide en anglais make a game website.

Côté tarifs, All Access Mini coûte 49 dollars par mois avec 60 crédits et All Access 97 dollars par mois avec 150 crédits. Les crédits sont consommés à chaque message. Tout est sur la page des tarifs.

Questions fréquentes

Prêt à créer votre app ?

Décrivez votre idée et voyez-la fonctionner dans un aperçu en direct.

Commencer

Autres guides