Donnez vie à vos projets Scratch avec des costumes et des arrière-plans animés

Ce que vous allez créer

Vous êtes maintenant presque à travers la série de ce débutant sur Scratch. Vous avez créé un jeu dans lequel l'utilisateur poursuit un chat avec un crabe, le chat dit 'Aïe!' quand le crabe le serre, un score est conservé. A la fin du jeu, le score est affiché.

Dans cette partie, nous allons continuer à travailler sur ce projet. Nous allons ajouter des animations à nos sprites et à nos toiles de fond. Vous avez déjà créé une animation simple pour que le chat paraisse courir: nous en ajouterons une autre au crabe. Nous allons également animer le fond pour créer un effet de zoom.

Ce dont vous aurez besoin

Pour compléter ce tutoriel, vous aurez besoin de:

  • un compte gratuit avec Scratch
  • un navigateur Web avec accès à Scratch (je recommande d'utiliser un navigateur moderne comme Chrome, Firefox, Safari ou Opera pour une expérience optimale)

Commencer

Nous allons travailler avec le projet créé dans la dernière partie de la série, sur les événements. Nous utiliserons les ressources et les scripts que nous avons créés jusqu'à présent et en ajouterons d'autres..

Selon que vous avez ou non travaillé avec ce didacticiel, il existe deux manières de démarrer avec ce didacticiel:

  • Ouvrez le projet que vous avez créé pour le dernier tutoriel et faites-en une copie..
  • Remixez le projet que j'ai créé pour prendre en charge le dernier tutoriel..

Sinon, vous pouvez simplement continuer à travailler dans le même projet que vous avez déjà créé. Voici comment vous faites chacune de ces tâches (vous n’en aurez besoin que d’une seule).

Dupliquer votre propre projet

Ouvrez Scratch et accédez au projet que vous souhaitez dupliquer. Assurez-vous que vous avez cliqué sur le Voir à l'intérieur bouton pour que vous puissiez voir le fonctionnement du projet.

Dans la barre d'outils, cliquez sur Fichier> Enregistrer en tant que copie:

Scratch ouvrira votre nouvelle copie. Renommez-le et commencez à y travailler.

Remixer mon projet

Se connecter à Scratch et aller à la page de mon projet sur les événements.

Clique le Voir à l'intérieur bouton pour voir le projet:

Maintenant, cliquez sur le Remix bouton. Scratch enregistrera un duplicata de mon projet en tant que nouveau projet dans votre compte. Renommez-le et vous êtes prêt à partir!

Animer la scène avec des toiles de fond

La première chose à faire est de créer un effet d'animation pour la scène à l'aide des fonds que nous avons créés précédemment dans la série..

Sélectionnez la scène et modifiez le script que vous avez créé pour modifier la variable de minuterie de -1 à chaque seconde. Vous aurez besoin d'insérer un passer de toile de fond à Bloquez à l'intérieur de la boucle, puis faites autant de copies de blocs à l'intérieur des boucles que vous avez des arrière-plans que vous souhaitez changer. Normalement, vous pouvez utiliser le prochaine toile de fond bloquer ce qui vous éviterait de répéter des blocs très similaires dans votre boucle, mais vous ne pouvez pas le faire ici à cause du fond des cercles.

Le script de votre scène aura ces blocs:

  • quand le drapeau vert a cliqué
  • mettre le score à 0
  • régler la minuterie à 30
  • répéter jusqu'à minuteur = 30
  • changer de toile de fond à la plage malibu
  • attendez 1 secondes
  • changer la minuterie par -1
  • passer de toile de fond à la plage malibu2
  • attendez 1 secondes
  • changer la minuterie par -1
  • passer de toile de fond à la plage malibu3
  • attendez 1 secondes
  • changer la minuterie par -1
  • (fin de répétition jusqu'à boucle)
  • jeu diffusé sur

Votre script ressemblera à ceci à l'écran:

Maintenant, si vous démarrez le projet, l’arrière-plan semblera zoomer à plusieurs reprises. Ce n’est pas le plus lisse des zooms dans mon projet (ça peut paraître mieux dans le vôtre!) Mais ça vous donne l’idée. Vous pouvez faire cela avec plus de fonds se ressemblant davantage pour créer un effet de zoom beaucoup plus fluide, et si vous aviez un fond répétitif, vous pouviez créer un effet de zoom avant pour toujours.

Maintenant animons un sprite.

Ajout d'animation au sprite de crabe

Dans une partie précédente de cette série, vous avez ajouté une animation à l'image-objet du chat, lui donnant l'impression de marcher sur la scène. Nous allons maintenant ajouter une animation à l’image-objet Crabe, en changeant son costume lorsqu’il attrape le chat afin que ses pinces semblent bouger..

Sélectionnez le sprite de crabe et créez-lui un nouveau script:

  • quand je reçois attrapé
  • répéter 3
  • prochain costume
  • attendez 02. secondes
  • (fin de boucle de répétition)

Cela signifie que lorsque le crabe et le chat touchent (c'est-à-dire que le message capturé est diffusé), le crabe changera de costume et attendra 0,2 seconde, trois fois. Essayez de lancer le jeu et vous pouvez voir que le crabe ressemble à une pince qui s'ouvre et se ferme lorsqu'il attrape le chat.

Voici à quoi ça ressemble à l'écran:

Résumé

L'animation de vos projets Scratch les rend plus intéressants visuellement et vous aide à créer des effets qui amélioreront vos jeux et vos interactions. Dans ce tutoriel, vous avez appris à ajouter une animation simple à votre scène et à l'un de vos sprites..

Pour relever un défi, essayez de dessiner plus de costumes pour les sprites et d'ajouter des animations pour ceux-ci. Vous pourriez peut-être dupliquer le chat, dessiner des fonctionnalités supplémentaires, et utiliser celles-ci lorsque le chat dit à l'utilisateur quelle était sa partition?