Différences entre les pages « Importer de nouvelles cartes dans l'interface Arduino » et « Scratch : Créer votre premier jeu simple avec scratch »

 
 
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
|Main_Picture=Importer_de_nouvelles_cartes_dans_l_interface_Arduino_image118.png
+
|Main_Picture=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_scratch.jpg
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
|Description=Ce tutoriel vous permettra d'apprendre à ajouter de nouvelles cartes de prototypage dans l'interface de développement Arduino pour pouvoir presque TOUT programmer !
+
|Description=Objectif: Créer son premier jeu
|Disciplines scientifiques=Arduino
+
|Disciplines scientifiques=Computing
 
|Difficulty=Easy
 
|Difficulty=Easy
|Duration=5
+
|Duration=1
|Duration-type=minute(s)
+
|Duration-type=hour(s)
|Tags=Arduino, esp8266, esp32, Wemos D1 mini, LOLIN
+
|Tags=scratch, Jeux
 
}}
 
}}
 
{{Introduction
 
{{Introduction
|Introduction=Initialement prévu pour pouvoir programmer sur les plateformes compatibles Arduino, l'interface de développement Arduino a trouvé intérêt pour d'autres plateformes et microcontrolleurs.
+
|Introduction=Objectif / Apprendre à créer son premier jeu sur scratch :
  
 +
Le jeu sera une fusé qui va devoir esquivé les étoile.
  
Ainsi nous pouvons aujourd’hui programmer une quantité considérable de cartes de prototypages qui ne proviennent pas de l'entreprise Arduino.
+
Pour cela on va devoir mettre quelque petite chose en place
  
<br />
+
1 - Mettre les costume de fusé  et choisir la taille et la position de départ de notre fusé.
 +
 
 +
2 - Créer l'animation de notre fusé
 +
 
 +
3 - Attribué des touche pour que notre fusé puisse allez de droite à gauche
 +
 
 +
4 - On va ajouter un nouveau sprite qui sera l'étoile, on va aussi lui attribuer ce quel devra faire.
 +
 
 +
5 - Créer les Variable pour le temps et la vie 
 +
 
 +
6 - Gagner ou perdu 
 +
 
 +
Dernière étape : Petit exercice pour voir si vous avez bien compris.<br />
 +
}}
 +
{{Materials
 +
|ItemList={{ItemList
 +
|Item=Ordinateur
 +
}}
 
}}
 
}}
{{Materials}}
 
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Les catalogues de cartes
+
|Step_Title=Mettre les costume de fusé et choisir la taille et la position de départ de notre fusé.
|Step_Content=Pour installer de nouvelles cartes dans l'interface Arduino, le principe est quasiment le même que pour ajouter des bibliothèques. Par défaut, l'interface d'arduino ne connait que les cartes Arduino "Officielles", nous allons donc ajouter à son catalogue de cartes un nouveau catalogue !
+
|Step_Content=Pour cela allez dans la partie costume puis choisir un costume en bas à gauche.
  
 +
Faire ça pour ajouter chaque costume de la fusé puis supprimé les 2 costume du chat.
  
Cette manipulation sera à reproduire dès lors que vous réinstallerez le logiciel Arduino ou au premier paramétrage.
 
Un catalogue de carte se présente sous la forme d'une adresse internet pointant sur un fichier texte de type JSON.
 
  
 +
Pour attribué la taille et la position de départ de notre fusé:
  
Nous allons voir dans ce tutoriel comment ajouter les cartes ESP8266 (wemos par exemple) et ESP32.
+
On va commencer par dire que des que le drapeau et cliquer alors on va mettre la taille à 50% et  aller à x:0 y :-130       
   
 
Pour trouver un catalogue de cartes dans un moteur de recherche, saisissez les termes suivants "''arduino nom_de_la_carte_a_installer core json''"
 
  
Dans les résultats de recherche, préférez les liens pointant sur des git (github, gitlab) car ils sont souvents à jour. Il vous reste à trouver l'adresse recherchée (qui pointe sur un fichier json).
+
On va aussi changer l'arrière plan: 
 
  
Voici par exemple le lien du catalogue pour les ESP8266 :
+
Très simple, allez en bas à droite cliquer sur choisir un arrière plan et choisir Stars. 
  
<nowiki>https://arduino.esp8266.com/stable/package_esp8266com_index.json</nowiki>
 
  
  
Et le lien du catalogue des cartes à base d' ESP32 :
+
<br />
 +
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Costume.png
 +
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_costum_fus_.png
 +
|Step_Picture_02=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Taille_position.png
 +
|Step_Picture_03=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_bg.png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Créer l'animation de notre fusé
 +
|Step_Content=Une partie normalement très simple 
  
<nowiki>https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json</nowiki>
+
Il va nous falloir rajouter après Etape 1, demander de répéter indéfiniment costume suivant avec un attendre pour avoir une animation fluide
|Step_Picture_00=Importer_de_nouvelles_cartes_dans_l_interface_Arduino_Capture_d_cran_du_2020-09-04_11-53-11.png
+
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Animation.png
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Ajout d'un catalogue de cartes dans l'interface de développement Arduino
+
|Step_Title=Attribué des touche pour que notre fusé puisse allez de droite à gauche
 +
|Step_Content=Une partie un peut plus compliquer
 +
 
 +
On va devoir crée une condition si une touche et toucher alors faire quelque chose.
 +
 
 +
Pour cela on va devoir mettre un bloc quand le drapeau et cliquer, répéter indéfiniment, si la touche et presser alors ajouter ou enlever à l'axe X
 +
 
 +
<br />
 +
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Direction.png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=On va ajouter un nouveau sprite qui sera l'étoile, on va aussi lui attribuer ce quel devra faire.
 +
|Step_Content=L’objectif c'est que l'étoile apparaisse en haut de notre écran et quelle tombe puis disparaisse 
 +
 
 +
Pour cela on va créer des clones toute les 0.05sec à 0.5sec de l'étoile
 +
 
 +
Apres on va donné des propriétés au clone qui vont apparaître:
 +
 
 +
Donc des que je suis un clone je dois aller à x: entre -235 et 235 y: 160.
 +
 
 +
On va aussi répéter indéfiniment de descendre donc ajouter -10 à y.
 +
 
 +
Pour finir on va devoir faire une condition qui dit que dès que je touche  le bord ou la fusé alors on le cache.
 +
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_1.png
 +
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_2.png
 
}}
 
}}
 
{{Notes}}
 
{{Notes}}

Version du 22 octobre 2020 à 13:49

Auteur avatarJarod Wuillaume | Dernière modification 3/05/2022 par Camil Saliba

Scratch - Cr er votre premier jeu simple avec scratch scratch.jpg

Introduction

Objectif / Apprendre à créer son premier jeu sur scratch :

Le jeu sera une fusé qui va devoir esquivé les étoile.

Pour cela on va devoir mettre quelque petite chose en place

1 - Mettre les costume de fusé et choisir la taille et la position de départ de notre fusé.

2 - Créer l'animation de notre fusé

3 - Attribué des touche pour que notre fusé puisse allez de droite à gauche

4 - On va ajouter un nouveau sprite qui sera l'étoile, on va aussi lui attribuer ce quel devra faire.

5 - Créer les Variable pour le temps et la vie

6 - Gagner ou perdu

Dernière étape : Petit exercice pour voir si vous avez bien compris.

Étape 1 - Mettre les costume de fusé et choisir la taille et la position de départ de notre fusé.

Pour cela allez dans la partie costume puis choisir un costume en bas à gauche.

Faire ça pour ajouter chaque costume de la fusé puis supprimé les 2 costume du chat.


Pour attribué la taille et la position de départ de notre fusé:

On va commencer par dire que des que le drapeau et cliquer alors on va mettre la taille à 50% et aller à x:0 y :-130

On va aussi changer l'arrière plan:

Très simple, allez en bas à droite cliquer sur choisir un arrière plan et choisir Stars.




Étape 2 - Créer l'animation de notre fusé

Une partie normalement très simple

Il va nous falloir rajouter après Etape 1, demander de répéter indéfiniment costume suivant avec un attendre pour avoir une animation fluide




Étape 3 - Attribué des touche pour que notre fusé puisse allez de droite à gauche

Une partie un peut plus compliquer

On va devoir crée une condition si une touche et toucher alors faire quelque chose.

Pour cela on va devoir mettre un bloc quand le drapeau et cliquer, répéter indéfiniment, si la touche et presser alors ajouter ou enlever à l'axe X





Étape 4 - On va ajouter un nouveau sprite qui sera l'étoile, on va aussi lui attribuer ce quel devra faire.

L’objectif c'est que l'étoile apparaisse en haut de notre écran et quelle tombe puis disparaisse

Pour cela on va créer des clones toute les 0.05sec à 0.5sec de l'étoile

Apres on va donné des propriétés au clone qui vont apparaître:

Donc des que je suis un clone je dois aller à x: entre -235 et 235 y: 160.

On va aussi répéter indéfiniment de descendre donc ajouter -10 à y.

Pour finir on va devoir faire une condition qui dit que dès que je touche le bord ou la fusé alors on le cache.




Dernière modification 3/05/2022 par user:Camil Saliba.

Commentaires

Draft