Tuto Bitsy CSCFM

CSCFM présente

Bitsy

Conception de mini-jeux

START

Sommaire

À Propos

Outils de création

Cliquez sur un titre pour accéder à la section

Dessin

Palette de couleurs

Dialogue

Trouver un dessin

Salle

Sorties & Fins

Inventaire

Sauvegarder

Page suivante

Jeux Bitsy

A Propos

Bitsy est un moteur de création de jeux, de mondes en pixels dans lesquels le héros (appelé avatar) peut se balader, discuter avec d’autres personnages et effectuer des quêtes.L'application utilisable en ligne est une création d'Adam Le Roux.

Page suivante

Site officiel

Outils de création

Dessin

Palette de couleurs

Dialogue

Trouver un dessin

Salle

Cliquez sur un titre pour accéder à la section

Sorties & Fins

Inventaire

Sauvegarder

Jeux Bitsy

Page suivante

Dessin

1. un avatar (personnage)
2. des sprites (autres personnages ou objets à interaction visibles tout le temps)
3. des items (objets à ramasser et qui permettent une interaction avec d’autres sprites)
4. des tiles (les éléments de décors)

Ce sont des dessins de 64 blocs (8x8)

L’outil dessin de Bitsy permet de créer 4 éléments distincts :

Page suivante

Palette de couleurs

La palette de couleur est l’outil qui nous permet de définir les 3 couleurs principales du petit monde en pixels. Elle est importante, n’oubliez pas de noter les codes couleur, il est possible que lors d’un prochain passage sur Bitsy la palette de couleurs soit remise à zéro.

#1A1851

#8979F2

#F2F2F2

Dialogue

Comme son nom l'indique, cet outil permet de créer des petites dialogues entre avatar et sprite, d'introduire et de raconter l'histoire ou encore d'afficher un texte en terminant le jeu (game over, félicitations...). L'outil dialogue se compose de plusieurs éléments : -La boîte de dialogue en elle-même. -Les effets de texte (vague, arc-en-ciel...) -Les actions de sortie et de fin. Il est ainsi possible de régler le dialogue pour qu'il s'enclenche à un moment défini (ex : récupération d'un item).

Page suivante

EXEMPLE

Trouver un dessin

Avec toutes ces possibilités de création, il est parfois difficile de remettre la main sur les nombreux éléments dessinés (avatar, sprites, tiles, items). Pour s’y retrouver, il y a l’outil de recherche « trouver un dessin ». Il est conseillé de nommer les dessins préalablement, cela facilite grandement la recherche. Il suffit de mettre le nom des dessins dans la barre de recherche et ils apparaîtront. Cette fonctionnalité marche avec tous les dessins.

Page suivante

Salle

Cette boîte de 16 blocs sur 16 permet de créer l'environnement du jeu. Il est possible de créer un très grand nombre de salles. On y place avatars, sprites, items et tiles pour construire le décor et ses délimitations. Il est possible de faire apparaître ou disparaître les blocs « murs ». Pour faire un labyrinthe, c’est une fonctionnalité indispensable ! Important : la fenêtre Salle a aussi la fonction « jouer » qui permet de tester le jeu. La fonction sorties & fins est également disponible dans la fenêtre.

Page suivante

Sorties et fins

Les sorties et fins permettent de créer des passages entre les différentes salles du monde et d'atteindre la fin du jeu. Elles peuvent être déplacées manuellement dans la fenêtre «Salle» ou en cliquant sur le crayon pour éditer. Il est aussi possible d'ajouter des dialogues pour marquer le changement de salle et également de faire des effets de transition d'une salle à une autre.

Page suivante

Inventaire

L’inventaire comporte la liste de tous nos items et variables. Il est utile lorsque l’on met des conditions sur la fin du jeu et sur certaines actions.

Page suivante

Sauvegarder

Pour sauvegarder son travail et le retrouver, il faut le télécharger en utilisant la fenêtre dédiée. Cela téléchargera un fichier html de votre jeu. Il pourra ainsi se lancer comme une page internet et sera jouable depuis le navigateur. Pour reprendre la création de votre jeu, il vous suffira de charger le fichier html avec l’outil.

Page suivante

Jeux Bitsy

Quelques jeux réalisés avec Bitsy :

- Under a star called sun

- A vision of the sublime

- The milk and mitten

- A secret bitsy game

Cliquez sur un titre pour jouer à un des jeux

Les jeux Bitsy se jouent uniquement au clavier (touches directionnelles et touche entrée)