SlideShare une entreprise Scribd logo
1  sur  56
Télécharger pour lire hors ligne
Wick Editor : https://www.wickeditor.com
Flash revisité
Julien Devriendt - CC BY-SA-NC
A quoi ça sert ?
Wick Editor est un logiciel libre en ligne permettant de créer des animations et de les rendre
interactives. On peut ainsi créer des gif, des films d’animation, des jeux vidéo ou des histoires et
documentaires interactifs. Julien Devriendt - CC BY-SA-NC
Atelier création de .Gif
Julien Devriendt - CC BY-SA-NC
Présentation de l’interface
Julien Devriendt - CC BY-SA-NC
3 - La zone de dessin
le premier dessin de
mon animation
1 - La frise chronologique
chaque case correspond à
une étape de votre animation
2 - la barre d’outils, ici le
pinceau est sélectionné
Julien Devriendt - CC BY-SA-NC
2 - Présentation « Onion Skin » ou
pelure d’oignon qui permet d’avoir
un aperçu des dessins des cases
adjacentes
1 - La frise chronologique Pour
continuer mon animation, j’ai
sélectionné la seconde case de la
frise Julien Devriendt - CC BY-SA-NC
Complétez les différentes étapes de votre animation
Julien Devriendt - CC BY-SA-NC
Jusqu’à ce que vous ayez terminé
Julien Devriendt - CC BY-SA-NC
Appuyez sur le bouton « Play » pour avoir un aperçu de votre animation
Julien Devriendt - CC BY-SA-NC
Si l’animation est trop rapide ou trop lente, cliquez sur l’engrenage
Julien Devriendt - CC BY-SA-NC
Modifiez le nombre d’image par seconde (Frame Per Second - FPS) et
sauvegardez (passez par exemple de 12 à 8)
Julien Devriendt - CC BY-SA-NC
Si vous êtes satisfait du résultat, cliquez sur « export »
Julien Devriendt - CC BY-SA-NC
Nous allons exporter notre animation au format .gif, mais vous avez
également la possibilité de l’exporter dans un format vidéo
Julien Devriendt - CC BY-SA-NC
Une fois l’export terminé, le fichier .gif se télécharge sur votre PC
Julien Devriendt - CC BY-SA-NC
Vous pouvez ensuite partager votre création en ligne et sur les réseaux
sociaux
Julien Devriendt - CC BY-SA-NC
Partagez vos créations via giphy : https://giphy.com
Julien Devriendt - CC BY-SA-NC
Ou détourner des oeuvres d’artistes et du domaine public
Les oeuvres de Kevin Weir Les détournements de Gallica
Julien Devriendt - CC BY-SA-NC
Atelier histoire interactive
Julien Devriendt - CC BY-SA-NC
Etape 1
Créez 3 scènes : la première scène - la maison
Julien Devriendt - CC BY-SA-NC
Etape 1
Créez 3 scènes : la seconde scène - l’intérieur de la maison
Julien Devriendt - CC BY-SA-NC
Etape 1
Créez 3 scènes : la troisième scène - la souris
Julien Devriendt - CC BY-SA-NC
Etape 2
Si je clique sur le bouton play, l’animation va se déclencher.
Je dois d’abord bloquer l’animation
Julien Devriendt - CC BY-SA-NC
Etape 2
Cliquez sur la première scène
Modifiez le script « default » en cliquant sur « edit »
Julien Devriendt - CC BY-SA-NC
Etape 2
Cliquez sur « timeline » puis sur « stop »
Si vous cliquez sur « play » le programme reste maintenant sur la première scène
Julien Devriendt - CC BY-SA-NC
Etape 3
Nous allons maintenant ajouter des zones cliquables pour que le joueur puisse passer
d’une scène à l’autre
Julien Devriendt - CC BY-SA-NC
Etape 3
Sélectionnez la porte puis cliquez sur « make interactive » et « convert to button »
Julien Devriendt - CC BY-SA-NC
Etape 3
Cliquez sur « add script » puis sur « mouseclick »
Julien Devriendt - CC BY-SA-NC
Etape 3
Dans l’onglet timeline, cliquez sur la fonction « gotoAndStop » indiquez le n° de la scène
suivante
Julien Devriendt - CC BY-SA-NC
Etape 4
Répétez l’opération pour les scènes 2 et 3.
Julien Devriendt - CC BY-SA-NC
Etape 5
Ajoutez un son de victoire pour la dernière scène
Julien Devriendt - CC BY-SA-NC
Etape 5
Dans la case « Asset library » cliquez sur le + pour ajouter une ressource
Julien Devriendt - CC BY-SA-NC
Etape 5
Sélectionnez votre fichier et cliquez sur « ouvrir »
Julien Devriendt - CC BY-SA-NC
Etape 5
Votre fichier apparait maintenant dans votre bibliothèque de ressources. Faites attention à
bien les renommer cela facilitera l’organisation de votre projet
Julien Devriendt - CC BY-SA-NC
Etape 5
Sélectionnez la souris et modifiez le script « Mouseclick »
Julien Devriendt - CC BY-SA-NC
Etape 5
Ajoutez la fonction « playSound » sur la première ligne de votre programme
Julien Devriendt - CC BY-SA-NC
Etape 6
Ajoutez un écran titre
Julien Devriendt - CC BY-SA-NC
Etape 6
Sélectionnez les 3 scènes et décalez-les vers la droite.
Julien Devriendt - CC BY-SA-NC
Etape 6
Sélectionnez les 3 scènes et décalez-les vers la droite.
Julien Devriendt - CC BY-SA-NC
Etape 6
Comme la première scène a été déplacée, vous devez modifier le script « default » de la
première scène en y ajoutant la fonction « stop »
Julien Devriendt - CC BY-SA-NC
Etape 6
Entrez le titre de votre jeu
Julien Devriendt - CC BY-SA-NC
Etape 6
Sélectionnez votre texte pour faire apparaitre les options de mise en forme
Julien Devriendt - CC BY-SA-NC
Etape 6
Nous allons créer un script pour faire démarrer le jeu lorsque la touche A est appuyée
Julien Devriendt - CC BY-SA-NC
Etape 6
Sur le script « default » de la première scène, Ajoutez un script qui déclenchera le jeu lorsque la
touche A du clavier sera appuyée
Julien Devriendt - CC BY-SA-NC
Etape 6
Sélectionnez « Keydown » puis dans la rubrique input, sélectionnez la fonction « isKeyDown »
Julien Devriendt - CC BY-SA-NC
Etape 6
Rajoutez ensuite la fonction « gotoAndStop » et précisez le numéro de la scène suivante.
Pensez à modifier les valeurs des autres scènes.
Julien Devriendt - CC BY-SA-NC
Etape 7
Exporter votre jeu en ligne
Julien Devriendt - CC BY-SA-NC
Etape 7
Il est possible d’exporter votre jeu en ligne. Cliquez sur « Export » puis sur Interactive.
Actuellement seule l’option fichier .zip fonctionne
Julien Devriendt - CC BY-SA-NC
Etape 7
Pour mettre le jeu en ligne, il faut passer par le service d’hébergement de jeux itch.io
Julien Devriendt - CC BY-SA-NC
Etape 7
Créez-vous un compte (cela peut être le compte de la bibliothèque) puis cliquez sur « upload
new project »
Julien Devriendt - CC BY-SA-NC
Etape 7
Complétez le formulaire
Julien Devriendt - CC BY-SA-NC
Etape 7
Dans la rubrique « Kind of project » sélectionnez HTML
Julien Devriendt - CC BY-SA-NC
Etape 7
Puis dans la rubrique « uploads » sélectionnez le fichier .zip exporté
Cliquez sur save
Julien Devriendt - CC BY-SA-NC
Etape 7
Votre jeu est maintenant jouable en ligne dans un navigateur :
https://julanimtic.itch.io/mouse Julien Devriendt - CC BY-SA-NC
Créer un jeu vidéo
Wick Editor permet également de déplacer des éléments à l’aide des touches de clavier, les tutoriels (en anglais)
sont disponibles sur la chaine youtube du projet : https://www.youtube.com/channel/UCXUM4laL0jXCO4wJjY15xqg
Julien Devriendt - CC BY-SA-NC
Bib Goes Home (Game Jam game 2019)
Julien Devriendt - CC BY-SA-NC
Merci pour votre participation
Julien Devriendt
@julanimtic
julien.devriendt@animtic.fr

Contenu connexe

Similaire à Découverte et prise en main de l'outil Wick Editor

Creation de jeux en ligne suib-i.com
Creation de jeux en ligne suib-i.comCreation de jeux en ligne suib-i.com
Creation de jeux en ligne suib-i.com
pierota
 
Video dans les emails etat des lieux
Video dans les emails   etat des lieuxVideo dans les emails   etat des lieux
Video dans les emails etat des lieux
lapigemd
 
Windows movie maker
Windows movie maker Windows movie maker
Windows movie maker
EPN Gouvy
 

Similaire à Découverte et prise en main de l'outil Wick Editor (20)

Tutoriel Windows Movie Maker
Tutoriel Windows Movie MakerTutoriel Windows Movie Maker
Tutoriel Windows Movie Maker
 
Découverte des cartes BareConductive Touchboard
Découverte des cartes  BareConductive TouchboardDécouverte des cartes  BareConductive Touchboard
Découverte des cartes BareConductive Touchboard
 
Tutoriel b
Tutoriel bTutoriel b
Tutoriel b
 
Développement de jeux 2D avec HTML5
Développement de jeux 2D avec HTML5 Développement de jeux 2D avec HTML5
Développement de jeux 2D avec HTML5
 
Quel avenir pour le jeu vidéo
Quel avenir pour le jeu vidéoQuel avenir pour le jeu vidéo
Quel avenir pour le jeu vidéo
 
La galerie de photos
La galerie de photosLa galerie de photos
La galerie de photos
 
Creation de jeux en ligne suib-i.com
Creation de jeux en ligne suib-i.comCreation de jeux en ligne suib-i.com
Creation de jeux en ligne suib-i.com
 
Formation Unity 3D Réalité Virtuelle
Formation Unity 3D Réalité VirtuelleFormation Unity 3D Réalité Virtuelle
Formation Unity 3D Réalité Virtuelle
 
Augmenter sa visibilité grâce à la video
Augmenter sa visibilité grâce à la videoAugmenter sa visibilité grâce à la video
Augmenter sa visibilité grâce à la video
 
Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)
 
Logiciels 3d-112-ktcufc
Logiciels 3d-112-ktcufcLogiciels 3d-112-ktcufc
Logiciels 3d-112-ktcufc
 
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIASÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
 
Installation cisco call manager 6.0
Installation cisco call manager 6.0Installation cisco call manager 6.0
Installation cisco call manager 6.0
 
Push Start : Push'it #06 Octobre 2015
Push Start : Push'it #06 Octobre 2015 Push Start : Push'it #06 Octobre 2015
Push Start : Push'it #06 Octobre 2015
 
Montagevideo2
Montagevideo2Montagevideo2
Montagevideo2
 
JavaSwing.pdf
JavaSwing.pdfJavaSwing.pdf
JavaSwing.pdf
 
Transférer les photos numérique sur PC
Transférer les photos numérique sur PCTransférer les photos numérique sur PC
Transférer les photos numérique sur PC
 
Processus et économie du Jeu Vidéo
Processus et économie du Jeu VidéoProcessus et économie du Jeu Vidéo
Processus et économie du Jeu Vidéo
 
Video dans les emails etat des lieux
Video dans les emails   etat des lieuxVideo dans les emails   etat des lieux
Video dans les emails etat des lieux
 
Windows movie maker
Windows movie maker Windows movie maker
Windows movie maker
 

Plus de Julien Devriendt

Plus de Julien Devriendt (20)

Découverte et prise en main des cartes Makey Makey
Découverte et prise en main des cartes Makey MakeyDécouverte et prise en main des cartes Makey Makey
Découverte et prise en main des cartes Makey Makey
 
Découverte d'outils de création vidéo
Découverte d'outils de création vidéoDécouverte d'outils de création vidéo
Découverte d'outils de création vidéo
 
Prise en main Hp reveal
Prise en main Hp revealPrise en main Hp reveal
Prise en main Hp reveal
 
Espace d'apprentissage collaboratif en bibliothèque
Espace d'apprentissage collaboratif en bibliothèqueEspace d'apprentissage collaboratif en bibliothèque
Espace d'apprentissage collaboratif en bibliothèque
 
Filmer / Enregistrer avec son Smartphone et sa Tablette
Filmer / Enregistrer avec son Smartphone et sa TabletteFilmer / Enregistrer avec son Smartphone et sa Tablette
Filmer / Enregistrer avec son Smartphone et sa Tablette
 
Bibliobox
BiblioboxBibliobox
Bibliobox
 
Tablette et liseuses en bibliothèque
Tablette et liseuses en bibliothèqueTablette et liseuses en bibliothèque
Tablette et liseuses en bibliothèque
 
Mise en oeuvre d'un espace multimédia - jour 2
Mise en oeuvre d'un espace multimédia - jour 2Mise en oeuvre d'un espace multimédia - jour 2
Mise en oeuvre d'un espace multimédia - jour 2
 
Mise en oeuvre d'un espace multimédia jour 1
Mise en oeuvre d'un espace multimédia   jour 1Mise en oeuvre d'un espace multimédia   jour 1
Mise en oeuvre d'un espace multimédia jour 1
 
Qu'est ce qu'un FabLab en bibliothèque ?
Qu'est ce qu'un FabLab en bibliothèque ? Qu'est ce qu'un FabLab en bibliothèque ?
Qu'est ce qu'un FabLab en bibliothèque ?
 
Ateliers numeriques
Ateliers numeriquesAteliers numeriques
Ateliers numeriques
 
Musique video et jeux video
Musique video et jeux videoMusique video et jeux video
Musique video et jeux video
 
Comment rendre visible les ressources numériques
Comment rendre visible les ressources numériques Comment rendre visible les ressources numériques
Comment rendre visible les ressources numériques
 
Ressources numeriques : les tendances
Ressources numeriques : les tendancesRessources numeriques : les tendances
Ressources numeriques : les tendances
 
médiatio
médiatiomédiatio
médiatio
 
Impression 3D en EPN
Impression 3D en EPNImpression 3D en EPN
Impression 3D en EPN
 
Livre numérique en bib 2/2
Livre numérique en bib 2/2Livre numérique en bib 2/2
Livre numérique en bib 2/2
 
Livre numérique en bib 1/2
Livre numérique en bib 1/2Livre numérique en bib 1/2
Livre numérique en bib 1/2
 
Rencontres Numériques
Rencontres NumériquesRencontres Numériques
Rencontres Numériques
 
Outils de médiation livre numérique les ulis
Outils de médiation livre numérique les ulisOutils de médiation livre numérique les ulis
Outils de médiation livre numérique les ulis
 

Dernier

Dernier (15)

Exemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste AuditExemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste Audit
 
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfPowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdf
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptx
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
 
Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptx
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 

Découverte et prise en main de l'outil Wick Editor

  • 1. Wick Editor : https://www.wickeditor.com Flash revisité Julien Devriendt - CC BY-SA-NC
  • 2. A quoi ça sert ? Wick Editor est un logiciel libre en ligne permettant de créer des animations et de les rendre interactives. On peut ainsi créer des gif, des films d’animation, des jeux vidéo ou des histoires et documentaires interactifs. Julien Devriendt - CC BY-SA-NC
  • 3. Atelier création de .Gif Julien Devriendt - CC BY-SA-NC
  • 4. Présentation de l’interface Julien Devriendt - CC BY-SA-NC
  • 5. 3 - La zone de dessin le premier dessin de mon animation 1 - La frise chronologique chaque case correspond à une étape de votre animation 2 - la barre d’outils, ici le pinceau est sélectionné Julien Devriendt - CC BY-SA-NC
  • 6. 2 - Présentation « Onion Skin » ou pelure d’oignon qui permet d’avoir un aperçu des dessins des cases adjacentes 1 - La frise chronologique Pour continuer mon animation, j’ai sélectionné la seconde case de la frise Julien Devriendt - CC BY-SA-NC
  • 7. Complétez les différentes étapes de votre animation Julien Devriendt - CC BY-SA-NC
  • 8. Jusqu’à ce que vous ayez terminé Julien Devriendt - CC BY-SA-NC
  • 9. Appuyez sur le bouton « Play » pour avoir un aperçu de votre animation Julien Devriendt - CC BY-SA-NC
  • 10. Si l’animation est trop rapide ou trop lente, cliquez sur l’engrenage Julien Devriendt - CC BY-SA-NC
  • 11. Modifiez le nombre d’image par seconde (Frame Per Second - FPS) et sauvegardez (passez par exemple de 12 à 8) Julien Devriendt - CC BY-SA-NC
  • 12. Si vous êtes satisfait du résultat, cliquez sur « export » Julien Devriendt - CC BY-SA-NC
  • 13. Nous allons exporter notre animation au format .gif, mais vous avez également la possibilité de l’exporter dans un format vidéo Julien Devriendt - CC BY-SA-NC
  • 14. Une fois l’export terminé, le fichier .gif se télécharge sur votre PC Julien Devriendt - CC BY-SA-NC
  • 15. Vous pouvez ensuite partager votre création en ligne et sur les réseaux sociaux Julien Devriendt - CC BY-SA-NC
  • 16. Partagez vos créations via giphy : https://giphy.com Julien Devriendt - CC BY-SA-NC
  • 17. Ou détourner des oeuvres d’artistes et du domaine public Les oeuvres de Kevin Weir Les détournements de Gallica Julien Devriendt - CC BY-SA-NC
  • 18. Atelier histoire interactive Julien Devriendt - CC BY-SA-NC
  • 19. Etape 1 Créez 3 scènes : la première scène - la maison Julien Devriendt - CC BY-SA-NC
  • 20. Etape 1 Créez 3 scènes : la seconde scène - l’intérieur de la maison Julien Devriendt - CC BY-SA-NC
  • 21. Etape 1 Créez 3 scènes : la troisième scène - la souris Julien Devriendt - CC BY-SA-NC
  • 22. Etape 2 Si je clique sur le bouton play, l’animation va se déclencher. Je dois d’abord bloquer l’animation Julien Devriendt - CC BY-SA-NC
  • 23. Etape 2 Cliquez sur la première scène Modifiez le script « default » en cliquant sur « edit » Julien Devriendt - CC BY-SA-NC
  • 24. Etape 2 Cliquez sur « timeline » puis sur « stop » Si vous cliquez sur « play » le programme reste maintenant sur la première scène Julien Devriendt - CC BY-SA-NC
  • 25. Etape 3 Nous allons maintenant ajouter des zones cliquables pour que le joueur puisse passer d’une scène à l’autre Julien Devriendt - CC BY-SA-NC
  • 26. Etape 3 Sélectionnez la porte puis cliquez sur « make interactive » et « convert to button » Julien Devriendt - CC BY-SA-NC
  • 27. Etape 3 Cliquez sur « add script » puis sur « mouseclick » Julien Devriendt - CC BY-SA-NC
  • 28. Etape 3 Dans l’onglet timeline, cliquez sur la fonction « gotoAndStop » indiquez le n° de la scène suivante Julien Devriendt - CC BY-SA-NC
  • 29. Etape 4 Répétez l’opération pour les scènes 2 et 3. Julien Devriendt - CC BY-SA-NC
  • 30. Etape 5 Ajoutez un son de victoire pour la dernière scène Julien Devriendt - CC BY-SA-NC
  • 31. Etape 5 Dans la case « Asset library » cliquez sur le + pour ajouter une ressource Julien Devriendt - CC BY-SA-NC
  • 32. Etape 5 Sélectionnez votre fichier et cliquez sur « ouvrir » Julien Devriendt - CC BY-SA-NC
  • 33. Etape 5 Votre fichier apparait maintenant dans votre bibliothèque de ressources. Faites attention à bien les renommer cela facilitera l’organisation de votre projet Julien Devriendt - CC BY-SA-NC
  • 34. Etape 5 Sélectionnez la souris et modifiez le script « Mouseclick » Julien Devriendt - CC BY-SA-NC
  • 35. Etape 5 Ajoutez la fonction « playSound » sur la première ligne de votre programme Julien Devriendt - CC BY-SA-NC
  • 36. Etape 6 Ajoutez un écran titre Julien Devriendt - CC BY-SA-NC
  • 37. Etape 6 Sélectionnez les 3 scènes et décalez-les vers la droite. Julien Devriendt - CC BY-SA-NC
  • 38. Etape 6 Sélectionnez les 3 scènes et décalez-les vers la droite. Julien Devriendt - CC BY-SA-NC
  • 39. Etape 6 Comme la première scène a été déplacée, vous devez modifier le script « default » de la première scène en y ajoutant la fonction « stop » Julien Devriendt - CC BY-SA-NC
  • 40. Etape 6 Entrez le titre de votre jeu Julien Devriendt - CC BY-SA-NC
  • 41. Etape 6 Sélectionnez votre texte pour faire apparaitre les options de mise en forme Julien Devriendt - CC BY-SA-NC
  • 42. Etape 6 Nous allons créer un script pour faire démarrer le jeu lorsque la touche A est appuyée Julien Devriendt - CC BY-SA-NC
  • 43. Etape 6 Sur le script « default » de la première scène, Ajoutez un script qui déclenchera le jeu lorsque la touche A du clavier sera appuyée Julien Devriendt - CC BY-SA-NC
  • 44. Etape 6 Sélectionnez « Keydown » puis dans la rubrique input, sélectionnez la fonction « isKeyDown » Julien Devriendt - CC BY-SA-NC
  • 45. Etape 6 Rajoutez ensuite la fonction « gotoAndStop » et précisez le numéro de la scène suivante. Pensez à modifier les valeurs des autres scènes. Julien Devriendt - CC BY-SA-NC
  • 46. Etape 7 Exporter votre jeu en ligne Julien Devriendt - CC BY-SA-NC
  • 47. Etape 7 Il est possible d’exporter votre jeu en ligne. Cliquez sur « Export » puis sur Interactive. Actuellement seule l’option fichier .zip fonctionne Julien Devriendt - CC BY-SA-NC
  • 48. Etape 7 Pour mettre le jeu en ligne, il faut passer par le service d’hébergement de jeux itch.io Julien Devriendt - CC BY-SA-NC
  • 49. Etape 7 Créez-vous un compte (cela peut être le compte de la bibliothèque) puis cliquez sur « upload new project » Julien Devriendt - CC BY-SA-NC
  • 50. Etape 7 Complétez le formulaire Julien Devriendt - CC BY-SA-NC
  • 51. Etape 7 Dans la rubrique « Kind of project » sélectionnez HTML Julien Devriendt - CC BY-SA-NC
  • 52. Etape 7 Puis dans la rubrique « uploads » sélectionnez le fichier .zip exporté Cliquez sur save Julien Devriendt - CC BY-SA-NC
  • 53. Etape 7 Votre jeu est maintenant jouable en ligne dans un navigateur : https://julanimtic.itch.io/mouse Julien Devriendt - CC BY-SA-NC
  • 54. Créer un jeu vidéo Wick Editor permet également de déplacer des éléments à l’aide des touches de clavier, les tutoriels (en anglais) sont disponibles sur la chaine youtube du projet : https://www.youtube.com/channel/UCXUM4laL0jXCO4wJjY15xqg Julien Devriendt - CC BY-SA-NC
  • 55. Bib Goes Home (Game Jam game 2019) Julien Devriendt - CC BY-SA-NC
  • 56. Merci pour votre participation Julien Devriendt @julanimtic julien.devriendt@animtic.fr