jQuery
HTML5 WebGL. Ejemplo de navegación con Three y TweenMax
26 abr
Para ver este ejemplo es preferible navegar con Chrome, ya que utiliza WebGL. Si tienes Firefox o Safari (la versión de Windows no soporta WebGL) también soportan ontenidos WebGL; sin embargo, Internet Explorer no permite mostrar este tipo de contenidos sin instalar plugins adicionales.
En el caso de que tu navegador no soporte WebGL, verás una versión HTML con el mapa plano.
El ejemplo utiliza la imagen nocturna de la Tierra (NASA) que pesa bastante, por lo que puede tardar varios segundos en iniciarse, no te impacientes
JavaScript. Biblioteca Knockout
12 mar
Ejemplo de utilización de la biblioteca JavaScript Knockout.

Descargar proyecto JavaScript >>
Para cargar el contenido en la agenda pulsa el botón Añadir páginas. Para pasar la página pulsa sobre ella.
Más >
HTML5 + JavaScript + WebGL. Ejemplo de galería con menú tipo coverflow.
25 jul
El mismo ejemplo de galería de imágenes con menú tipo coverflow desarrollado con Three (WebGL), HTML5 + JS.
Descargar código fuente (Proyecto JavaScript Eclipse) >>
Y hacer todas las recomendaciones en este tipo de casos: Es muy recomendable ver el ejemplo con Chrome 19+, Firefox 12+ o navegadores actualizados.
Para configurar tu navegador para WebGL, visita Getting a WebGL Implementation.
GSAP (GreenSock) & Three & jQuery. Efecto partículas con TweenMax.
28 may
Ver ejemplo >>
Descargar proyecto JavaScript >>
Pues nada, un ejemplillo de animación de partículas con TweenMax/TimelineMax para JavaScript.
JavaScript & ActionScript. Ejemplo con TweenMax para JavaScript
18 may
Como sabéis, Jack Doyle está convirtiendo su famosa biblioteca GreenSock en el proyecto GreenSock Animation Platform (actualmente versión 12 beta) que incorpora como gran novedad la migración de TweenLite/TweenMax, TimelineLite/TimelineMax a JavaScript.
Pues nada, aquí un ejemplo muuuuy simple de lo fácil que resulta hacer una versión JavaScript de un swf animado con GreenSock.
Ver ejemplo HTML/JavaScript >>
Ver ejemplo Flash/ActionScript >>
Descargar Proyecto JavaScript >>
En la carpeta “fla” encontrarás el archivo “fruit.fla” con el código ActionScript 3 equivalente al JavaScript que encontrarás en “src/js/test-greensock.js”. Verás que animar en JavaScript con TweenLite/TweenMax es prácticamente idéntico a hacerlo en ActionScript.
¿Para cuándo hacerle una estatua a Jack Doyle?
HTML5 & CreateJS. Juego tipo buscaminas.
15 may
Bueno, ahora que Flash Professional CS6 viene con el mágico botón “pasar todo a HTML5 y hazme la vida feliz”, un ejemplo con CreateJS.
Descargar proyecto JavaScript >>
Hago todas las advertencias típicas en estos casos (HTML5): ss recomendable ver el ejemplo con Chrome, o en su defecto, con IE9 o superior, o navegadores actualizados que soporten el canvas de HTML5.
JavaScript. Galería de imágenes rotatoria.
2 ene
Descargar Proyecto JavaScript versión Mootools&PureMVC >>
Descargar Proyecto JavaScript versión jQuery >>
Para ver este ejemplo es altamente recomendable utilizar Chrome. Por otro lado, como recurro a CSS3 para aplicar los degradados y el efecto de reflejo de las imágenes, debe verse con un navegador que soporte degradados y transformaciones CSS3 (Internet Explorer 9, Opera 11, Firefox 3.5+ y Chrome). En el caso de IE9 hemos recurrido a dibujar los degradados a partir de archivos svg.













