Différences entre les pages « Scratch : Créer votre premier jeu simple avec scratch » et « Tuto interface scratch »

 
 
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
|Main_Picture=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_scratch.jpg
+
|Main_Picture=tuto_interface_scratch_Capture_d_cran_5_.png
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
|Description=Objectif: Créer son premier jeu
+
|Description=guide utilisation interface scratch
|Disciplines scientifiques=Computing, Mathematics
+
|Disciplines scientifiques=Computing
 
|Difficulty=Easy
 
|Difficulty=Easy
|Duration=1
+
|Duration=35
|Duration-type=hour(s)
+
|Duration-type=minute(s)
|Tags=scratch, Jeux
+
|Tags=INTERFACE
 
}}
 
}}
 
{{Introduction
 
{{Introduction
|Introduction=Objectif / Apprendre à créer son premier jeu sur scratch :
+
|Introduction=Présentation de l'interface scratch de A à Z
 
+
}}
Le jeu sera une fusé qui va devoir esquivé les étoile.
+
{{TutoVideo
 
+
|VideoType=Youtube
Pour cela on va devoir mettre quelque petite chose en place
+
|VideoURLYoutube=https://www.youtube.com/watch?v=hYYemifaiSc
 
 
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 et les assignés 
 
 
 
6 - Gagner ou perdu 
 
 
 
Dernière étape : Petit exercice pour voir si vous avez bien compris.<br />
 
 
}}
 
}}
 
{{Materials
 
{{Materials
|ItemList={{ItemList
+
|Prerequisites={{Prerequisites
|Item=Ordinateur
+
|Prerequisites=Découvrez la programmation avec Scratch
 +
}}{{Prerequisites}}
 
}}
 
}}
 +
{{Tuto Step
 +
|Step_Title=choisir le language
 +
|Step_Content=Vous-avez le choix du language comme indiqué sur le numéro 1
 +
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_5_.png
 +
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-168,"top":84,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.74,"scaleY":0.74,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/a/a5/Tuto_interface_scratch_Capture_d_cran_5_.png","filters":[]},{"type":"wfrect","version":"3.5.0","originX":"center","originY":"center","left":120,"top":120,"width":100,"height":100,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0}],"height":450,"width":600}
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Mettre les costume de fusé et choisir la taille et la position de départ de notre fusé.
+
|Step_Title=gestion de fichiers
|Step_Content=Pour cela allez dans la partie costume puis choisir un costume en bas à gauche.
+
|Step_Content=Gestion des fichiers
 +
{| class="wikitable"
 +
| class="txt_cell_tbtd " |Dans cet onglet, on peut :
  
Faire ça pour ajouter chaque costume de la fusé puis supprimé les 2 costume du chat.
+
* créer un nouveau fichier
 +
* ouvrir un fichier existant
 +
* sauvegarder un fichier
 +
* sauvegarder un fichier sous un autre nom
 +
* partager un fichier avec le site web de Scratch
 +
* vérifier les mises à jour
 +
* quitter le logiciel
 +
| class="txt_cell_tbtd " |
 +
|}
 +
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_8_.png
 +
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-842,"top":-113,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.93,"scaleY":1.93,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/0/09/Tuto_interface_scratch_Capture_d_cran_8_.png","filters":[]}],"height":448.05194805194805,"width":600}
 +
}}
 +
{{Tuto Step
 +
|Step_Title=barre des outils
 +
|Step_Content=Dans cette barre, il est possible de :
  
 
+
* dupliquer un objet
Pour attribué la taille et la position de départ de notre fusé:
+
* supprimer un objet
 
+
* agrandir un objet
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       
+
* réduire un objet
 
+
* obtenir une aide sur les blocs en cliquant sur le point d'interrogation puis sur le bloc souhaité (aide en anglais)
On va aussi changer l'arrière plan: 
+
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_9_.png
 
+
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-1006,"top":-11,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.75,"scaleY":1.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/5/56/Tuto_interface_scratch_Capture_d_cran_9_.png","filters":[]}],"height":448.2352941176471,"width":600}
Très simple, allez en bas à droite cliquer sur choisir un arrière plan et choisir Stars.  
+
}}
 
+
{{Tuto Step
 
+
|Step_Title=Zone des objets créés
 
+
|Step_Content=C'est ici qu'apparaît la liste des objets créés au cours du projet, y compris la scène. Ils sont repérés par des vignettes sur lesquelles on clique pour accéder à leurs propriétés et aux scripts qui leur sont associés.
<br />
+
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_10_.png
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Costume.png
+
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-1000,"top":-562,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":2.06,"scaleY":2.06,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/1/1f/Tuto_interface_scratch_Capture_d_cran_10_.png","filters":[]}],"height":450,"width":600}
|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
+
{{Tuto Step
|Step_Picture_03=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_bg.png
+
|Step_Title=Zone des scripts
 +
|Step_Content=C'est ici que l'on construit les programmes en empilant les blocs afin de contrôler les objets du projet. On déplace un bloc en cliquant dessus et en le faisant glisser dans cette zone.
 +
{| class="wikitable"
 +
! scope="col" class="txt_cell_tbtd " |Lutins
 +
! scope="col" class="txt_cell_tbtd " |Scène
 +
|- class="txt_row_tbtr "
 +
| class="txt_cell_tbtd " |
 +
* '''Scripts''' : on déplace, on assemble des blocs de commande pour écrire un programme qui contrôlera le lutin ;
 +
* '''Costumes''' : on dessine, on importe ou on modifie des images pour créer un objet/lutin ou pour donner plusieurs apparences à un même lutin ;
 +
* '''Sons''' : on enregistre ou on importe des sons pour les associer à un lutin.
 +
| class="txt_cell_tbtd " |
 +
* '''Scripts''' : on déplace, on assemble des blocs de commande pour écrire un programme qui contrôlera la scène;
 +
* '''Arrière-plans''' : on dessine, on importe ou on modifie des images pour créer un arrière-plan ou pour donner plusieurs apparences à la scène ;
 +
* '''Sons''' : on enregistre ou on importe des sons pour les associer à une scène.
 +
|}
 +
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_11_.png
 +
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-827,"top":-132,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.23,"scaleY":1.23,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/5/5a/Tuto_interface_scratch_Capture_d_cran_11_.png","filters":[]}],"height":450.62240663900417,"width":600}
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Créer l'animation de notre fusé
+
|Step_Title=scène
|Step_Content=Une partie normalement très simple 
+
|Step_Content=C'est ici que les projets prennent vie et que l'on peut visualiser le déroulement du projet.
 
+
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_12_.png
 
+
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-539,"top":-107,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.32,"scaleY":1.32,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/a/a4/Tuto_interface_scratch_Capture_d_cran_12_.png","filters":[]}],"height":450.6666666666667,"width":600}
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=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Animation.png
 
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Attribué des touche pour que notre fusé puisse allez de droite à gauche
+
|Step_Title=palette
|Step_Content=Une partie un peut plus compliquer
+
|Step_Content=Ces dix boutons permettent de choisir les blocs pour programmer les objets. On associe ces blocs de commande en les empilant pour créer des programmes qui contrôlent les objets sur l'écran.
 
+
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_13_.png
On va devoir crée une condition si une touche et toucher alors faire quelque chose.
+
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-1224,"top":-167,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.97,"scaleY":1.97,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/8/88/Tuto_interface_scratch_Capture_d_cran_13_.png","filters":[]}],"height":449.0066225165563,"width":600}
 
 
 
 
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
 
{{Tuto Step
|Step_Title=On va ajouter un nouveau sprite qui sera l'étoile, on va aussi lui attribuer ce quel devra faire.
+
|Step_Title=Boutons pour un nouveau lutin
|Step_Content=L’objectif c'est que l'étoile apparaisse en haut de notre écran et quelle tombe puis disparaisse 
+
|Step_Content=Il y a quatre façons d'ajouter/créer un lutin :
 
 
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.
+
* choisir un objet dans la bibliothèque de Scratch ;
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_1.png
+
* dessiner un nouvel objet ;
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Etoile_2.png
+
* importer un nouvel objet depuis un fichier ;
 +
* prendre une photo avec la webcam de l'ordinateur.
 +
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_14_.png
 +
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-898,"top":-332,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.84,"scaleY":1.84,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/a/a7/Tuto_interface_scratch_Capture_d_cran_14_.png","filters":[]}],"height":450.93167701863354,"width":600}
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Créer les Variable pour le temps et la vie et les assignés
+
|Step_Title=Boutons pour un nouvel arrière-plan
|Step_Content=Cette étape sera surement la plus long.
+
|Step_Content=Il y a quatre façons d'ajouter/créer un arrière-plan :
  
 +
* choisir un objet dans la bibliothèque de Scratch ;
 +
* dessiner un nouvel objet ;
 +
* importer un nouvel objet depuis un fichier ;
 +
* prendre une photo avec la webcam de l'ordinateur.
 +
|Step_Picture_00=tuto_interface_scratch_Capture_d_cran_15_.png
 +
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":-872,"top":-476,"width":1680,"height":1050,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.98,"scaleY":1.98,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://www.wikidebrouillard.org/images/8/85/Tuto_interface_scratch_Capture_d_cran_15_.png","filters":[]}],"height":452,"width":600}
 +
}}
 +
{{Tuto Step}}
 +
{{Notes
 +
|Observations=On voit le l'interface de scratch dans son intégralité
 +
|Avertissement=Sauter certaines étapes clé
 +
|Objectives=Savoir utiliser tous les outils mit a disposition de scratch pour pouvoir finaliser un jeux.
 +
|Animation=Expliquer a quoi consiste chaque étapes du logiciel et débattre sur certaine étapes.
 +
|Notes=youtube
  
Pour  commencer on va crée la variable vie qui sera = à 100 et on va l'afficher
+
openclassroom
  
Puis on va devoir créer une autre variable temps et dans cette variable on va mettre un capteur chronomètre, on va devoir réinitialiser le chronomètre et répéter indéfiniment mettre la variable temps à chronomètre
+
google
|Step_Picture_00=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Vie.png
 
|Step_Picture_01=Scratch_-_Cr_er_votre_premier_jeu_simple_avec_scratch_Temps.png
 
 
}}
 
}}
{{Notes}}
 
 
{{Tuto Status
 
{{Tuto Status
|Complete=Draft
+
|Complete=Published
 
}}
 
}}

Version actuelle datée du 22 octobre 2020 à 15:38

Auteur avatarLabomaker34 | Dernière modification 22/10/2020 par Labomaker34

Introduction

Présentation de l'interface scratch de A à Z

Video d'introduction

Étape 1 - choisir le language

Vous-avez le choix du language comme indiqué sur le numéro 1




Étape 2 - gestion de fichiers

Gestion des fichiers

Dans cet onglet, on peut :
  • créer un nouveau fichier
  • ouvrir un fichier existant
  • sauvegarder un fichier
  • sauvegarder un fichier sous un autre nom
  • partager un fichier avec le site web de Scratch
  • vérifier les mises à jour
  • quitter le logiciel




Étape 3 - barre des outils

Dans cette barre, il est possible de :

  • dupliquer un objet
  • supprimer un objet
  • agrandir un objet
  • réduire un objet
  • obtenir une aide sur les blocs en cliquant sur le point d'interrogation puis sur le bloc souhaité (aide en anglais)




Étape 4 - Zone des objets créés

C'est ici qu'apparaît la liste des objets créés au cours du projet, y compris la scène. Ils sont repérés par des vignettes sur lesquelles on clique pour accéder à leurs propriétés et aux scripts qui leur sont associés.




Étape 5 - Zone des scripts

C'est ici que l'on construit les programmes en empilant les blocs afin de contrôler les objets du projet. On déplace un bloc en cliquant dessus et en le faisant glisser dans cette zone.

Lutins Scène
  • Scripts : on déplace, on assemble des blocs de commande pour écrire un programme qui contrôlera le lutin ;
  • Costumes : on dessine, on importe ou on modifie des images pour créer un objet/lutin ou pour donner plusieurs apparences à un même lutin ;
  • Sons : on enregistre ou on importe des sons pour les associer à un lutin.
  • Scripts : on déplace, on assemble des blocs de commande pour écrire un programme qui contrôlera la scène;
  • Arrière-plans : on dessine, on importe ou on modifie des images pour créer un arrière-plan ou pour donner plusieurs apparences à la scène ;
  • Sons : on enregistre ou on importe des sons pour les associer à une scène.




Étape 6 - scène

C'est ici que les projets prennent vie et que l'on peut visualiser le déroulement du projet.




Étape 7 - palette

Ces dix boutons permettent de choisir les blocs pour programmer les objets. On associe ces blocs de commande en les empilant pour créer des programmes qui contrôlent les objets sur l'écran.




Étape 8 - Boutons pour un nouveau lutin

Il y a quatre façons d'ajouter/créer un lutin :

  • choisir un objet dans la bibliothèque de Scratch ;
  • dessiner un nouvel objet ;
  • importer un nouvel objet depuis un fichier ;
  • prendre une photo avec la webcam de l'ordinateur.




Étape 9 - Boutons pour un nouvel arrière-plan

Il y a quatre façons d'ajouter/créer un arrière-plan :

  • choisir un objet dans la bibliothèque de Scratch ;
  • dessiner un nouvel objet ;
  • importer un nouvel objet depuis un fichier ;
  • prendre une photo avec la webcam de l'ordinateur.




Étape 10 -

Comment ça marche ?

Observations : que voit-on ?

On voit le l'interface de scratch dans son intégralité

Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?

Sauter certaines étapes clé

Éléments pédagogiques

Objectifs pédagogiques

Savoir utiliser tous les outils mit a disposition de scratch pour pouvoir finaliser un jeux.

Pistes pour animer l'expérience

Expliquer a quoi consiste chaque étapes du logiciel et débattre sur certaine étapes.

Sources et ressources

youtube

openclassroom

google

Dernière modification 22/10/2020 par user:Labomaker34.

Commentaires

Published