Riproduci l'audio con il pulsante in Kwik 2

• Potrebbe 4, 2024

Nell'ultimo tutorial, abbiamo usato il Widget di rotazione in Kwik per animare quattro pipistrelli che oscillano da un ramo di un albero. Ogni pipistrello era sul proprio strato ed era animato in modo indipendente. Questo è stato un bell'effetto ma non ha molta interattività. Sarebbe meglio se il lettore potesse fare clic su una mazza e sentire il suono di una mazza.

Per aggiungere questa interattività, dovremo aggiungere un'azione a ogni livello di pipistrello (bat1_pg10 - bat4_pg10) che riprodurrà un suono di pipistrello. Ovviamente, potremmo usare un file audio diverso per ogni pipistrello ma per mantenere le cose semplici e per risparmiare l'utilizzo della memoria, useremo lo stesso file audio mp3 per tutti e quattro i pipistrelli. Il nostro primo passo è importare il file audio nella pagina. Quindi possiamo aggiungere le azioni ai livelli di pipistrello.

Apri il tuo progetto su Photoshop.

1. Seleziona page10 dall'elenco delle pagine nel pannello Kwik. Dovresti vedere "@ page10" nella parte superiore della sezione Pagina / Componenti.
   
   
2. Seleziona il Icona Progetto e Pagine nella barra delle categorie.
   
   
3. Seleziona il Aggiungi strumento audio nel set di strumenti.
   
   
4. Nella finestra di dialogo Aggiungi audio, utilizzare il pulsante Sfoglia per individuare il file audio bat.
   
   
5. Come per il file audio di capovolgimento della pagina, imposteremo questo come file breve in modo che venga caricato immediatamente in memoria. Seleziona questa casella.
   
   
6. Non vogliamo che il suono sia in grado di riprodurre simultaneamente, nel caso in cui il lettore faccia clic su più di una mazza alla volta. Deseleziona questa casella.
   
   
7. Questo non è un file Leggimi quindi deseleziona questa casella.
   
   
8. Non vogliamo che il suono venga riprodotto a meno che il lettore non faccia clic su una mazza. Quindi deseleziona la casella Riproduci quando la pagina viene caricata.
   
   
9. Questo file verrà riprodotto solo a pagina 10 per l'animazione della mazza. Quindi deseleziona la casella Riproduci su tutte le pagine.
   
   
10. Vogliamo che l'audio venga riprodotto solo una volta ogni volta che si fa clic sulla mazza. Quindi imposta il Loop su 1 Time con 0 Delay.
    
    
11. Come puoi vedere, Kwik ha assegnato il suono di vibrazione della carta al primo canale audio. Lascia il numero 2 nella casella in modo che Kwik assegni questo file audio al secondo canale audio e fai clic su Salva.
    
    
12. Dovresti vedere il nuovo file audio elencato nell'elenco Componenti per pagina 10.
    
    

Ora possiamo aggiungere l'azione a ciascun livello di pipistrello che riprodurrà il suono quando viene cliccato.

Con il layer bat1_pg10 selezionato, aggiungiamo l'azione al primo bat.

1. Seleziona il Icona interazioni nella barra delle categorie.
   
   
2. Clicca sul Strumento Aggiungi pulsante nel set di strumenti.
   
   
3. Nella finestra di dialogo Aggiungi pulsante, rinominare l'azione del pulsante in "bat1btn".
   
   
4. Mantieni gli stati Default e Over impostati sul livello bat1_pg10.
   
   
5. Nell'elenco Interazioni, espandi la sezione Audio e scegli Riproduci audio.
   
   
6. Ora vedrai la finestra di dialogo Riproduci audio. Utilizzare l'elenco a discesa per scegliere il file mp3 bat e fare clic su Crea.
   
   Tornando alla finestra di dialogo Aggiungi pulsante, possiamo vedere che l'azione Riproduci audio è stata aggiunta.
   
   
7. Fai clic su Crea.
   
   

Ripeti questi passaggi per gli altri tre livelli di pipistrello. È necessario importare il file audio solo una volta. Quando aggiungi un'azione pulsante a ciascun livello di bat, dai un nome rispettivamente ai pulsanti bat2btn, bat3btn e bat4btn.

Con il Esporta solo pagina corrente selezionata icona, fare clic sul pulsante Anteprima per testare la tua app nel simulatore.

Vai alla cartella LearnKwik ed esegui una copia di backup della cartella del progetto modello. Rinominare la cartella di backup aggiungendo la data corrente alla fine. (TemplateMM-GG-AA).

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di 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, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.
Il prodotto Kwik, il logo Kwik e Kwiksher sono proprietà di Kwiksher.com - Copyright 2011. Schermate utilizzate su autorizzazione.

Queste esercitazioni sono per la versione precedente di Kwik 2 e potrebbero non essere di grande aiuto quando si utilizza Kwik 3 e versioni successive. In caso di problemi, si prega di utilizzare il forum di Kwik.