Spielen Sie Sound mit Button in Kwik 2

• April 20, 2024

Im letzten Tutorial haben wir das Rotations-Widget in Kwik verwendet, um vier Fledermäuse zu animieren, die von einem Ast eines Baumes schwingen. Jede Fledermaus befand sich auf einer eigenen Ebene und wurde unabhängig animiert. Dies war ein schöner Effekt, aber es hat nicht viel Interaktivität. Es wäre besser, wenn der Leser auf eine Fledermaus klicken und ein Fledermausgeräusch hören könnte.

Um diese Interaktivität hinzuzufügen, müssen wir jeder Fledermaus-Ebene (bat1_pg10 - bat4_pg10) eine Aktion hinzufügen, die einen Fledermaus-Sound spielt. Natürlich könnten wir für jeden Schläger eine andere Sounddatei verwenden, aber um die Dinge einfach zu halten und Speicherplatz zu sparen, werden wir für alle vier Fledermäuse dieselbe MP3-Sounddatei verwenden. Unser erster Schritt ist das Importieren der Sounddatei in die Seite. Dann können wir die Aktionen zu den Fledermausschichten hinzufügen.

Öffnen Sie Ihr Projekt in Photoshop.

1. Wählen Sie Seite 10 aus der Liste der Seiten im Kwik-Bedienfeld. Sie sollten "@ page10" oben im Abschnitt "Seite / Komponenten" sehen.
   
   
2. Wähle aus Projekt- und Seitensymbol in der Kategorieleiste.
   
   
3. Wähle aus Fügen Sie das Audio-Tool zum Toolset hinzu.
   
   
4. Verwenden Sie im Dialogfeld Audio hinzufügen die Schaltfläche Durchsuchen, um die Bat-Sounddatei zu suchen.
   
   
5. Wie bei der Sounddatei zum Umblättern von Seiten wird diese als kurze Datei festgelegt, damit sie sofort in den Speicher geladen wird. Aktivieren Sie dieses Kontrollkästchen.
   
   
6. Wir möchten nicht, dass der Sound gleichzeitig abgespielt werden kann, falls der Leser mehr als einen Schläger gleichzeitig anklickt. Deaktivieren Sie dieses Kontrollkästchen.
   
   
7. Dies ist keine Readme-Datei. Deaktivieren Sie dieses Kontrollkästchen.
   
   
8. Wir möchten nicht, dass der Ton abgespielt wird, es sei denn, der Leser klickt auf einen Schläger. Deaktivieren Sie daher das Kontrollkästchen für Wiedergabe, wenn die Seite geladen wird.
   
   
9. Diese Datei wird nur auf Seite 10 für die Fledermausanimation abgespielt. Deaktivieren Sie daher das Kontrollkästchen für Wiedergabe auf allen Seiten.
   
   
10. Wir möchten, dass der Sound jedes Mal, wenn auf den Schläger geklickt wird, nur einmal abgespielt wird. Stellen Sie die Schleife also auf 1 Zeit mit 0 Verzögerung ein.
    
    
11. Wie Sie sehen können, hat Kwik den Papier-Flip-Sound dem ersten Soundkanal zugewiesen. Lassen Sie die Nummer 2 im Feld, damit Kwik diese Sounddatei dem zweiten Soundkanal zuweist, und klicken Sie auf Speichern.
    
    
12. Sie sollten die neue Audiodatei in der Komponentenliste für Seite 10 sehen.
    
    

Jetzt können wir jeder Fledermaus-Ebene die Aktion hinzufügen, die den Sound beim Klicken wiedergibt.

Wenn die Ebene bat1_pg10 ausgewählt ist, fügen wir die Aktion der ersten Fledermaus hinzu.

1. Wähle aus Interaktionssymbol in der Kategorieliste.
   
   
2. Klicke auf das Werkzeug "Schaltfläche hinzufügen" im Toolset.
   
   
3. Benennen Sie im Dialogfeld Schaltfläche hinzufügen die Schaltflächenaktion in "bat1btn" um.
   
   
4. Behalten Sie den Standard- und Over-Status auf der Ebene bat1_pg10 bei.
   
   
5. Erweitern Sie in der Liste Interaktionen den Abschnitt Audio und wählen Sie Audio abspielen.
   
   
6. Sie sehen nun das Dialogfeld Audio abspielen. Verwenden Sie die Dropdown-Liste, um die Bat-MP3-Datei auszuwählen, und klicken Sie auf Erstellen.
   
   Zurück zum Dialogfeld Schaltfläche "Hinzufügen" sehen wir, dass die Aktion "Audio abspielen" hinzugefügt wurde.
   
   
7. Klicken Sie auf Erstellen.
   
   

Wiederholen Sie diese Schritte für die anderen drei Fledermausschichten. Sie müssen die Audiodatei nur einmal importieren. Wenn Sie jeder Fledermaus-Ebene eine Schaltflächenaktion hinzufügen, benennen Sie die Schaltflächen bat2btn, bat3btn und bat4btn.

Mit dem Klicken Sie auf das Symbol Nur aktuelle Seite exportieren und klicken Sie auf die Schaltfläche Vorschau, um Ihre App im Simulator zu testen.

Wechseln Sie zu Ihrem LearnKwik-Ordner und erstellen Sie eine Sicherungskopie des Vorlagenprojektordners. Benennen Sie den Sicherungsordner um, indem Sie das aktuelle Datum am Ende hinzufügen. (TemplateMM-TT-JJ).

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.
Das Kwik-Produkt, das Kwik-Logo und Kwiksher sind Eigentum von Kwiksher.com - Copyright 2011. Mit Genehmigung verwendete Screenshots.

Diese Tutorials gelten für die ältere Version von Kwik 2 und sind möglicherweise nicht sehr hilfreich, wenn Sie Kwik 3 und höher verwenden. Wenn Sie Probleme haben, nutzen Sie bitte das Kwik-Forum.

Video-Anleitungen: Water Bottle Flip 2 | Dude Perfect (April 2024).