Speel geluid met knop in Kwik 2

• Mei 17, 2024

In de laatste tutorial gebruikten we de Rotation Widget in Kwik om vier vleermuizen te animeren om van een tak van een boom te slingeren. Elke vleermuis was op zijn eigen laag en werd onafhankelijk geanimeerd. Dit was een leuk effect, maar het heeft niet veel interactiviteit. Het zou beter zijn als de lezer op een vleermuis kon klikken en een vleermuisgeluid kon horen.

Om deze interactiviteit toe te voegen, moeten we een actie toevoegen aan elke bat-laag (bat1_pg10 - bat4_pg10) die een vleermuisgeluid speelt. Natuurlijk kunnen we voor elke vleermuis een ander geluidsbestand gebruiken, maar om het eenvoudig te houden en geheugengebruik te besparen, gebruiken we hetzelfde mp3-geluidsbestand voor alle vier vleermuizen. Onze eerste stap is om het geluidsbestand in de pagina te importeren. Vervolgens kunnen we de acties toevoegen aan de bat-lagen.

Open uw project in Photoshop.

1. Selecteer pagina 10 uit de lijst met pagina's in het Kwik-paneel. U zou '@ page10' bovenaan het gedeelte Pagina / Componenten moeten zien.
   
   
2. Selecteer de Pictogram Project en pagina's op de balk Categorieën.
   
   
3. Selecteer de Audio-tool toevoegen in de Toolset.
   
   
4. Gebruik in het dialoogvenster Audio toevoegen de knop Bladeren om het bat-geluidsbestand te vinden.
   
   
5. Net als bij het omdraaien van de pagina, zullen we dit instellen op een kort bestand zodat het onmiddellijk in het geheugen wordt geladen. Vink dit vakje aan.
   
   
6. We willen niet dat het geluid tegelijkertijd kan spelen, in het geval dat de lezer op meer dan één vleermuis tegelijkertijd klikt. Schakel dit vakje uit.
   
   
7. Dit is geen Leesmij-bestand, schakel dit selectievakje uit.
   
   
8. We willen niet dat het geluid speelt tenzij de lezer op een vleermuis klikt. Dus schakel het selectievakje uit voor Spelen wanneer pagina wordt geladen.
   
   
9. Dit bestand wordt alleen afgespeeld op pagina 10 voor de bat-animatie. Schakel dus het vakje voor Spelen op alle pagina's uit.
   
   
10. We willen dat het geluid slechts eenmaal wordt afgespeeld telkens wanneer op de vleermuis wordt geklikt. Stel de lus dus in op 1 tijd met 0 vertraging.
    
    
11. Zoals u ziet, heeft Kwik het papieren flip-geluid toegewezen aan het eerste geluidskanaal. Laat nummer 2 in het vak zodat Kwik dit geluidsbestand toewijst aan het tweede geluidskanaal en klik op Opslaan.
    
    
12. U zou het nieuwe geluidsbestand moeten zien in de Componentenlijst voor pagina 10.
    
    

Nu kunnen we de actie toevoegen aan elke bat-laag die het geluid zal spelen wanneer erop wordt geklikt.

Met de laag bat1_pg10 geselecteerd, laten we de actie toevoegen aan de eerste bat.

1. Selecteer de Interactiepictogram in de categoriebalk.
   
   
2. Klik op de Knop toevoegen in de toolset.
   
   
3. Hernoem de knopactie in het dialoogvenster Knop toevoegen naar "bat1btn".
   
   
4. Houd de statussen Standaard en Over ingesteld op de laag bat1_pg10.
   
   
5. Vouw in de lijst Interacties het gedeelte Audio uit en kies Audio afspelen.
   
   
6. U ziet nu het dialoogvenster Audio afspelen. Gebruik de vervolgkeuzelijst om het bat mp3-bestand te kiezen en klik op Maken.
   
   Terug naar het dialoogvenster Knop toevoegen, kunnen we zien dat de actie Audio afspelen is toegevoegd.
   
   
7. Klik op Maken.
   
   

Herhaal deze stappen voor de andere drie vleermuislagen. U hoeft het geluidsbestand slechts eenmaal te importeren. Wanneer u een knopactie toevoegt aan elke bat-laag, geeft u de knoppen respectievelijk bat2btn, bat3btn en bat4btn.

Met de Pictogram Alleen huidige pagina exporteren geselecteerd, klik op de knop Voorbeeld om uw app in de simulator te testen.

Ga naar uw map LearnKwik en maak een back-up van de map Sjabloonproject. Wijzig de naam van de back-upmap door de huidige datum aan het einde toe te voegen. (TemplateMM-DD-YY).

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.
Kwik-product, het Kwik-logo en Kwiksher zijn eigenschappen van Kwiksher.com - Copyright 2011. Schermafbeeldingen gebruikt met toestemming.

Deze tutorials zijn voor de oudere versie van Kwik 2 en bieden mogelijk niet veel hulp bij het gebruik van Kwik 3 en hoger. Gebruik het Kwik-forum als u problemen ondervindt.

Video-Instructies: White Noise Black Screen | Sleep, Study, Focus | 10 Hours (Mei 2024).