Reproducir sonido con botón en Kwik 2
En el último tutorial, utilizamos el widget de rotación en Kwik para animar a cuatro murciélagos a balancearse desde una rama de un árbol. Cada murciélago estaba en su propia capa y estaba animado independientemente. Este fue un efecto agradable pero no tiene mucha interactividad. Sería mejor si el lector pudiera hacer clic en un murciélago y escuchar un sonido de murciélago.

Para agregar esta interactividad, necesitaremos agregar una acción a cada capa de murciélago (bat1_pg10 - bat4_pg10) que reproducirá un sonido de murciélago. Por supuesto, podríamos usar un archivo de sonido diferente para cada murciélago, pero para simplificar las cosas y ahorrar uso de memoria, usaremos el mismo archivo de sonido mp3 para los cuatro murciélagos. Nuestro primer paso es importar el archivo de sonido a la página. Luego podemos agregar las acciones a las capas de murciélago.

Abre tu proyecto en Photoshop.

  1. Seleccione la página 10 de la lista de páginas en el panel Kwik. Debería ver "@ page10" en la parte superior de la sección Página / Componentes.

  2. Selecciona el Icono Proyecto y Páginas en la barra de Categorías.

  3. Selecciona el Agregar herramienta de audio en el conjunto de herramientas.

  4. En el cuadro de diálogo Agregar audio, use el botón Examinar para ubicar el archivo de sonido de murciélago.

  5. Al igual que con el archivo de sonido de volteo de página, configuraremos este como un archivo corto para que se cargue en la memoria de inmediato. Marque esta casilla

  6. No queremos que el sonido se pueda reproducir simultáneamente, en caso de que el lector haga clic en más de un bate a la vez. Desmarca esta casilla.

  7. Este no es un archivo Léame, así que desmarque esta casilla.

  8. No queremos que suene el sonido a menos que el lector haga clic en un bate. Así que desmarca la casilla Reproducir cuando se carga la página.

  9. Este archivo solo se reproducirá en la página 10 para la animación del murciélago. Así que desmarca la casilla de Play en todas las páginas.

  10. Queremos que el sonido se reproduzca solo una vez cada vez que se hace clic en el bate. Por lo tanto, configure el Loop en 1 vez con 0 Delay.

  11. Como puede ver, Kwik ha asignado el sonido de volteo de papel al primer canal de sonido. Deje el número 2 en el cuadro para que Kwik asigne este archivo de sonido al segundo canal de sonido y haga clic en Guardar.

  12. Debería ver el nuevo archivo de sonido en la lista de Componentes para la página 10.

Ahora podemos agregar la acción a cada capa de murciélago que reproducirá el sonido al hacer clic.

Con la capa bat1_pg10 seleccionada, agreguemos la acción al primer bate.

  1. Selecciona el Icono de interacciones en la barra de categorías.

  2. Haga clic en el Herramienta Agregar botón en el Conjunto de herramientas.

  3. En el cuadro de diálogo Agregar botón, cambie el nombre de la acción del botón a "bat1btn".

  4. Mantenga los estados Predeterminado y Sobre configurados en la capa bat1_pg10.

  5. En la lista Interacciones, expanda la sección Audio y elija Reproducir audio.

  6. Ahora verá el cuadro de diálogo Reproducir audio. Use la lista desplegable para elegir el archivo mp3 bat y haga clic en Crear.

    De vuelta al cuadro de diálogo Agregar botón, podemos ver que se ha agregado la acción Reproducir audio.

  7. Haz clic en Crear.

Repita estos pasos para las otras tres capas de murciélago. Solo necesita importar el archivo de sonido una vez. Cuando agregue una acción de botón a cada capa de murciélago, nombre los botones bat2btn, bat3btn y bat4btn respectivamente.

Con el Icono Exportar solo página actual seleccionado, haga clic en el botón Vista previa para probar su aplicación en el simulador.

Vaya a su carpeta LearnKwik y haga una copia de seguridad de la carpeta del proyecto Plantilla. Cambie el nombre de la carpeta de respaldo agregando la fecha actual al final. (Plantilla MM-DD-AA).

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.
El producto Kwik, el logotipo de Kwik y Kwiksher son propiedades de Kwiksher.com - Copyright 2011. Capturas de pantalla utilizadas con permiso.

Estos tutoriales son para la versión anterior de Kwik 2 y pueden no ser de mucha ayuda cuando se utiliza Kwik 3 y superior. Si tiene problemas, utilice el foro Kwik.


Instrucciones De Vídeo: reproducir sonido con arduino | Muy Fácil (Parte 1) Codigo (Enero 2023).