Make games with Superpowers — The extensible, collaborative HTML5 2D+3D game maker

Votre premier jeu

Créez un asset de type Sprite, appelez-le Leonard, ouvrez-le en double-cliquant dessus et uploadez une petite image.
Vous pouvez utiliser Léonard, la mascotte de Superpowers par exemple).

Assurez-vous de bien définir la taille de la grille à la taille de l'image, pour que l'image soit entièrement visible dans le panneau de prévisualisation (en bas).

Créez un asset de type Script, appelez-le Game et ouvrez-le.

Les scripts sont utilisés pour indiquer à Superpowers que faire avec vos assets. Quand vous lancez votre jeu, Superpowers lit chaque script dans l'ordre, de haut en bas et exécute les instructions situées à l'intérieur. Superpowers utilise TypeScript comme language de script.

Métaphoriquement, votre jeu est comme un film dont vous êtes le metteur en scène. Dans vos scripts, vous indiquez quels acteurs participent, quels costumes ils doivent enfiler et quels seront leurs rôles. Sans script, tout le monde restera dans les coulisses, personne ne sera sur le plateau et l'écran restera donc noir.

Dans l'éditeur de script, supprimez le texte de base et tapez le code suivant (ou copier / coller, mais vous apprendrez plus vite si vous tapez tout vous même) : 

// Appelons notre premier acteur sur le plateau, il jouera le personnage principal
let mainCharacterActor = new Sup.Actor("Personnage Principal");
// Disons à notre acteur de mettre le costume (sprite) "Leonard"
new Sup.SpriteRenderer(mainCharacterActor, "Leonard");

// Appelons une seconde personne sur le plateau, ce sera notre caméraman
let cameraManActor = new Sup.Actor("Camera Man");
// Donnons lui une caméra
new Sup.Camera(cameraManActor);

// Plaçons nos acteurs. Le personnage principal sera au centre de la scène
mainCharacterActor.setPosition(0, 0, 0);

// Le caméraman doit s'éloigner pour filmer l'acteur principal
cameraManActor.setPosition(0, 0, 5);

Les lignes commençant par // sont des commentaires. Superpowers ne fait pas attention à ces lignes, elles ne sont là que pour expliquer comment tout fonctionne.

IMPORTANT: Appuyez sur Ctrl+S pour appliquer les changements faits dans vos scripts. Vous remarquez que l'indicateur draft dans l'arbre d'assets disparaît quand votre script est sauvegardé.

Superpowers peut détecter certaines erreurs de script (erreurs de syntaxe, référence ou de type) à la volée, donc si vous voyez des mots en rouges quand vous avez fini, vous savez que vous devez relire ces lignes et les lignes autour. Les messages d'erreurs détaillés sont affichés en bas de l'éditeur.

Quand vous avez fini, lancez votre jeu avec le bouton Run game et vous devriez voir votre acteur apparaître !