Archive for the ‘ Flash ’ Category

1
17
Oct

Flash Player 10 ya disponible para descargar

Hace un par de días que salió el Flash player 10. Esta versión del archi famoso player de Adobe trae muchas mejoras que venían siendo reclamadas por los desarrolladoresde aplicaciones en flash.

En magnitud de cambios vine a ser lo que ActionScript3 fue al AS2 lo que este Player será al Flash Player 9. Las versiones están disponibles para Mac, Linux y Windows.

Sin duda la mejora que más me atrae la atención es la posibilidad de poder manipular objetos 3D de forma nativa.

Flash Player 10
Descargar el Flash Player 10 (Adobe)

PD: Alucinante la animación que se han currado los de adobe

1
4
Oct

El Pong de Wall Street

Juego Flash Embebido
Juego Flash Embebido

Me encanta. En si mismo. Es genial.

PD: Sí, tiene bugs.

3
27
Aug

Quicktags.js: Vídeos con XHTML válido y para el iPhone

El archivo quicktags.js es el que se encarga de mostrar los botones que dan formato xhtml a nuestro texto cuando escribimos un post en wordpress sin usar el editor visual.

Botonera para editar xhtml en WordPress

Este archivo está ubicado en [directorio de WP]/wp-includes/js/. Si lo abrimos y nos fijamos un poco en su estructura y sintaxis, sin ni siquiera saber nada de JavaScript (en mi caso), podemos llegara modificarlo de forma que podamos añadir más botones que inserten nuevas etiquetas e incluso botones interactivos que hagan preguntas al usuario (prompts).

Yo lo he modificado para crearme un botón que inserta un código de embebido para vídeos de youtube con XHTML válido. Pero además descubrí en microsiervos que si pones un link directo al vídeo en youtube antes de cerrar el tag “object” al navegar con un iPhone/iPod touch, este lanza la aplicación de youtube y puedes ver el vídeo tranquilamente, evitando el fallo de safari que muestra la pieza azul indicándonos la carencia de flash player.

El Safari del iPhone muestra algo así al encontrar un objeto flash:

Cuando lo usé en entradas anteriores, al navegar desde el iPod, se veía así:

El código es bien simple:

<object width="425" height="350" type="application/x-shockwave-flash" data="http://www.youtube.com/v/xxxxxx">
<param name="movie" value="http://www.youtube.com/v/xxxxxx">
<param name="wmode" value="transparent" />
<a href="http://www.youtube.com/watch?v=xxxxxx"><img src="http://farm4.static.flickr.com/3231/2703092753_608becc7a0_o.png" align="absmiddle" alt="Youtube video" border="0" /><em>Ver video embebido</em></a>
</object>

La imagen pequeñita del logo está en mi cuenta de Flickr, no tengo planes de borrarla, pero no estaría de mas que pusieras en tu servidor por si pasa algo.

Para automatizar todo este proceso en WordPress (porque el código no es tan ínfimo como poner un par de etiquetas <p></p>), modifiqué el archivo quicktags.js. Le añadí un botón: “youtube”, que al hacer clic en él, aparece una ventanita de introducción de texto preguntándonos cual es el código del vídeo de youtube (las xxxxxx del código de arriba).

Como plus, en el feed también sale el link, así que los vídeos que pongas ya no serán invisibles nunca más:

reader_youtube_quicktags
Clic para ampliar


¿Como lograr esto?

Descargate el archivo quicktags.js y substituyelo en su Worpress. (Por cierto, guárdate una copia, porque el actualizar WordPress, a veces se sustituye por otro y pierdes los cambios.)

46
22
Jul

El botón ON/OFF de música más sencillo para flashica

Música en flash
He estado trabajando un poco con flash estos últimos días, y entre otras cosas, he encontrado una forma realmente sencilla de hacer un botón on de apagar y encender la música para un sitio flash (Usando ActionScript 2.0).

Lo haremos en unos sencillos pasos:

Paso uno: Estando situados en el Escenario principal, lo que haremos será importar el sonido. Eso se puede hacer arrastrando el archivo de sonido directamente a la biblioteca de flash. Para el ejemplo, he usado este loop.

Nota: Una vez tenemos el sonido importado, en sus propiedades, si deseamos, podemos variar su calidad para hacer que pese menos en la película final.

Paso dos: Cuando tengamos esto, creamos un nuevo MC vacío (Ctrl+F8). Este MC, por decir un nombre, lo llamaremos “sonido“:

Este MC, tendrá únicamente 2 fotogramas. Para crearlos, usaremos fotogramas clave (F6). Debe quedarnos de esta forma:

Paso tres: Una vez esto, añadiremos al primer fotograma la instancia de “off”, y en el segundo fotograma, le ponemos de instancia “on” (Ver imagen inferior). Imagino que ya puedes imaginarte para que son los 2 fotogramas. Uno representará el estado de “apagado” y el otro de “encendido” de la música.

Paso cuatro: Hacemos dos dibujos que representen estos estados en cada respectivo fotograma:

Fotograma 1:



Fotograma 2:

Nota: Si deseas que el icono representativo del estado sea una animación, inserta un MC con las animaciones que quieras (barras subiendo y bajando, o un espectro de sonido ficticio, etc.) en vez de un dibujo estático. Para el caso usaré un dibujo estático para hacerlo más simple.

Nota 2: De todas formas ten en cuenta que el dibujo mismo actuará como zona activa del botón, por lo que si lo haces invisible, luego no se podrá hacer clic y el inventó se joderá

Ahora es cuando empieza la magia.

Paso cinco: Seleccionamos el fotograma que corresponde a la música encendida (el 2 en nuestro caso), y en el panel propiedades le añadimos el sonido solamente a ese fotograma:

Y le asignamos que haga un loop continuado (esto es a vuestra discreción, según cuantas veces queréis que se reproduzca el sonido):

Paso seis: Perfecto, lo que queda ahora es solo el código, el cual es realmente sencillo. Tanto como esto:

  1. En los ambos fotogramas de nuestro MC ponemos un: stop();
  2. Adicionalmente, en el fotograma que corresponde al estado “detenido” (es decir, el 1), lo pondremos un stopAllSounds();

De forma que al final tenemos:
Fotograma 1:
[as]//Fotograma 1
stop();
stopAllSounds();
[/as]
Fotograma 2:
[as]//Fotograma 2
stop();[/as]

Como pueden observar lo que hemos hecho hasta el momento no tiene misterio.

Paso siete: Ahora pongamos la parte de código principal, la que controla el MovieClip desde la escena principal. Nos ubicamos en el directorio raíz de la película (alias root), instanciamos a nuestro MC como “control“:

instancia

A continuación, en el fotograma en el que aparece nuestro control de sonido, le ponemos este código.

[as]var estado:Boolean = false
control.onPress = function() {
if(estado) {
control.gotoAndStop(“off”);
estado=false;
} else {
control.gotoAndStop(“on”);
estado=true;
}
}[/as]

Stage
Este código va en el fotograma donde estará el MC.

Aquí varios ejemplos:

  1. http://blog.bleend.net/wp-content/uploads/2008/07/sample_1.swf
  2.  

  3. http://blog.bleend.net/wp-content/uploads/2008/07/sample_2.swf

Flash Descargar Archivo fuente original

1
1
Jul

Google ya puede indexar contenido en Flash

Podrá Indexar cualquier tipo de texto que encuentre. Puede leer hasta el texto de los botones, hasta sigue los links

Lo encontré en Google Reader: Improved Flash indexing
Read the rest of this entry »

0
11
Apr

Más grabaciones de seminarios on-line por Connect

Adobe ConnectAntes he publicado un post, donde mencionaba a un seminario online que daban de CSS. Al rato, One me pasó el enclace con la grabacion del turno de preguntas, al que le eché un vistazo.

Una de las preguntas que hacían era que querían saber donde iban a colgar la grabación para poder verla más tarde. Alguien le pasó este link como respuesta: http://www.trucosyconsejos.com/

Si entran al site, podrán observar que hay un listado completo de diversos seminarios para el sudo de diversas aplicaciones… Aunque todo está relacionado con productos de Adobe… Pero algo es algo. Al menos el que vi de CSS estaba bien. Decir que entré a un par de ellos y eran en castellano, pero no se si lo son todos, aunque supongo que sí.

Una lista de las sesiones de seminarios por connect que hay ahí:

Bueno, ahí tienen el material que siempre han querido. Enjoy ;)

6
8
Apr

El _Conejo superó el nivel 10 del Block Puzzle!

El gran día ha llegado. Uno del los mayores misterios de la vida ha sido solucionado. El misterio era:

¿Es posible superar el nivel 10 del Block Puzzle?

Señoras y señores, la respuesta es:

Sí!

Como no podía ser menos, el personaje que ha solucionado el enigma ha sido el freak genio del _Conejo. Haciendo este milagro en nada menos que la no menospreciable suma de 110 movimientos (aunque yo lo hubiese hecho en menos, pero bueeeno).

Para los incrédulos infieles hay vídeo y todo:

Va como lento en la ejecución de los movimientos…
Sospecho de que tiene algún tipo de ayuda U_U

Por cierto, arreglé un pequeño fallo. Ahora si se supera el level 10 sale la pantalla correcta, y no la de “siguiente nivel” :P

10
3
Apr

El Block Puzzle V2, ahora no hay excusas

Después de un duro trabajo de semanas de escribir código media hora de trabajo, les traigo la versión segunda del Block Puzzle, antaño creada.

Las mejoras para esta versión son sencillas, básicamente lo que me pidieron:

  1. Ahora se puede escoger el nivel en cualquier momento
  2. Agregué un contador de movimientos
  3. Agregué un texto que dice el nivel actual

Todo lo demás es como antes. Aquí el juego:



Y recuerden: Si logran superar el 10, deben grabarse en vídeo, subirlo a Youtube y decírmelo, que quiero verlo como mierdas lo hicieron. :P
El nivel 10 ya fue superado.

Ala, a disfrutar. :D

16
20
Mar

Un juego en Flash hecho por mi. Block Puzzle

Nota: Hay una nuieva versión del juego, mejorado un poco, pueden ecnontrarla aquí: El Block Puzzle V2, ahora no hay excusas.

Tuve un par de días de inspiración flasheriana, por así decirlo. Con ella hice un juegecito de entretenimiento de esos clásicos. Seguro les es bastante conocido.

Hay 10 niveles, el objetivo es sencillo, debes mover los bloques usando las casillas vacías para lograr que el bloque rojo pueda salir por el agujero inferior del tablero:


A ver si logran superar el nivel 10 :P


Esta es la primera versión del juego. Para la siguiente quiero meterle claves a los niveles para no tener que repetirlos todos si te sales. El gato ya dijo que debería ponerle un contador de movimientos. Lo reservo apara la siguiente versión. Estoy abierto a sugerencias, dejen las suyas.

El conjunto se compone de una clase de mas de 350 lineas de código y un archivo flash con los movieclips. Quiero dar las gracias a Zah y a The Fricky, sin la ayuda de los cuales no me hubiese salido un churro. :mrgreen:

Ala, que lo disfruten.

Nota: aquí tienen el SWF para descargar en el PC si quieren.

0
21
Feb

Crónica de mi primera visita al 3GSM (2008)

2279929413_21a77ced1f_o.jpg

El Mobile World Congress, también conocido como 3GSM, es una feria que se hace desde viene haciendo un tiempo en Barcelona anualmente. Ahí se dan cita todas las compañías importantes y no tan importantes relacionadas de alguna forma con la telefonía móvil; ahí se ve como está yendo el mercado, como está evolucionando todo, se cierran importantes contratos y se espía a la competencia.

Cada año aumenta exponencialmente la expectación, la cantidad de ejecutivos que inundan la ciudad, los precios de todo, el numero de stands y el dinero que se gastan las compañías asistentes al congreso.

¿Y que hago yo en un sitio como este, en el que solo la gente VIP de los mas VIP tienen acceso? Pues, como miembro de Cristalab, no hubo pega alguna tenía un enchufe de la ostia, básicamente.

Read the rest of this entry »