Martes, 28 Febrero 2017 13:43

Puzles de vídeos

Escrito por
Valora este artículo
(14 votos)

En el Proyecto Plantillas hemos dispuesto una sección llamada Puzles, en la cual podemos encontrar puzles de arrastre, de intercambio, giratorios y por desplazamiento. La novedad en estos puzles con respecto a la herramienta de edición Puzles Descartes es el recortado automático de las piezas del puzle, es decir, el usuario sólo se tiene que preocupar por incluir la imagen que desee para el diseño de este tipo de actividad lúdica, evitando la edición de imágenes correspondientes a las piezas del puzle. No obstante esta ventaja, no podemos descartar la herramienta de edición, pues en los puzles tipo Jigsaw aún no tenemos el recortado automático.

Puzles de vídeos

Seguramente, algunos diseñadores de escenas quisieran conocer las técnicas utilizadas que, por la brevedad de este post, publicaremos en la sección de documentación de Descartes. Sin embargo, en forma reducida, lo que hemos hecho es aprovechar dos utilidades del editor de Descartes: el uso de capas y los espacios múltiples. El puzle de arrastre mostrado en la imagen anterior, está compuesto de 16 piezas cuadradas, las cuales se corresponden con 16 espacios de igual tamaño. El recortado de imágenes se logra copiando la misma imagen en cada espacio, pero en posiciones diferentes, por ejemplo, en la pieza de la esquina superior izquierda, copiamos la imagen, de tal forma que sólo muestre el 25% de la imagen base, para ello debemos definir la posición de la imagen en el espacio correspondiente. El uso de las capas nos ha permitido incluir controles gráficos invisibles y asociados a cada espacio, pero en una capa superior, de tal forma que al arrastrar el control gráfico se simula el arrastre de la pieza.

Pero, para el público en general estas explicaciones técnicas no son de interés, basta con saber cómo diseñamos nuestros puzles que, como lo dijimos antes sólo es necesario incluir la imagen que deseemos. La buena noticia es que podemos usar vídeos en lugar de imágenes, haciendo más atractivos nuestros puzles.

Presentamos, entonces, dos nuevos puzles que hemos denominado vídeo puzles, el primero de cuatro piezas y el segundo de seis.

Video_puzle1-JS.png

Vídeo puzle de cuatro piezas (haz clic en la imagen para abrir el puzle)

 

Video_puzle2-JS.png

 Vídeo puzle de seis piezas (haz clic en la imagen para abrir el puzle)

 

Visto 866 veces Modificado por última vez en Jueves, 02 Marzo 2017 12:38

Deja un comentario

SiteLock

Módulo de Búsqueda

Frase Clave

Título del artículo

Categoría

Etiqueta

Publicador

Ayuda

Acceso

Lo más leído de lo publicado hace un mes

Canal Youtube

Calculadora Descartes

Versión 3.1 con estadística bidimensional

ComparteCódigo para embeber

Utilizamos cookies para mejorar nuestro sitio web y su experiencia al usarlo. Las cookies utilizadas para el funcionamiento esencial de este sitio ya se han establecido. Para saber más sobre las cookies que utilizamos y cómo eliminarlas , consulte nuestra Política de Privacidad.

  Acepto las Cookies de este sitio.
EU Cookie Directive Module Information