Animaciones impresionantes creadas con HTML5
+ Responder tema
Resultados 1 al 7 de 7

Tema: Animaciones impresionantes creadas con HTML5

  1. #1
    Usuario
    Puntos: 13,381, Nivel: 27
    Puntos: 13,381, Nivel: 27
    Nivel completado: 82%,
    Puntos requeridos para el siguiente Nivel: 169
    Nivel completado: 82%, Puntos requeridos para el siguiente Nivel: 169
    Actividad general: 0%
    Actividad general: 0%
    Logros:
    SobrecargadoEtiquetados de Primera ClaseTres amigos10000 Puntos de Experiencia1 año registrado
    Avatar de Vexelius
    Ubicación
    México
    Mensajes
    216
    Puntos
    13,381
    Nivel
    27
    Gracias
    35
    Agradecido 127 veces en 67 posts

    Animaciones impresionantes creadas con HTML5

    Old School Color Cycling with HTML5 | EffectGames.com

    Me encontré con este enlace hace unos minutos y quiero compartirlo con la comunidad.

    Básicamente, se trata de un demo que demuestra que una antigua técnica de animación conocida como Palette Shifting todavía puede sorprendernos: A partir de código HTML5 y una serie de imágenes, pueden crearse una gran cantidad de efectos como lluvia, nieve, niebla y simular el paso del tiempo.

    Si tienes problemas para ver el demo, posiblemente necesites actualizar tu versión de Firefox o usar Google Chrome.

  2. Los siguientes 2 usuarios agradecieron a Vexelius por este post:

    Alex Romero (26/08/2010), dz_arg (26/08/2010)

  3. #2
    Usuario
    Puntos: 6,505, Nivel: 19
    Puntos: 6,505, Nivel: 19
    Nivel completado: 23%,
    Puntos requeridos para el siguiente Nivel: 545
    Nivel completado: 23%, Puntos requeridos para el siguiente Nivel: 545
    Actividad general: 46.0%
    Actividad general: 46.0%
    Logros:
    Etiquetados de Primera ClaseTres amigosSobrecargado3 Meses registrado5000 Puntos de Experiencia
    Avatar de Alex Romero
    Ubicación
    Aspe, Spain
    Mensajes
    328
    Puntos
    6,505
    Nivel
    19
    Gracias
    102
    Agradecido 45 veces en 28 posts
    WOW! Me ha dejado muy sorprendido. Imagino que tan solo será la reproducción de un mp3 y la transición de unas imágenes verdad? Por que es genial. Ya tengo ganas de introducirme en el mundo de HTML5

  4. #3
    Usuario
    Puntos: 13,381, Nivel: 27
    Puntos: 13,381, Nivel: 27
    Nivel completado: 82%,
    Puntos requeridos para el siguiente Nivel: 169
    Nivel completado: 82%, Puntos requeridos para el siguiente Nivel: 169
    Actividad general: 0%
    Actividad general: 0%
    Logros:
    SobrecargadoEtiquetados de Primera ClaseTres amigos10000 Puntos de Experiencia1 año registrado
    Avatar de Vexelius
    Ubicación
    México
    Mensajes
    216
    Puntos
    13,381
    Nivel
    27
    Gracias
    35
    Agradecido 127 veces en 67 posts
    Lo impresionante de ese demo es que toman una imagen de mapa de bits estática y le aplican un algoritmo usando HTML5 que altera ciertos colores de forma selectiva. No se agregan ni se quitan elementos, no se sobreponen imágenes ni se usan máscaras de transparencia, sólo se usa código para alterar los colores cada cierto tiempo, y a partir de eso se crean estos efectos.

    Pues sí, HTML5 promete ser un nuevo estándar muy poderoso, vale la pena intentarlo. Supuestamente, permitirá mostrar videos, música e incluso hacer juegos de navegador sin necesidad de plugins.

  5. Los siguientes usuarios agradecen a Vexelius por este post:

    dz_arg (26/08/2010)

  6. #4
    Usuario
    Puntos: 2,653, Nivel: 12
    Puntos: 2,653, Nivel: 12
    Nivel completado: 1%,
    Puntos requeridos para el siguiente Nivel: 397
    Nivel completado: 1%, Puntos requeridos para el siguiente Nivel: 397
    Actividad general: 0%
    Actividad general: 0%
    Logros:
    Etiquetados de Primera Clase1000 Puntos de Experiencia1 año registrado

    Ubicación
    No me acuerdo xD
    Mensajes
    118
    Puntos
    2,653
    Nivel
    12
    Gracias
    17
    Agradecido 3 veces en 3 posts
    es realemente impresionante jejejejeej xD.

  7. #5
    Usuario
    Puntos: 6,505, Nivel: 19
    Puntos: 6,505, Nivel: 19
    Nivel completado: 23%,
    Puntos requeridos para el siguiente Nivel: 545
    Nivel completado: 23%, Puntos requeridos para el siguiente Nivel: 545
    Actividad general: 46.0%
    Actividad general: 46.0%
    Logros:
    Etiquetados de Primera ClaseTres amigosSobrecargado3 Meses registrado5000 Puntos de Experiencia
    Avatar de Alex Romero
    Ubicación
    Aspe, Spain
    Mensajes
    328
    Puntos
    6,505
    Nivel
    19
    Gracias
    102
    Agradecido 45 veces en 28 posts
    Cita Iniciado por Vexelius Ver mensaje
    Lo impresionante de ese demo es que toman una imagen de mapa de bits estática y le aplican un algoritmo usando HTML5 que altera ciertos colores de forma selectiva. No se agregan ni se quitan elementos, no se sobreponen imágenes ni se usan máscaras de transparencia, sólo se usa código para alterar los colores cada cierto tiempo, y a partir de eso se crean estos efectos.

    Pues sí, HTML5 promete ser un nuevo estándar muy poderoso, vale la pena intentarlo. Supuestamente, permitirá mostrar videos, música e incluso hacer juegos de navegador sin necesidad de plugins.
    Así que se trata de una sola imagen modificada por código... Muy interesante. Me gustaría saber si existen más tutoriales por ahí sobre HTML5 para hacer este tipo de cosas y si están en castellano. Hasta ahora he visto pocos ejemplos que merecieran la pena. Este me ha parecido muy interesante!
    Quiere ver películas y series de ciencia ficción. Algunas las he visto y comentado en mi blog http://conspiranoiadas.blogspot.com Si hay algún alma buena y bondadosa por ahí que quiera darme a conocer buenas series de SciFi aquí estoy. Encantado las veré.

  8. #6
    Usuario
    Puntos: 1,137, Nivel: 7
    Puntos: 1,137, Nivel: 7
    Nivel completado: 63%,
    Puntos requeridos para el siguiente Nivel: 113
    Nivel completado: 63%, Puntos requeridos para el siguiente Nivel: 113
    Actividad general: 0%
    Actividad general: 0%
    Logros:
    Etiquetados de Primera Clase1 año registrado1000 Puntos de Experiencia
    Avatar de Danielr69
    Ubicación
    Ciudad Guayana, EDo Bolivar, Venezuela
    Mensajes
    12
    Puntos
    1,137
    Nivel
    7
    Gracias
    0
    Agradecido 1 vez en 1 post
    Man muy bueno todo, el HTML5 tiene mucho futuro...XD muy buenas imagenes una pregunta Quien sabe hacer eso?, me descarge el código fuente pero yo no tengo idea de que hacer con eso porfa como se hace?
    -+¡¡-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-¡¡-+

  9. #7
    Usuario
    Puntos: 6,505, Nivel: 19
    Puntos: 6,505, Nivel: 19
    Nivel completado: 23%,
    Puntos requeridos para el siguiente Nivel: 545
    Nivel completado: 23%, Puntos requeridos para el siguiente Nivel: 545
    Actividad general: 46.0%
    Actividad general: 46.0%
    Logros:
    Etiquetados de Primera ClaseTres amigosSobrecargado3 Meses registrado5000 Puntos de Experiencia
    Avatar de Alex Romero
    Ubicación
    Aspe, Spain
    Mensajes
    328
    Puntos
    6,505
    Nivel
    19
    Gracias
    102
    Agradecido 45 veces en 28 posts
    Cita Iniciado por Danielr69 Ver mensaje
    Man muy bueno todo, el HTML5 tiene mucho futuro...XD muy buenas imagenes una pregunta Quien sabe hacer eso?, me descarge el código fuente pero yo no tengo idea de que hacer con eso porfa como se hace?
    Pues yo todavía no me he puesto a mirar tutoriales por ahí. Si te enteras de algo me comentas!
    Quiere ver películas y series de ciencia ficción. Algunas las he visto y comentado en mi blog http://conspiranoiadas.blogspot.com Si hay algún alma buena y bondadosa por ahí que quiera darme a conocer buenas series de SciFi aquí estoy. Encantado las veré.

+ Responder tema

Los visitantes encuentran esta página buscando por:

animaciones html5

ejemplos animaciones html5

tutorial animacion html5

html5 animaciones

ejemplo animacion html5

transicion de imagenes html5

animaciones html5 ejemplostransicion de imagenes en html5animaciones en html5html5 animaciones ejemplosefecto nieve html5animacion html5tutorial animaciones html5html5 efectos imagenesanimacion de imagenes en html5html5 animacion ejemploftransicion de imagenes con html5efectos html5foro html5html5 codigo fuenteejemplos de animacion html5html5 impresionantecodigo animaciones html5ejemplos de animaciones html5

Etiquetas para este tema

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36