MEMORIA: CUENTA ATRÁS PARA LANZAMIENTO DE PRODUCTO
INTRO: Este programa permite elegir una fecha, que lanzará una cuenta atrás y la mostrará de manera estructurada dentro de esferas temáticas de reloj (se ha elegido estética steampunk pero podría aplicar cualquier estilo, dependiendo de las necesidades y temática del producto o servicio lanzado).
MANUAL & FUNCIONAMIENTO: Se selecciona la fecha deseada (el propio programa no permitirá seleccionar fechas pasadas), y se desplegarán nuevos elementos ocultos correspondientes al reloj:
- Bloque informativo a la izquierda, compuesto a su vez por los elementos:
- Texto informativo
- Botón de mute para los sonidos que hace el reloj, se mantendrá la elección del usuario mientras dure esta sesión (si no se reinicia el programa o se ejecuta en otro sitio)
- Botón para testear qué ocurre si llega el fin de cuenta atrás
- Botón de página anterior, volverá a la página de selección de fecha pero esta estará bloqueada, ya que hay una cuenta atrás en marcha, de todas maneras se podrá volver a consultar el reloj desde esa primera página porque se activa un nuevo botón en ella que es solo para mirar.
- Reloj propiamente dicho, compuesto por una imagen base y cuatro esferas dinámicas, donde se mostrarán días, horas, minutos y segundos restantes hasta la fecha de lanzamiento
EFECTOS: Se han utilizado dos efectos de JQUERY:
- TILT para darle a las esferas un efecto 3D cuando se hace hover con el ratón.
- BOUNCE, en el efecto de celebración final, cuando se alcanza la fecha clave, aparece un texto rebotando. La idea original era meter fuegos artificiales o un sistema de partículas saliendo de un libro abierto (producto pensado).
FINAL: Se debería pulir y simplificar el .js, y se hará en el futuro, ya que hay lógicas que se podrían simplificar. Además me gustaría haber separado las escenas en distintos html, creo que facilitaría mucho las cosas.