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

Tutoriel Windows Movie Maker
Tutoriel Windows Movie MakerTutoriel Windows Movie Maker
Tutoriel Windows Movie MakerCEFAC
 
Découverte des cartes BareConductive Touchboard
Découverte des cartes  BareConductive TouchboardDécouverte des cartes  BareConductive Touchboard
Découverte des cartes BareConductive TouchboardJulien Devriendt
 
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 Microsoft
 
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éoJulien Villedieu
 
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.compierota
 
Formation Unity 3D Réalité Virtuelle
Formation Unity 3D Réalité VirtuelleFormation Unity 3D Réalité Virtuelle
Formation Unity 3D Réalité VirtuelleYannick Comte
 
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 videoSteph Tripot
 
Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)Meetup unity#5 dungeonoftheendless (1)
Meetup unity#5 dungeonoftheendless (1)BeMyApp
 
É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ÉDIASJean-Paul FILLIT
 
Installation cisco call manager 6.0
Installation cisco call manager 6.0Installation cisco call manager 6.0
Installation cisco call manager 6.0Dimitri LEMBOKOLO
 
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 PushStartGame
 
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éosnatkin
 
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 lieuxlapigemd
 
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

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 MakeyJulien Devriendt
 
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éoJulien Devriendt
 
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èqueJulien Devriendt
 
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 TabletteJulien Devriendt
 
Tablette et liseuses en bibliothèque
Tablette et liseuses en bibliothèqueTablette et liseuses en bibliothèque
Tablette et liseuses en bibliothèqueJulien Devriendt
 
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 2Julien Devriendt
 
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 1Julien Devriendt
 
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 ? Julien Devriendt
 
Musique video et jeux video
Musique video et jeux videoMusique video et jeux video
Musique video et jeux videoJulien Devriendt
 
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 Julien Devriendt
 
Ressources numeriques : les tendances
Ressources numeriques : les tendancesRessources numeriques : les tendances
Ressources numeriques : les tendancesJulien Devriendt
 
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/2Julien Devriendt
 
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/2Julien Devriendt
 
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 ulisJulien 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

L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...Unidad de Espiritualidad Eudista
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfbdp12
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24BenotGeorges3
 
Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-Majida Antonios, M.Ed.
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneTxaruka
 
0234567778999876554345678898765566.15.ppt
0234567778999876554345678898765566.15.ppt0234567778999876554345678898765566.15.ppt
0234567778999876554345678898765566.15.pptessiben
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfAtelier Canopé 37 - Tours
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilfrizzole
 
M2i Webinar - CPF 2024 : une stratégie pour booster les performances RH
M2i Webinar - CPF 2024 : une stratégie pour booster les performances RHM2i Webinar - CPF 2024 : une stratégie pour booster les performances RH
M2i Webinar - CPF 2024 : une stratégie pour booster les performances RHM2i Formation
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfAtelier Canopé 37 - Tours
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAmar LAKEL, PhD
 

Dernier (12)

L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
 
Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024
 
Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienne
 
0234567778999876554345678898765566.15.ppt
0234567778999876554345678898765566.15.ppt0234567778999876554345678898765566.15.ppt
0234567778999876554345678898765566.15.ppt
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avril
 
M2i Webinar - CPF 2024 : une stratégie pour booster les performances RH
M2i Webinar - CPF 2024 : une stratégie pour booster les performances RHM2i Webinar - CPF 2024 : une stratégie pour booster les performances RH
M2i Webinar - CPF 2024 : une stratégie pour booster les performances RH
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècle
 

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