Jouer le son avec le bouton dans Kwik 2

• Mai 16, 2024

Dans le dernier didacticiel, nous avons utilisé le widget de rotation dans Kwik pour animer quatre chauves-souris à balancer à partir d'une branche d'un arbre. Chaque chauve-souris était sur sa propre couche et était animée indépendamment. C'était un bel effet mais il n'a pas beaucoup d'interactivité. Il serait préférable que le lecteur puisse cliquer sur une chauve-souris et entendre un son de chauve-souris.

Pour ajouter cette interactivité, nous devrons ajouter une action à chaque couche de chauve-souris (bat1_pg10 - bat4_pg10) qui jouera un son de chauve-souris. Bien sûr, nous pourrions utiliser un fichier son différent pour chaque chauve-souris, mais pour garder les choses simples et économiser de la mémoire, nous utiliserons le même fichier son mp3 pour les quatre chauves-souris. Notre première étape consiste à importer le fichier son dans la page. Ensuite, nous pouvons ajouter les actions aux couches de chauves-souris.

Ouvrez votre projet dans Photoshop.

1. Sélectionnez la page 10 dans la liste des pages du panneau Kwik. Vous devriez voir "@ page10" en haut de la section Page / Composants.
   
   
2. Sélectionnez le Icône Projet et Pages dans la barre des catégories.
   
   
3. Sélectionnez le Ajouter un outil audio dans le Toolset.
   
   
4. Dans la boîte de dialogue Ajouter un audio, utilisez le bouton Parcourir pour localiser le fichier audio de chauve-souris.
   
   
5. Comme avec le fichier son de page flip, nous allons le définir comme un fichier court afin qu'il soit immédiatement chargé en mémoire. Cochez cette case.
   
   
6. Nous ne voulons pas que le son puisse jouer simultanément, au cas où le lecteur clique sur plus d'une batte à la fois. Décochez cette case.
   
   
7. Ce n'est pas un fichier Lisez-moi donc décochez cette case.
   
   
8. Nous ne voulons pas que le son soit joué à moins que le lecteur ne clique sur une batte. Décochez donc la case Jouer lorsque la page se charge.
   
   
9. Ce fichier ne sera lu qu'à la page 10 pour l'animation de chauve-souris. Décochez donc la case Jouer sur toutes les pages.
   
   
10. Nous voulons que le son ne joue qu'une seule fois à chaque fois que la batte est cliquée. Réglez donc la boucle sur 1 heure avec 0 retard.
    
    
11. Comme vous pouvez le voir, Kwik a assigné le son du flip papier au premier canal sonore. Laissez le numéro 2 dans la case pour que Kwik affecte ce fichier audio au deuxième canal audio et cliquez sur Enregistrer.
    
    
12. Vous devriez voir le nouveau fichier audio répertorié dans la liste des composants de la page 10.
    
    

Maintenant, nous pouvons ajouter l'action à chaque couche de chauve-souris qui jouera le son lorsque vous cliquez dessus.

Avec le calque bat1_pg10 sélectionné, ajoutons l'action à la première chauve-souris.

1. Sélectionnez le Icône d'interactions dans la barre des catégories.
   
   
2. Clique sur le Outil Ajouter un bouton dans le Toolset.
   
   
3. Dans la boîte de dialogue Ajouter un bouton, renommez l'action du bouton en "bat1btn".
   
   
4. Conservez les états par défaut et supérieur définis sur la couche bat1_pg10.
   
   
5. Dans la liste Interactions, développez la section Audio et choisissez Lire l'audio.
   
   
6. Vous verrez maintenant la boîte de dialogue Lire l'audio. Utilisez la liste déroulante pour choisir le fichier mp3 bat et cliquez sur Créer.
   
   De retour à la boîte de dialogue Ajouter un bouton, nous pouvons voir que l'action Lire l'audio a été ajoutée.
   
   
7. Cliquez sur Créer.
   
   

Répétez ces étapes pour les trois autres couches de chauves-souris. Vous n'avez besoin d'importer le fichier son qu'une seule fois. Lorsque vous ajoutez une action de bouton à chaque couche de chauves-souris, nommez respectivement les boutons bat2btn, bat3btn et bat4btn.

Avec le Icône Exporter la page actuelle uniquement sélectionnée, cliquez sur le bouton Aperçu pour tester votre application dans le simulateur.

Accédez à votre dossier LearnKwik et faites une copie de sauvegarde du dossier de projet de modèle. Renommez le dossier de sauvegarde en ajoutant la date actuelle à la fin. (TemplateMM-DD-YY).

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.
Le produit Kwik, le logo Kwik et Kwiksher sont des propriétés de Kwiksher.com - Copyright 2011. Captures d'écran utilisées avec permission.

Ces didacticiels sont destinés à l'ancienne version de Kwik 2 et peuvent ne pas être très utiles lors de l'utilisation de Kwik 3 et supérieur. Si vous rencontrez des problèmes, veuillez utiliser le forum Kwik.

Instructions Vidéo: FIFA 20 | COMMENT BIEN DÉFENDRE ET NE PLUS PRENDRE DE BUTS ! (Mai 2024).