Prehrajte si zvuk pomocou tlačidla v Kwik 2

• Smieť 16, 2024

V poslednom tutoriále sme použili Rotation Widget v Kwiku na animáciu štyroch netopierov, aby sa hojdali z vetvy stromu. Každá pálka bola na svojej vlastnej vrstve a bola animovaná nezávisle. Bol to pekný efekt, ale nemá to príliš interaktivitu. Bolo by lepšie, keby čitateľ mohol kliknúť na netopier a počuť zvuk netopiera.

Ak chcete pridať túto interaktivitu, musíme pridať akciu do každej vrstvy netopierov (bat1_pg10 - bat4_pg10), ktorá prehrá zvuk netopierov. Samozrejme by sme mohli použiť odlišný zvukový súbor pre každú netopier, ale aby sme veci udržali jednoduché a ušetrili využitie pamäte, použijeme rovnaký zvukový súbor mp3 pre všetky štyri netopiere. Naším prvým krokom je import zvukových súborov na stránku. Potom môžeme pridať akcie do vrstiev netopierov.

Otvorte svoj projekt vo Photoshope.

1. Vyberte stránku 10 zo zoznamu stránok na paneli Kwik. Mali by ste vidieť „@ page10“ v hornej časti sekcie Stránka / Komponenty.
   
   
2. Vyberte ikonu Ikona Projekt a Stránky na paneli Kategórie.
   
   
3. Vyberte ikonu Pridajte zvukový nástroj do sady nástrojov.
   
   
4. V dialógovom okne Pridať zvuk pomocou tlačidla Prehľadávať vyhľadajte zvukový súbor netopiera.
   
   
5. Rovnako ako v prípade zvukového súboru prevrátenia stránky nastavíme tento súbor ako krátky súbor, aby sa okamžite načítal do pamäte. Začiarknite toto políčko.
   
   
6. Nechceme, aby zvuk dokázal hrať súčasne, v prípade, že čitateľ klikne súčasne na viac ako jednu pálku. Zrušte začiarknutie tohto políčka.
   
   
7. Toto nie je súbor Read Me, takže zrušte začiarknutie tohto políčka.
   
   
8. Nechceme, aby sa zvuk prehrával, pokiaľ čitateľ neklikne na netopier. Pri načítaní stránky teda zrušte začiarknutie políčka Prehrať.
   
   
9. Tento súbor sa prehrá iba na strane 10 pre animáciu netopierov. Zrušte začiarknutie políčka Prehrať na všetkých stránkach.
   
   
10. Chceme, aby sa zvuk prehral iba raz pri každom kliknutí na netopier. Takže nastavte slučku na 1 čas s 0 oneskorením.
    
    
11. Ako vidíte, Kwik priradil papieru prvý zvukový kanál. V poli ponechajte číslo 2, aby Kwik priradil tento zvukový súbor k druhému zvukovému kanálu a kliknite na Uložiť.
    
    
12. Mali by ste vidieť nový zvukový súbor uvedený v zozname Komponenty na strane 10.
    
    

Teraz môžeme pridať akciu do každej vrstvy netopiera, ktorá prehrá zvuk po kliknutí.

Ak je vybratá vrstva bat1_pg10, pridajme akciu k prvej pálke.

1. Vyberte ikonu Ikona interakcií na paneli Kategórie.
   
   
2. Klikni na Nástroj Pridanie tlačidla v súprave nástrojov.
   
   
3. V dialógovom okne Pridať tlačidlo premenujte akciu tlačidla na „bat1btn“.
   
   
4. Ponechajte stav Default a Over nastavený na vrstvu bat1_pg10.
   
   
5. V zozname Interakcie rozviňte časť Zvuk a vyberte položku Prehrať zvuk.
   
   
6. Zobrazí sa dialógové okno Prehrať zvuk. Pomocou rozbaľovacieho zoznamu vyberte súbor bat mp3 a kliknite na tlačidlo Vytvoriť.
   
   Vráťte sa do dialógového okna Pridať tlačidlo a vidíme, že bola pridaná akcia Prehrať zvuk.
   
   
7. Kliknite na tlačidlo Vytvoriť.
   
   

Opakujte tieto kroky pre ďalšie tri vrstvy netopierov. Zvukový súbor musíte importovať iba raz. Keď do každej vrstvy netopierov pridáte akciu tlačidiel, pomenujte tlačidlá bat2btn, bat3btn a bat4btn.

S Vyberte ikonu Exportovať iba aktuálnu stránku, kliknutím na tlačidlo Ukážka otestujte svoju aplikáciu v simulátore.

Prejdite do priečinka LearnKwik a vytvorte si záložnú kópiu priečinka projektu Template. Premenujte priečinok zálohy pridaním aktuálneho dátumu na koniec. (TemplateMM-DD-YY).

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.
Produkt Kwik, logo Kwik a Kwiksher sú vlastníctvom stránok Kwiksher.com - Copyright 2011. Snímky obrazovky použité na základe súhlasu.

Tieto príručky sú určené pre staršiu verziu Kwik 2 a pri používaní Kwik 3 a vyšších nemusia byť veľmi nápomocné. Ak máte problémy, použite fórum Kwik.

Video Návody: Five Nights at Freddy's: Sister Location - Part 1 (Smieť 2024).