Voir la source de Créer le jeu Snake sur Scratch

{{Tuto Details
|Main_Picture=Cr_er_le_jeu_Snake_sur_Scratch_snake-realite-augmentee-nokia-facebook.jpg
|Licences=Attribution (CC-BY)
|Description=Créer un simple jeu Snake
|Disciplines scientifiques=Computing
|Difficulty=Easy
|Duration=20
|Duration-type=minute(s)
|Tags=Informatique, Scratch
}}
{{Introduction
|Introduction=Le «snake», de l'anglais signifiant «serpent» est un genre de jeu vidéo dans lequel le joueur dirige un serpent qui grandit et constitue ainsi lui-même un obstacle. C’est un jeu basique qui était souvent présent dans les téléphones des années 2000 et nous allons apprendre comment en faire un via Scratch, un logiciel facile d’accès pour faire un jeu tout simple (un fichier est joint pour que vous ayez un avant-goût du jeu ainsi que le PDF de base).
}}
{{Materials
|ItemList={{ItemList
|Item=Ordinateur
}}
|Tuto_Attachments={{Tuto Attachments
|Attachment=Cr_er_le_jeu_Snake_sur_Scratch_Fiche_wikidebrouillard_Snake_Prototype.pdf
}}
|ExternalAttachmentsLinks={{ExternalAttachmentsLinks
|ExternalAttachmentsLinks=https://scratch.mit.edu/projects/517603066/editor
}}
}}
{{Tuto Step
|Step_Title=Créer son serpent
|Step_Content=- Supprimer l’avatar actuel (une icône de poubelle est présente, voir image 1)

- Créer un nouvel avatar (l’icône est en bas à droite en forme de tête de chat)

- Dessiner un carré en sélectionnant l’icône carré (on peut enlever les contours mais ce n’est pas obligatoire, les garder ajoutera un petit effet sympathique, vous pouvez choisir n’importe quelle couleur, voir image 2).
|Step_Picture_00=Cr_er_le_jeu_Snake_sur_Scratch_Snake_06.png
|Step_Picture_00_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":0,"top":0.05,"width":498,"height":727,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1.2,"scaleY":1.2,"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/8c/Cr_er_le_jeu_Snake_sur_Scratch_Snake_06.png","filters":[]},{"type":"wfarrow2line","version":"3.5.0","originX":"center","originY":"center","left":134.5,"top":697.5,"width":35,"height":25,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","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,"x1":17.5,"x2":-17.5,"y1":-12.5,"y2":12.5,"x2a":3.4245749738874673,"y2a":7.3851038952719525,"x2b":-5.875236125618074,"y2b":-5.634631644035806},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":152,"top":685,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":117,"top":710,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586}],"height":876,"width":600}
|Step_Picture_01=Cr_er_le_jeu_Snake_sur_Scratch_Snake_01.png
|Step_Picture_01_annotation={"version":"3.5.0","objects":[{"type":"image","version":"3.5.0","originX":"left","originY":"top","left":0,"top":0.24,"width":868,"height":659,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.69,"scaleY":0.69,"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/7/7f/Cr_er_le_jeu_Snake_sur_Scratch_Snake_01.png","filters":[]},{"type":"wfarrow2line","version":"3.5.0","originX":"center","originY":"center","left":106.5,"top":310.5,"width":21,"height":35,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","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,"x1":-10.5,"x2":10.5,"y1":17.5,"y2":-17.5,"x2a":7.070028297149823,"y2a":3.7658245576710963,"x2b":-6.649858514250885,"y2b":-4.466107529169329},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":96,"top":328,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"3.5.0","originX":"center","originY":"center","left":117,"top":293,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586}],"height":456,"width":600}
}}
{{Tuto Step
|Step_Title=Créer le code du serpent
|Step_Content=- Pour revenir sur la page du code, appuyer sur l’icône code en haut à gauche

- Mettre quand le drapeau est cliqué, mettre aller à x:0;y:0 (pour bien voir votre personnage)

- Mettre répéter indéfiniment [quand (flèche haut) est cliquée, s’orienter à (définir direction vers le haut)]

- Répéter pour les autres directions

- Dans «Variables», créer une variable «Vitesse». La variable sert pour d’autres

fonctionnalités autres que celles présentes de base (elle peut servir pour afficher un score, par exemple). Ici, elle nous servira pour pimenter notre jeu et le rendre moins facile.

- Ajouter avancer de 10 pas, mais mettre la variable « Vitesse » à la place du nombre

- Créer un nouvel évènement concernant la vitesse : quand le drapeau est cliqué, mettre vitesse à 4 (pour augmenter la difficulté du jeu)
|Step_Picture_00=Cr_er_le_jeu_Snake_sur_Scratch_Snake_02bis.png
}}
{{Tuto Step
|Step_Title=Créer un clone du serpent (pour permettre au serpent de grandir)
|Step_Content=- Dans le code du serpent, mettre quand le drapeau est cliqué, répéter indéfiniment [créer un clone de moi-même (moi-même étant le serpent)]

- Créer une nouvelle variable appelée «Délaiclone»

- Mettre quand je commence comme un clone, attendre (délai clone) secondes, supprimer ce clone (cela évitera de vous retrouver avec des tas de carrés verts sur votre écran de jeu)

- Dans la partie du code concernant la vitesse du serpent, mettre délaiclone à 0,5 (cela permettra au serpent de grandir) <br />
|Step_Picture_00=Cr_er_le_jeu_Snake_sur_Scratch_Snake_03bis.png
}}
{{Tuto Step
|Step_Title=Toucher le bord met fin au jeu
|Step_Content=- Toujours dans le code du serpent, mettre quand le drapeau est cliqué, répéter indéfiniment [si touche le bord alors, envoyer à tous {Game Over}, stoppe tout]

- Concernant le Game Over, ce message n’est pas mis par défaut, il faut le créer et le programme «envoyer à tous» permet cela.
|Step_Picture_00=Cr_er_le_jeu_Snake_sur_Scratch_Snake_04bis.png
}}
{{Tuto Step
|Step_Title=Créer le code de la pomme
|Step_Content=- Créer un nouvel avatar de la même façon que le serpent (se référer à la première étape)

- Mettre quand le drapeau est cliqué, mettre à 50 % de la taille initiale, aller à position aléatoire, répéter indéfiniment [si touche sprite1 (ou n’importe quel nom que vous avez donné au serpent) alors aller à position aléatoire, ajouter 0,1 à (délaiclone), ajouter 1 à (vitesse)]

- Je conseille de garder 0,1 pour délaiclone car le serpent grandit trop rapidement au dessus de ce nombre.
|Step_Picture_00=Cr_er_le_jeu_Snake_sur_Scratch_Snake_05bis.png
}}
{{Notes
|Observations=Ça y est. Vous avez réussi à faire un petit jeu tout simple, il ne tient qu'à vous de vous amuser seul ou avec d'autres.
|Avertissement=Attention à ne pas mélanger les différents évènements dans le code du serpent.
}}
{{Tuto Status
|Complete=Published
}}