Flex, AS3, AS2, flash, css
Entradas etiquetadas con PureMVC
JavaScript. PaintDrops Canvas HTML5.
2 ene
Descargar Proyecto JavaScript >>
Para cambiar el color del pincel tenemos que manipular los datos de la imagen que utilizamos como SpriteSheet. Esto provoca un error de seguridad en Firefox y Chrome si la aplicación se ejecuta en local. Por esto, si vas a utilizar alguno de estos navegadores para revisar este ejemplo sería conveniente que lo hicieras en un servidor local.
El selector de color lo hemos tomado ‘prestado’ de Mrdoob Mr.doob HitHub.
Por otro lado, para cambiar el valor de la densidad del pincel y la escala hemos recurrido al nuevo tipo ‘number’ que actualmente sólo soporta WebKit(Chrome, Safari) y Opera, por lo que si ves la aplicación desde otro navegador, estos campos aparecerán como inputs normales.
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.
JavaScript. Visor Cubo 3D con Three.
20 dic
Cuando empezamos con esto del 3D, una de las cosas que más cuesta es “ver” cómo se mueven los objetos el espacio. Para ayudar a aquellos que se inicien en esto de la web 3D, aquí va un ejemplo bastante simple. Se trata de un visor 3D en el que podemos mover un cubo en el espacio.
Hemos utilizado Three, desarrollado por MrDoob.
Es muy recomendable ver el ejemplo con el navegador Chrome.
JavaScript. PureMVC Framework & Mootools
12 dic
Un ejemplo de galería de imágenes utilizando PureMVC (JavaScript) y Mootools. Es una adaptación a JavaScript/PureMVC del ejemplo para ActionScript 3 que ya posteamos hace algún tiempo:
FrameWork Mate y Galería de Imágenes
Flash Builder. Flash CS5. Galería de vídeos con distintos frameworks
18 dic
Hemos desarrollado el mismo ejemplo utilizando diferentes frameworks:
Robotlegs
Robotlegs&Signals
PureMVC
Parsley + Spicelib
Mate Flex Framework
Puede ser interesante compararlos para ver las diferencias/similitudes que presentan.
Descargar proyecto ActionScript versión Robotlegs >>
Descargar proyecto ActionScript versión Robotlegs&Signals >>
Descargar proyecto ActionScript versión PureMVC >>
Descargar proyecto ActionScript versión Parsley >>
Descargar proyecto ActionScript versión Parsley&Signals >>
Descargar proyecto Flex 4 versión Mate Flex Framework >>
Descargar versión Robotlegs Flash CS5 >>
MUY IMPORTANTE: Como los ejemplos muestran contenidos de vídeo, para no publicarlos varias veces NO LOS LLEVAN INCLUIDOS. Descarga el siguiente enlace y descomprime su contenido en la carpeta bin-debug del ejemplo que desees:
Carpetas con los vídeos y demás assets de los ejemplos >>
Y por cierto, ya que estamos con Mate, recordar que la semana pasada se publicó la versión 0.9 de Mate, válida para Flex 3 y Flex 4 (aunque en este ejemplo hemos utilizado la versión 0.8.9)
