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

Travailler avec des scènes

Les scènes vous permettent de construire visuellement une configuration d'acteurs et de composants (rendu, comportement, etc.).

Nous allons reconstruire notre plateau depuis le début mais en utilisant une scène au lieu de le faire par script.

Créez une nouvelle scène, nommez-la Main Scene et ouvrez-la.

Dans l'éditeur de scène, utilisez ZQSD pour vous déplacer vers l'avant, arrière, gauche ou droite, la touche Espace pour monter et Majuscule pour descendre.

Créez un nouvel acteur, nommez-le Main Character et placez-le en (0, 0, 0).
Ajoutez un composant Sprite Renderer et entrez le nom Leonard pour le sprite à utiliser.
Ajoutez un autre composant, cette fois-ci de type Behavior et choisissez CharacterBehavior comme classe à utiliser.

Cliquez n'importe où dans l'arborescence de la scène pour désélectionner l'acteur que vous venez de créer.
Créez un autre acteur nommé Camera Man et placez-le en (0, 0, 5).
Ajoutez un composant Camera dessus.

Assurez-vous que l'acteur Camera Man n'est pas parenté à l'acteur Main Character dans l'arborescence de la scène.
Si c'est le cas, glissez-le à la racine pour le détacher.

Maintenant que notre scène est prête, retournons dans notre script. Nous pouvons nous débarrasser de tout notre code de création d'acteurs et le remplacer par une unique instruction pour charger la scène. Nous avons cependant toujours besoin de déclarer notre CharacterBehavior.

Remplacez le contenu du script Game par le code suivant : 

class CharacterBehavior extends Sup.Behavior {
  update() {
    if (Sup.Input.isKeyDown("LEFT")) this.actor.move(-0.1, 0, 0);
    if (Sup.Input.isKeyDown("RIGHT")) this.actor.move(0.1, 0, 0);
  }
}
Sup.registerBehavior(CharacterBehavior);

Sup.loadScene("Main Scene");

Il est important de déclarer la classe CharacterBehavior avant de charger la scène avec Sup.loadScene (c'est-à-dire, le mettre plus haut dans le script), ou Superpowers vous indiquera qu'il ne connait (pas encore) le comportement utilisé par la scène au moment de son chargement.

Lorsque vous travaillez avec beaucoup de classes de comportement, vous pouvez mettre chacune dans son propre script pour mieux vous organiser. Comme les scripts sont lus dans l'ordre, assurez-vous de charger votre scène dans un script placé en dessous de vos scripts définissant vos comportements.

Charger une scène au lancement du jeu sans code

Vous pouvez indiquer une scène qui sera automatiquement chargé par Superpowers après qu'il a lu tous vos scripts dans la section Game de l'outil Settings.

C'est équivalent à insérer un appel à Sup.loadScene à la fin de votre dernier script, mais c'est plus pratique puisque vous saurez toujours où trouver la scène de départ si vous devez la changer.