Entradas etiquetadas con Javascript
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 CS3. Abrir una ventana web con un tamaño y posición determinados
25 sep
En este ejemplo hemos utilizado la clase ExternalInterface para comunicarnos desde Flash con una función Javascript encargada de abrir una ventana web con un tamaño y posición determinados
Descargar código fuente (Proyecto ActionScript completo) >>
Si importas el proyecto, o lo regeneras en Flex (Clean), vuelve a copiar la plantilla html-template/index.template.html que va en el archivo rar, ya que es en ella donde he introducido el código javascript con la función popUpWindow encargada de abrir la ventana.
Flex 3. Mostrar contenidos pdf en una aplicación Flex
6 jul
A diferencia de AIR, Flex no incorpora ningún componente capaz de visualizar contenidos PDF.
Para mostrar un documento PDF dentro de un swf se puede recurrir a la técnica del iFrame, que consiste básicamente en superponer sobre el swf una capa con el contenido html deseado, en este caso, un documento pdf. Si cambia el tamaño o posición del swf se redimensiona y coloca el iFrame en la nueva ubicación por medio de javascript, dando la sensación de que el pdf está “dentro” del swf, cuando realmente está “sobre” él.
Flash CS3. Barra de botones Flash que se conecta con una función javascript.
30 nov
Se trata de una barra de botones realizada en Flash que obtiene las imágenes de los distintos estados de los botones de un xml.
Al pulsar sobre un botón se llama a la función javascript “onClick()” que aparece dentro del código html de la página web. Esta función sólo emite un mensaje de alerta con la cadena de texto que le pasa la barra de botones.
La conexión entre el archivo swf (la barra de botones) y la función javascript la realizamos a través de la clase estática ExternalInterface, que viene a sustituir en AS3 al antiguo fscommand().
Ver ejemplo y código fuente >>
Para ver el código fuente y descargarlo, entra en el ejemplo y pulsa con el botón derecho del ratón sobre la barra de botones (no sobre el resto de la página) y elige la opción “View Source” que aparecerá en el menú emergente.













