Archive for the 'flash' Category

03JunGapminder: estadísticas mundiales

Gapminder es una interesantísima propuesta de recopilación y representación grafíca de datos estadísticos de toda clase a nivel mundial. La aplicación desarrollada para visualizarse con Flash Player, e imagino que desarrollada através de Flex o un entorno similar (Eclipse o cualquier framework de programación para el lenguaje 3.0 de Actionscript), permite recorrer los últimos años mostrando una evolución de los países en los parámetros asignados a los ejes X e Y del gráfico.
Una vez establecidos los parámetros permite realizar una simulación de progresión a modo de animación, donde se ve la evolución fotograma a fotograma en cada uno de los años.
Los datos a elegir  varían desde la cantidad de accidentes aéreos por año hasta la edad de las mujeres al contraer matrimonio pro primera vez.

Os dejamos las capturas de un gráfico de la relación entre los usuarios de Internet y los propietarios de un ordenador personal.
La evolución desde los noventa forma una gráfica a modo de aspersor donde los países más avanzados se han situado en lo alto de la gráfica mientras que los países menos desarrollados continúan en la parte inferior del eje de coordenadas.

gapminder estadísticas mundiales

 
 

14MayLucha de Gigantes: contraataque de Adobe

we love apple

"Amamos la creatividad
Amamos la innovación
Amamos las aplicaciones
Amamos la web
Amamos Flash
Amamos a nuestros 3 millones de desarrolladores
Amamos la sana competencia
Amamos las pantallas táctiles
Amamos nuestro "Open Screen Project Partner" (un proyecto para integrar flash en las tecnologías móviles)
Amamos todos los dispositivos
Amamos todas las plataformas"

Lo que no amamos es a cualquiera que te quite tu libertad para elegir qué crear, cómo crearlo y qué experimentar en la web"

 

Adobe contrataca a las recientes decisiones de Apple y las manifestaciones explícitas de Steve Jobs encontra de Flash. Es una guerra de poder a la que Adobe ha respondido con publicidad dirigida a concienciar al mundo de que lo de Apple con Flash es un ataque injustificado y discriminatorio de su producto.

Es difícil saber porque Apple la emprende con Adobe, a pesar de que pueda entender que su intención es simplemente hacer prevalecer una visión del futuro de la web en el que no ven lugar para Flash…

Veremos en qué acaba la guerra, pero estoy seguro que la balanza se inclinará hacia un lado u otro y eso tendrá consecuencias para el futuro…Se acerca el HTML 5, ¿se acerca el cambio…? Convivirán las dos tecnologías como lo hacía Flash con HTML 4, o ¿tendremos que ver una progresiva desaparición del Flash de las páginas webs?. Yo apostaría por decir que el Flash no desaparecerá mañana, que el proceso será muy lento y que en gran media se reconvertirá o seguirá empleando parte de su encanto para la animación y las páginas de caracter más temporal  y corporativo.

Fuentes: Adobe, El País

 

15JulManifiesto incompleto para el crecimiento creativo.

Interpretación libre de un texto de Bruce Mau. (Este documento cayo en nuestras manos hace más de cuatro años, uno hace balance y parece que sin quererlo hemos pasado por muchos de los estados que nos retrata Bruce Mau, y la verdad, creo que hemos sido afortunados por todo este proceso vivido)

1. Permite que los acontecimientos te cambien.Tienes que estar deseando crecer. El crecimiento no es algo que te ocurre. Tú lo produces. Tú lo vives. Los requisitos del crecimiento son: que estés abierto a experimentar nuevos acontecimientos y dispuesto a ser cambiado por ellos.

2. Olvídate de lo bueno. Lo bueno es una medida conocida; es aquello en lo que todos estamos de acuerdo. Crecer no es algo necesariamente bueno. El crecimiento es una exploración intermitente que no necesariamente nos llevará a lo que estamos buscando. Mientras te apegues a lo bueno, nunca alcanzarás el verdadero crecimiento.

3. El proceso es más importante que el resultado. Cuando el resultado conduce al proceso, sólo llegaremos a donde ya hemos estado. Si el proceso conduce al resultado, quizás no sabremos a dónde vamos, pero sabremos que queremos estar ahí.

4. Ama tus experimentos (como amarías a un hijo feo). La emoción es el motor del crecimiento. Goza la libertad de considerar tu trabajo como maravillosos experimentos, intentos, ensayos y errores. Adopta un enfoque de largo plazo y permítete todos los días la diversión de fracasar.

5. Profundiza. Entre mayor profundidad alcances, más probable será que encuentres algo valioso.

6. Captura los accidentes. La respuesta incorrecta es la respuesta acertada en busca de una pregunta diferente. Acumula respuestas equivocadas como parte del proceso. Plantéate diferentes preguntas.

7. Estudia. Un estudio es un lugar para estudiar. Utiliza la necesidad de producir como una excusa para estudiar. Todos se beneficiarán.

8. Divaga. Permítete divagar sin propósito. Explora lo colindante. Evita los juicios. Deja la crítica para después.

9. Comienza donde sea. John Cage nos dice que el no saber dónde comenzar es una forma común de parálisis. Su consejo: comienza donde sea.

10. Todos somos líderes. El crecimiento ocurre. En el momento en que se dé, déjalo surgir. Aprende a seguir a otros cuando tenga sentido. Permite que cualquiera dirija.

11. Cosecha ideas. Limita las aplicaciones. Las ideas necesitan de una dinámica, de un flujo, de un ambiente generoso para sobrevivir.

12. No dejes de moverte. El mercado y su dinámica tienen la tendencia a reforzar el éxito. Resístelo. Permite que el fracaso y la capacidad de cambio sean parte de tu práctica.

13. Desacelérate. Apártate de la sincronía de los marcos de tiempo establecidos y te sorprenderán las oportunidades que se presentarán.

14. No seas "cool". "Cool" es el temor conservador vestido de negro. Libérate de los límites de esta naturaleza.

15. Haz preguntas tontas. El crecimiento se alimenta del deseo y de la inocencia. Valora la respuesta, no la pregunta. Imagínate aprendiendo a lo largo de tu vida al ritmo de un niño.

16. Colabora. El ambiente que prevalece entre la gente que trabaja en equipo está lleno de conflictos, fricciones, discordias, gozos y un vasto potencial creativo.

17. _____________. Intencionalmente conservado en blanco. Deja espacio para las ideas que aún no has tenido y para las ideas de otros.

18. Desvélate. Cosas extrañas ocurren cuando has ido muy lejos, cuando llevas mucho tiempo despierto, has trabajado demasiado y estás aislado del resto del mundo.

19. Trabaja la metáfora. Cada objeto tiene la capacidad de representar algo distinto de lo que aparentemente es. Trabaja en lo que representa.

20. Asegúrate de correr riesgos. El tiempo es algo genético. El hoy es hijo del ayer y padre del mañana. El trabajo que haces hoy creará tu futuro.

21. Repítete. Si te gusta, hazlo otra vez. Si no te gusta, hazlo otra vez.

22. Inventa tus propias herramientas. Haz híbridos con tus propias herramientas para construir cosas únicas. Aun las herramientas más sencillas pueden construir avenidas completamente nuevas para la exploración. Recuerda que las herramientas amplifican nuestras capacidades, y que la más pequeña de éstas puede hacer una gran diferencia.

23. Súbete a los hombros de los demás. Puedes viajar más lejos montado en los logros de quienes te han precedido. Y desde ahí, la vista es mucho mejor.

24. Evita el software. El problema con el software es que todo el mundo lo tiene.

25. No limpies tu escritorio. Podrías encontrar por la mañana algo que no pudiste ver esta noche.

26. No participes en concursos en busca de reconocimiento. Simplemente no lo hagas. No es bueno para ti.

27. Sólo lee las páginas del lado izquierdo. Marshall McLuhan lo hacía. Si disminuimos la cantidad de información, dejamos espacio para lo que puede ser nuestra "ronchita".

28. Crea nuevas palabras. Expande el léxico. Las nuevas condiciones demandan nuevas formas de expresión. La expresión genera nuevas condiciones.

29. Piensa con la mente. Olvida la tecnología. La creatividad no es un objeto-dependiente.

30. Organización = Libertad. La verdadera innovación en diseño, o en cualquier otro ámbito, ocurre en un contexto. Ese contexto es una suerte de empresa manejada como cooperativa. Frank Gehry, por ejemplo, sólo es capaz de crear Bilbao porque su estudio lo tiene contemplado en el presupuesto. El mito de una separación entre los "creativos" y los "de traje" es lo que Leonard Cohen define como un "encantador artefacto del pasado".

31. No pidas dinero prestado. Nuevamente, es un consejo de Frank Gehry. Al mantener el control financiero, mantenemos el control creativo. Esto no es exactamente ciencia espacial, pero es sorprendente lo difícil que resulta mantener esta disciplina y cuántos han fallado en ello.

32. Escucha con atención. Todo colaborador que entra en nuestra órbita trae consigo un mundo más extraño y complejo de lo que jamás hubiéramos imaginado. Al escuchar el detalle y la sutileza de sus necesidades, deseos o ambiciones, hacemos coincidir su mundo con el nuestro y ninguna de las partes volverá a ser la misma.

33. Haz visitas de campo. La amplitud del mundo es mucho más grande que la de tu televisor o Internet; más profunda, interactiva, rentable y dinámica que cualquier ambiente simulado en computadora en tiempo real.

34. Comete errores más rápido. Esta no es mi idea; la pedí prestada. Creo que pertenece a Andy Grove.

35. Imita. No seas tímido al respecto. Intenta llegar tan cerca como puedas. Nunca recorrerás todo el camino, y la separación puede resultar realmente sorprendente. Sólo necesitamos observar a Richard Hamilton con su versión del gran vaso de Duchamp para ver lo rica, desacreditada y desaprovechada que es la imitación como técnica.

36. Improvisa. Cuando se te olviden las palabras, haz lo que Ella Fitzgerald: inventa algo más … pero no palabras.

37. Rómpelo, estíralo, flexiónalo, estréllalo, quiébralo, dóblalo.

38. Explora la otra orilla. Existe una gran libertad cuando evitamos adoptar el paquete tecnológico. No podemos encontrar la otra orilla porque estamos parados sobre ella. Intenta utilizar equipo con tecnología que se ha tornado obsoleta por un ciclo económico, pero que aún posee un rico potencial.

39. Los descansos para tomar café, los viajes en taxi, son invernaderos. El verdadero crecimiento con frecuencia ocurre fuera de los espacios en los que intentamos que se dé; en espacios poco ortodoxos — lo que el Dr. Seuss llama "el lugar de espera". Hans Ulrich Obrist una vez organizó una conferencia sobre ciencia y arte con toda la infraestructura de una conferencia — recepción, pláticas, comidas, llegadas al aeropuerto — lo único que no hubo fue conferencia. Aparentemente el experimento fue altamente exitoso y gestó un ambiente de colaboración que aún persiste.

40. Evita marcar áreas. Sáltate las trancas. Las fronteras de la disciplina y los ambientes regulatorios son intentos de controlar la tormentosa vida creativa. Comúnmente son esfuerzos entendibles para ordenar los procesos evolutivos complejos. Nuestro trabajo es saltar trancas y atravesar campos.

41. Ríete. La gente que visita nuestro estudio con frecuencia comenta sobre cuánto nos reímos. Desde que soy consciente de ello, lo utilizo para medir qué tan cómodamente nos estamos expresando.

42. Recuerda. El crecimiento sólo es posible como producto de la historia. Sin memoria, la innovación se convierte en mera novedad. La historia da rumbo al crecimiento. Pero la historia nunca es perfecta. Cada recuerdo es una imagen degradada o recompuesta de un momento o acontecimiento previo. Esto es lo que nos hace conscientes de que se trata del pasado, y no del presente. Ello significa que cada recuerdo es nuevo, que se trata de algo diferente de su fuente y con un gran potencial de crecimiento propio.

43. Dale el poder a la gente. El juego sólo puede ocurrir cuando la gente siente que tiene el control sobre su vida. No podemos ser agentes libres si no somos gente libre…

 

15JunUT LOOP!

Aquí teneis una buena campaña de ropa de la marca UT, la web, www.uniqlo.com/utloop/ aunque es de la temporada pasada, la verdad que es muy entretenido hacer tu propio loop musical, si teneis un par de minutos entrad.

 

 

 

 

11MarOtra forma de contar la música

pluma

Dejaré a un lado que el polémico Risto Mejide esté o no detrás del grupo para aplaudir esta forma de presentar una canción.
Labuat, que significa caja de música en francés presenta las canciones de su primer álbum en la sala Penélope el 26 de Marzo, y creo que han hecho uso de una forma de contar las cosas que no te deja indiferente, la canción suena mientras dibujas sobre una página donde las manchas de la pluma evocan sensaciones que vincular a una canción que honestamente, de otra foma me hubiera pasado desapercibida.

A lo mejor abrimos la caja de pandora de otra forma de contar la música.

Podéis ver y navegar en esta canción aquí.

17DicPapervision3d, la revolución del 3d en flash

Carlos Ulloa pensó un día que la web debía verse en 3d. Así que empezó a programar una librería que permitiese generar animaciones 3d en flash. Pero cuando el proyecto empezó a crecer pensó: "Quizás debería liberar el código". Lo hizo y poco tiempo después el proyecto ha crecido muchísimo y hoy es una herramienta excepcional para la creación de 3d en la web. No os dejo nada más que un enlace. Pronto espero poder contaros más cosas. Papervision3d.

13OctFlashEff, efectos sobre texto

A través de uno de los sponsors de Flash on the Beach, un evento del que ya escribimos una noticia hace tiempo, hemos conocido una interesante herramienta para flash. Un componente que permite entre otras cosas generar interesantes efectos de transiciones de clips y de texto. El componente se llama FlashEff y la verdad es que los efectos de texto que proporciona sí son impresionantes, porque sobre todo permiten llevar a cabo animaciones complejas de texto con control sobre los parámetros y de forma muy sencilla.

Sólo para actionscript 3

En el proceso de instalación y puesta en marcha también me he encontrado con un escollo. El componente funciona sólo sobre un archivo programado en la versión 3 del lenguaje de programación de flash (actionscript). He encontrado tutoriales infestados de opiniones de quienes se quejan al ver como el lenguaje de flash crece a un ritmo mayor del que pueden seguir, y además de ello volviéndose complejo a marchas forzadas al mismo ritmo que se vuelve cada vez más potente y competitivo.

Un lenguaje en permanente evolución

Os explico a qué creo que se debe. Flash comenzó como una herramienta para la animación que ha acabado encontrando su hueco (y menudo hueco) en el mundo de la web. Eso ha hecho que un lenguaje de programación primitivo y poco elaborado haya ido creciendo. También ha originado que actionscript haya pasado ya por 3 versiones diferentes y cada vez más restrictivas, en cuanto a la precisión del lenguaje, y más potentes, en cuanto a sus posibilidades.

Flash ha pasado de admitir toda clase de formas de hacer las cosas a convertirse en un lenguaje de alto nivel, más cercano a C++ o Java que a lo que quiso ser en sus primeros días: un lenguaje de control sobre la línea de tiempo y la animación. Por eso muchos diseñadores y programadores que emplean flash de un modo a veces casi "artesanal" ven con malos ojos esta evolución tan fuerte del lenguaje. Y los entiendo perfectamente.

Ahora actionscript 3.0 se ha convertido en un lenguaje orientado a objetos y si no lo empleas como tal simplemente no lo puedes emplear. También he de decir que hoy por hoy el player de adobe (en su versión 9 actualmente) sigue leyendo archivos programados en la versión 1 y eso permite que de momento y salvando el hecho de que no podemos disfrutar de componentes como éste, se puede seguir utilizando con total normalidad, yo sin irme más lejos, lo sigo haciendo. Pero todo progreso (entendido como mejora) es lógico y bueno, flash crecerá inevitablemente y serán los programadores los que deban adaptarse a ello.

Nuestro ejemplo

Esto es lo que hemos construido como ejemplo:

El proceso que he seguido para emplear esta herramienta ha sido el siguiente. Primero descargarla de la web. http://www.flasheff.com/. En la carpeta descargada hay una nota en inglés que te guía para la instalación. Lo que dice es que hay que:
1.  Ejecutar el instalable.
2. Abrir el panel de componentes. (Ventana->Componentes).
3. Abrir el panel flasheff. (Ventana->otros paneles->Flash Eff).

Para aplicar un efecto sobre un texto o clip, basta con teniendo el clip o texto seleccionado arrastrar el componente sobre él.

Una vez hemos pinchado sobre el componente desde el panel de Flash Eff podemos configurarlo.

 

17SepQueda tan sólo una semana para Flash on the beach ‘08


Estemos atentos a está nueva entrega de este peazo festival. Como los demás años resalatar el apartado de conferencias pues cuentan con un cartel de lujo.

Más información en la web del festival:

http://www.flashonthebeach.com/

04SepFunción yoyo, para las tweens de flash

Las tweens de flash son funciones que realizan movimientos parametrizables para permitir generar efectos para los que el uso de la línea de tiempo se muestra muy limitada. Estamos hablando de efectos de frenada, aceleración, deceleración, "muelle" y un largo etcétera.

Como con casi todas las cosas el poder no está en la herramienta en sí sino en la capacidad de combinarla con otras herramientas. Lo que os muestro es un pequeño ejemplo de una función que permite una vez acabado el movimiento invertirlo de modo que se realiza la "tween" inversa. La función es "yoyo", tal cual, y su sintáxis es tremendamente sencilla. Si estáis familiarizados con el uso de las tweens comprenderéis la utilidad de esta llamada.

  1.  
  2. //importamos las Tweens, necesarias para producir el movimiento
  3. import mx.transitions.Tween;
  4. import mx.transitions.easing.*;
  5.  
  6. //creamos una animación que genera el bote en el eje y
  7. var animacionBote:Tween= new Tween(bola, "_x", mx.transitions.easing.Bounce.easeOut, bola._x, bola._x+240, 2, true);
  8.  
  9. //creamos una animación que genera el giro
  10. var animacionGiro:Tween= new Tween(bola, "_rotation", mx.transitions.easing.Bounce.easeOut, bola._rotation, bola._rotation-220, 2, true);
  11.  
  12. //cuando acabe el bote lo invertirá;
  13. animacionBote.onMotionFinished=function(){
  14.         animacionBote.yoyo();
  15. }
  16.  
  17.  
  18. //y cuando acabe el giro lo invertirá también
  19. animacionGiro.onMotionFinished=function(){
  20.         animacionGiro.yoyo();
  21. }
  22.  

El código como véis es sencillo. Espero que la función os haga papel. Y por si acaso aquí tenéis el archivo para utilizarlo.

.

25AgoBIT 101, laboratorio de flash

Existen determinados programadores que cuelgan en la web auténticos regalos a modo de archivos, tutoriales, explicaciones y demás documentos para que los principiantes, inciados, expertos o superexpertos se beneficien de su generosidad. Y quizás en eso consiste un poco la magia que ha aportado la web, su evolución hasta la web 2.0 no es otra cosa que la convicción de que el desarrollo de la web debe ir por este camino: compartir recursos, conocimientos, convertir al usuario en partícipe, en miembro activo de la web. Hoy os dejo este blog: Bit 101, pero os voy a enlazar al "Old BIT-101 Lab" que es como yo lo conocí a hace unos años. Un enorme listado de archivos ".fla" para descargar y aprovechar. Un regalo para quien trabaje con flash, os recomiendo que os lo toméis con calma, con mucha calma.

Enlace

 

17MarEl teclado de flah se vuelve loco

Estás escribiendo código en flash, pones un paréntesis y de pronto aparece un interrogante….¿porqué? flash ha cambiado el idioma del teclado sin avisarte.

Para cambiarlo puedes irte a Panel de Control->Configuración regional y de idioma->Idioma->detalles->configuración y pones el idioma en español. O lo puedes hacer con el método abreviado de teclado: ALT+MAYÚSCULAS_IZQUIERDA tantas veces como haga falta para que se posicione en idioma castalleno de nuevo.

 

 

27FebInsertar un swf transparente

Bien, la inserción de un swf transparente puede ser un recurso muy interesante en la web, sobre todo para hacer determinados diseños. Los principales problemas que presenta son los de siempre: los Navegadores y el código de inserción. El código tiene dos secciones marcadas en rojo, la primera es el código para Explorer, la segunda es el código para firefox.

  1. <object width="320" height="240" id="MyMovieName" codebase="; http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  2. <param value="MyFlashMovie.swf" name="movie" />
  3. <param value="high" name="quality" />
  4. <param value="transparent" name="wmode" /></object>

Navegadores que soportan transparencia de flash.
• Internet Explorer 3 o superior (Windows)
• Internet Explorer 5.1 o superior (Macintosh)*
• Netscape 7.0*
• Mozilla 1.0 o superior*
• Firefox*
• Safari
• AOL*
• CompuServe*

* Macromedia Flash Player versión 6,0,65,0 (Windows) o 6,0,67,0 (Macintosh).




 

Febrero 2012
L M X J V S D
« May    
 12345
6789101112
13141516171819
20212223242526
272829