Mucho se habla hoy en día en el mundo de internet de HTML5. La tecnología que, según algunos, desplazará a Flash de su reinado actual.

Como manifesté varias veces en este blog, y en otros lados, no me parece que Flash desaparezca o quede en la historia, ya que a HTML5 le falta muchísimo para llegar a lo que es hoy en día Flash. Seguramente lo logre en menos tiempo del que dicen y sea una excelente “herramientas” (la cual uso y usaré) pero lo que muchos no quieren ver es que Flash en ese tiempo también va a crecer y mucho.

Por eso mismo Adobe está planeando en la versión 11 del Flash Player agregarle un moto 3D nativo. Que según los rumores será acelerado por las placas de video. Si esto es así y Adobe juega bien sus cartas estaremos frente a una nueva revolución de la web (como lo fue la aparición de los videos, también de la mano de Flash).

Seguro veremos miles de páginas con interfaces muy interesantes y sobre todo juegos online de altísimo nivel. Y quien dice en una segunda etapa en el futuro, más optimizada y mejoradas, lleguemos a ver juegos como el Word of Warcraft directamente en nuestros navegadores sin necesidad de instalarlos en nuestras computadoras.

En fin, flash no está muerto y sigue mejorando. Tal vez surjan nuevas tecnologías que nutran el mundo de la web, pero no significa que Flash no tenga mucho para dar aún!

También te puede interesar:

• JW Player desarrolla un reproductor para HTML5
• Presentación sobre HTML5
• Dreamwearver CS5 con HTML5
• Mundo Digital, Los pixeles nos atacan!
• Componentes para flash gratis

Acabo de ver un Twitt de @tweenlite donde anuncian un nuevo paquete de clases llamado LoaderMax. Obviamente no tardé ni 5 segundo en entrar a ver de que se trata… y dejenme decirles que parece excelente!

No tuve tiempo de investigarlo mucho, ya que recién lo descubrí, pero por los ejemplo de código y swf que hay en la página parece que va a solucionar y optimizar mucho la creación de preloader o cargadores multiples y simples.

Características a primera vista:

• Muy liviano, mucho más que otros sistemas similare o lo que uno puede generar
• Integración entre multiples cargas (esto es muy útil y molesto cuando hay que hacerlo)
• Análisis automático con la carga via XML (detecta nodos especiales de la libreria y genera acciones, tengo que investigar aún)
• Muestra la carga de archivo más pequeños que la mayoria (7k minimo)
• Anidar cargas tantas veces como uno quiera
• Estableces ancho y alto de la imagen, video o swf y LoaderMax se encarga de acomodarla
• Comodidades como suavizado de imágenes, centrar punto de registro, autoplay, nocache, etc
• Cambiar la prioridad de cargadores en cualquier momento
• Sistema de eventos robusto
• Pausar y resumir las cargas
• Y mucho más!

Link: LoaderMax de GreenSock

También te puede interesar:

• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• 10 Videos para entender y empezar a usar Flash Catalyst
• Prerelease del SDK de Adobe AIR para Android
• Componentes para flash gratis
• Realidad Aumentada, una realidad en aumento

AdoveTv publicó 10 videos muy interesantes para entender y empezar a usar Flash Catalyst, una herramienta muy útil para algunos proyectos, que nos permitira optimizar los tiempos de desarrollo…

• Welcome to Flash Catalyst (2:40)
• Creating a simple wireframe (7:44)
• Building multipage wireframes (7:14)
• Using the wireframe drawing tools (14:32)
• Designing components from wireframe artwork (12:33)
• Adding motion and flow using transitions (9:54)
• Making iterative changes to your wireframe (7:25)
• Building a visual design using Creative Suite 5 (16:10)
• Optimizing and publishing your project (6:31)
• Partnering with a developer (7:45)

También te puede interesar:

• Open Source Media Framework – Nuevo componente de video
• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• Prerelease del SDK de Adobe AIR para Android
• Nuevas características que tendrá Adobe Flash CS5
• Llega Adobe Flash Platform Services

Mucho sitios conocidos utilizan el reproductor JW Palyer desde hace años. Se puede decir que es uno de los reproductores de video gratuito más populares de la web. Por eso no podría quedarse atras con el revuelo que está causando HTML5 hoy en día y saco su versión para esa tecnología.

El reproductor JW Palyer HTML5 es completamente personalizable y fácil de configurar, y está basado en la nueva etiqueta de HTML5 <video>.

Esta desarrollado con JQuery y lo más interesante es que si el navegador que usamos no soporta HTML5 remplaza el reproductor por el clásico hecho en Flash.

Vale la pena aclarar que esta en versión Beta, pero según dicen, dentro de poco saldrá la versión 1.0 en la cual todas las funciones escenciales estarán cubiertas.

Tal vez me adelante pero creo que será una alternativa más que usada, ya que nos permitirá ver videos en iPhone, iPad y en cualquier dispositivo… a tenerlo en cuenta!

Sitio JW Player
JW Player HTML5 y ejemplos

También te puede interesar:

• 3D nativo en Flash Player 11, Adobe seguirá nutriendo la web
• Presentación sobre HTML5
• Dreamwearver CS5 con HTML5
• Componentes para flash gratis
• Preguntas frecuentes sobre el Multi-touch de Flash Player 10.1 – Lee Brimelow

Si estás necesitando componentes para tu aplicación en Flash y no te convencen o alcanzan los que el IDE de Flash te ofrece, este articulo te puede servir.
Minimalcomps se trata de un sitio que provee de forma gratuita un completo set de componentes para Flash. Cuenta con textbox, sliders, controladores de volumen y muchísimos más.

Para utilizarnos contamos con una documentación completa haciendo más simple nuestro trabajo. Así que si estan interesados pueden entrar aquí a verla.

Web: Minimalcomps
Descarga: Set Componentes – (documentación)

También te puede interesar:

• Nuevas características que tendrá Adobe Flash CS5
• De MonsterDebugger – debugger para Flash, Flex y AIR
• 3D nativo en Flash Player 11, Adobe seguirá nutriendo la web
• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• LoaderMax, el nuevo cargador inteligente en AS3 de GreenSock

La próxima versión del tan conocido Flash será la CS5 y viene con muchísimas novedades más que bienvenidas.
Muchas de las que nombre seguramente las hayan leído o escuchado por otros Blogs, pero mi idea es unirlas todas para tener un vistazo general de que nos espera.

Preview de videos en stage
Una de las novedades es que al importar un video al stage vamos a poder ver la preview de como se vería, o sea ver el primer frame del video en el player. Pero eso no es todo, ya que podemos darle play, pausa, moverlo mientras corre y demás. Todo dentro del Flash.
Esto puede ser muy útil a la hora de acomodar un video con el diseño, o si usamos un video con transparencia para acomodarlo correctamente con el entorno.
Además nos permite personalizar fácilmente los skins predeterminados de Flash.

Paquete de desarrollo para iPhone
La más conocidad de las novedades es la posibilidad de generar aplicaciones para iPhone, algo que todos estamos esperando probar y usar, pero ya se habló mucho por otros lados de esto.

Mejora de ventana de importacion de caracteres
Otra de las novedades es respecto al texto. En este punto el Flash CS5 va a ser un salto que venimos esperando hace mucho, que es mejorar el manejo de texto.
Por un lado el panel de “embed” o importar nuestras Fuentes cambió sustancialmente. En el podemos ver las fuentes ya importadas y reutilizarlas sin necesidad de importarlas para cada caja de texto.

Unión de cajas de texto
Siguiendo con el texto, esta nueva versión de Flash trae la posibilidad de linkear cajas de texto. ¿A que me refiero con esto? Bueno, podemos tener 3 cajas de texto separadas y unirlas de tal forma que al pegar un texto en la primera continúe en las demás. Como se ve en la imagen.

Columnas en texto
También tenemos la posibilidad de dividir en columnas nuestro texto, dentro de la misma caja de texto. Otra opción de la cual se venía hablando hace rato en Adobe.

Idiomas Orientales
Otra novedad con respecto al texto es la compatibilidad 100% con caracteres e idiomas como japonés, árabe y demás. Respetando su orientación de lectura y otras utilidades.

DOM del proyecto en XML
También contamos con DOMDocumente.xml, un archivo que se genera con cada proyecto donde podemos ver en formato XML todo nuestro proyecto en detalle. Fuentes importadas, Multimedia usada (fotos, videos), propiedades de la película y prácticamente todo sobre el proyecto está ahí.

Atajos de código
Por otro lado, contamos con un panel de atajos de código, o Code Snippets. Con solo buscar y arrastrar ya tendremos escrito un bloque de código, como podrían ser, animaciones, loads, eventos, arrastrar un elemento y muchas cosas más.
También mejoraron muchísimo el panel de código, agregando la función de tener la ayuda al escribir de todas las clases que usamos en el proyecto, al estilo Flex.

Flash y Flash Builder
La unión con Flash Builder (ex Flex) también mejoro, ya que con definir una “Main Class” en el stage de Flash, podemos elegir si vamos a trabajar el código desde el mismo Flash o si preferimos usar Flash Builder (100% recomendable). De esta forma quedan unidos, con la comodidad de dar Ctrl + Enter en Flash Builder y que compile y abra en Flash. Y al cerrar la ventada de compilación, volvemos al Flash Builder.
Actualmente esta forma de trabajar yo la uso con FlashDevelop, pero no duden que me cambiaré a Flash y Flash Builder cuando lo tenga en mis manos.

Historial de SWF
Para finalizar les cuento que también hay un historial del SWF, el cual nos muestra como va aumentando o disminuyendo su peso el SWF según las cosas que vamos agregándole, sean imágenes, videos , fuentes u otros elementos.

Vale aclarar que hay muchísimas mejoras más, pero acá solo les conté las que personalmente me parecen más destacables.
Espero les sirvan y espero comentarios sobre que les parecen y que otra cosa agregarían.

Fuente: GotoAndLearn

También te puede interesar:

• 10 Videos para entender y empezar a usar Flash Catalyst
• Top 5 de novedades de Photoshop, Illustrator e InDesign
• Prerelease del SDK de Adobe AIR para Android
• Componentes para flash gratis
• Preguntas frecuentes sobre el Multi-touch de Flash Player 10.1 – Lee Brimelow

Esta es una herramienta que uso hace bastante tiempo, y hace rato quiero escribir sobre ella. Hoy es el día.
De MonsterDebugger es, como el título lo dice, un debugger open source para Flash, Flex y AIR desarrollado por el estudio De Monsters en Flex y AIR.

Con esta herramienta podemos hacer trace de cadenas, números, objetos, matrices, XML e incluso clases personalizadas.

Una de las características que más uso, y creo más útil es la del “trace en vivo”, que nos permite ver los trace del debugger en nuestra aplicación o página corriendo fuera del flash.
Esta utilidad es excelente para hacer pruebas online o para tener el registro de errores sin necesidad de abrir el flash y ver qué pasa.

Otra característica interesante del debugger es poder modificar propiedades de nuestro proyecto en tiempo de ejecución. O sea, mientras vemos nuestra página ya publicada, podemos desde el panel del debugger, cambiar las propiedades que queramos, como rotación, tamaño o la variable que queramos y ver su efecto en vivo y en directo. Algo útil e interesante.

También, siguiendo con las acciones en vivo, podemos ejecutar nuestras funciones o métodos para probarlas en cualquier momento mientras vemos el proyecto ya compilado, también extremadamente útil.

¿Cómo funciona:
Les dejo 4 pasos básicos publicados en la página del debugger para empezar a usarlo.

1. En primer lugar es necesario tener Adobe AIR instalado.
2. Una vez descargado De MonsterDebugger basta con abrir la descarga y AIR hará el resto.
3. Una vez que esté funcionando De MonsterDebugger, necesita importar las clases de cliente para establecer la conexión con De MonsterDebugger. Las clases de cliente está incorporado en De MonsterDebugger y se pueden guardar en cualquier ubicación seleccionando Archivo> Exportar cliente de clase. Guarde la carpeta en la carpeta raíz de su aplicación o donde tengas tus clases.
4. Ahora todo lo que tiene que hacer es importar la clase en tu proyecto. A continuacion ejemplos de Flash y Flex.

Ejemplo Flash:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

package {
 
	import flash.display.Sprite;
        // Importamos el debugger
	import nl.demonsters.debugger.MonsterDebugger;
 
	public class Main extends Sprite {
 
		// creamos la instancia del debugger
		private var debugger:MonsterDebugger;
 
		public function Main() {
 
			// iniciamos el debugger
			debugger = new MonsterDebugger(this);
 
			// enviamos un simple trace
			MonsterDebugger.trace(this, "Hello World!")
		}
	}
}

Ejemplo Flex:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
	<mx:Script>
		<![CDATA[
 
		// Importamos el debugger
		import nl.demonsters.debugger.MonsterDebugger;
 
		// creamos la instancia del debugger
		private var debugger:MonsterDebugger;
 
		private function onInit():void
		{
			// iniciamos el debugger
			debugger = new MonsterDebugger(this);
 
			// enviamos un simple trace
			MonsterDebugger.trace(this, "Hello World!");
		}
		]]>
	</mx:Script>
</mx:Application>

Link: De MonsterDebugger
Descarga: MonsterDebugger version 2.5.1 (incluye ejemplos)

También te puede interesar:

• Prerelease del SDK de Adobe AIR para Android
• Componentes para flash gratis
• Nuevas características que tendrá Adobe Flash CS5
• Text Layout Framework (TLF)
• 3D nativo en Flash Player 11, Adobe seguirá nutriendo la web

¿Querés conocer lo último de Adobe y la plataforma Flash?.
En este evento que traerá invitados internacionales podremos ver un pedacito del último Adobe MAX en Buenos Aires.

Argentina RIA & Flex User Group (ARFUG), grupo oficial de Adobe, organiza junto a Adobe, Influxis y ITMaster Professional Training este evento gratuito abierto a la comunidad.
El lugar será enviado por e-mail a los inscriptos en la ciudad de Buenos Aires.

Invitados internacionales confirmados

Lee Brimelow: es evangelista de la plataforma Flash para Adobe y galardonadoh aa trabajado para empresas como American Online, Netscape, eBay, Universidad de Standford, y Frog Design, y tiene gran pasión para el desarrollo de nuevas e innovadoras formas basadas en la plataforma Flash para la creación de experiencias ricas de usuario. Es director actualmente del Blog theFlashBlog.com, y crea vídeo tutoriales gratis en su sitio gotoAndLearn.com, como también tiene una columna escrita en la revista Layers Magazine. Lee es también el autor de varios tutoriales para Lynda.com incluidos Flash Professional 8 Video Integration y After Effects 7 + Flash 8 Integration.

Enrique Duvos: es evangelista de la plataforma Flash para Adobe, gestiona el equipo élite de evangelistas técnicos en Europa, experto en Adobe ® Flash, AIR, Flex, Flash Catalyst, BlazeDS y Flash Media Server.
http://www.duvos.com/

Dejo la lista de inscripciones con las fechas del Tour
Santiago, Chile Nov 7th – http://www.mmug.cl/index2.php
Buenos Aires, Argentina Nov 9th – http://adobetourargentina.eventbrite.com
Lima, Peru Nov 11th – http://www.garageflash.com/el-flash-latin-tour-llega-al-peru
Bogotá, Colombia Nov 13th – http://latinflashtour.eventbrite.com
San Jose, Costa Rica Nov 16th – http://www.techcampcostarica.com
Mexico City, Mexico – Wed Nov 18th – http://latinflashtourmx.eventbrite.com

Links:
- Sitio del evento
- Inscripción al evento en Bs. As.

Información extraido de la inscripción del evento.

También te puede interesar:

• Conferencia de Adobe en VIVO 2009
• 10 Videos para entender y empezar a usar Flash Catalyst
• Top 5 de novedades de Photoshop, Illustrator e InDesign
• Dreamwearver CS5 con HTML5
• Prerelease del SDK de Adobe AIR para Android

Como todos saben, hace unos días fue el Adobe Max 2009, donde uno de los productos más comentados fue el famoso Flash CS5.
Por eso les dejo algunas de las novedades que tendremos. Igual vale aclarar que es una versión Beta y algunas cosas pueden cambiar.

Novedades:
- Exportación para IPhone
- Soporte para texto TFL (Text Layout Framework)
- Code Snippets
- Editor de código mejorado
- Integración con Flash Builder
- Guardar como xfl
- Mejoras en la herramienta Decco
- Mejoras en el trabajo con video

Información completa en Cristalab

También te puede interesar:

• 10 Videos para entender y empezar a usar Flash Catalyst
• Top 5 de novedades de Photoshop, Illustrator e InDesign
• Dreamwearver CS5 con HTML5
• Prerelease del SDK de Adobe AIR para Android
• Preguntas frecuentes sobre el Multi-touch de Flash Player 10.1 – Lee Brimelow

CU3ER es una herramienta para generar transiciones entre imágenes en Flash con efectos de 3D.
Se ingresan las rutas de las imagenes en un XML y sanCU3ER se encarga de modificarlas en tiempo de ejecución para formar atractivos efectos 3D en la transiciones entra sí.

Está herramienta es de uso gratuito tanto de forma personal como comercial, y Puede ser muy útil para efectos simples en 3D, sin necesidad de meterno en cosas como PaperVision3D. Por ejemplo rotación de banners, de sección estáticas y demás.

Link: http://www.progressivered.com/cu3er/

También te puede interesar:

• Menú dinámico en XML y ActionScrip 3
• 7up Argentina
• PaperVision3D, paquete de clases 3D para flash
• Rápido recorrido por la interface Flash CS4 (Video Tutorial)
• Carga Externa de XML con AS3 (Video Tutorial)

Haciendo unas pruebas y estudiando sobre PaperVision3D, encontrá esta técnica que utiliza el Flash Player desde la versión 9.0.115.0 en adelante y el AIR.
Se trata de Mip-Mapping. Esta tecnología se implementa creando versiones optimizadas de escala variable de cada mapa de bits (comenzando en un 50%).

Flash Player y AIR crean mapas MIP para los mapas de bits (archivos JPEG, GIF o PNG) que se pueden visualizar con la clase Loader de ActionScript 3.0, con un mapa de bits de la biblioteca de la herramienta de edición de Flash o mediante un objeto BitmapData. Flash Player crea mapas MIP para los mapas de bits que se visualizan utilizando la función loadMovie() de ActionScript 2.0.

Los mapas MIP no se aplican a objetos filtrados o clips de película almacenados en caché de mapa de bits. Sin embargo, los mapas MIP se aplican si dispone de transformaciones de mapa de bits en un objeto de visualización filtrado, aunque el mapa de bits esté en un contenido con máscara.

El mipmapping con Flash Player y AIR se realiza automáticamente, pero puede seguir algunas directrices para garantizar que sus imágenes aprovechan esta optimización:

- Para la reproducción de vídeo, establezca la propiedad smoothing en true para el objeto Video.
- Para los mapas de bits, la propiedad smoothing no tiene que establecerse en true, pero las mejoras de calidad serán más visibles si los mapas de bits utilizan el suavizado.
- Utilice tamaños de mapa de bits que sean divisibles por 4 u 8 para imágenes bidimensionales (por ejemplo, 640 x 128, que se puede reducir del siguiente modo: 320 x 64 > 160 x 32 > 80 x 16 > 40 x 8 > 20 x 4 > 10 x 2 > 5 x 1) y 2^n para texturas tridimensionales. Los mapas MIP se generan a partir de mapas de bits de una anchura y altura de 2^n (por ejemplo, 256 x 256, 512 x 512, 1024 x 1024). El mipmapping se detiene cuando Flash Player o AIR encuentran una altura o anchura distinta.

Fuentes: Adobe Help y PaperVision3d Blog.

También te puede interesar:

• Prerelease del SDK de Adobe AIR para Android
• Preguntas frecuentes sobre el Multi-touch de Flash Player 10.1 – Lee Brimelow
• Text Layout Framework (TLF)
• 10 Videos para entender y empezar a usar Flash Catalyst
• Top 5 de novedades de Photoshop, Illustrator e InDesign

Ya es un hecho. Ya fué anunciado oficialmente el Adobe Influxis Latin Flash Tour por Lee Brimelow desde su blog The Flash Blog.

En post pasados, en su blog, Lee ya venía comentando las ganas de hacer un evento de Adobe en Latino America. Ya que como sabemos no hay muchos. Aunque es verdad que año tras años se van sumando eventos a la agenda.
Este evento va a ser posible gracias a Influxis, que patrocina el viaje de Lee. Así que todos agradecidos con ellos.

Por ahora está todo en etapa de organización, así que más adelante les iré contando como sigue. Por ahora las fechas programadas, pero no confirmadas 100% son:

7 de Noviembre – Santiago, Chile
9 de Noviembre – Buenos Aires, Argentina
11 de Noviembre – Lima, Peru
13 de Noviembre – Bogotá, Colombia
16 de Noviembre – San Jose, Costa Rica
18 de Noviembre – Mexico City, Mexico

También te puede interesar:

• 10 Videos para entender y empezar a usar Flash Catalyst
• Top 5 de novedades de Photoshop, Illustrator e InDesign
• Dreamwearver CS5 con HTML5
• Prerelease del SDK de Adobe AIR para Android
• Preguntas frecuentes sobre el Multi-touch de Flash Player 10.1 – Lee Brimelow

Desarrollo del sitio de 1989 Interactive, un sitio de productores audiovisuales que reciden en USA.
En el sitio se pueden encontrar videos y trabajos de 1989 y algunos juegos muy divertidos en cada sección.
Trabajo realizado con el estudio 4060
Tecnologías usadas: Flash, AS3, FLV, XML.

También te puede interesar:

• 3D nativo en Flash Player 11, Adobe seguirá nutriendo la web
• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• 10 Videos para entender y empezar a usar Flash Catalyst
• JW Player desarrolla un reproductor para HTML5
• Componentes para flash gratis

La semana pasada subí una clase para mostrar texto en ActionScript2 (txtRandom) de forma random con cada caracter.
Esta semana tuve que desarrollar otrá clase que también sirve para mostrar texto, pero al estilo máquina de escribir, algo muy utilizado.
La gran diferencia con la demás clases que hacen lo mismo es que esta reescribe sobre lo que ya estaba escrito, sin empezar de cero.

Acá va la clase completa, que al igual que la Clase txtRandom es estática, así es más simple de utilizar.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

class txtTiper
{
	static private var animaciones:Array = new Array();
 
	function txtTiper()
	{
	}
 
	static public function setText(_trg, _txt:String, _comodin:String):Void
	{
		for (var i:Number = 0; i < animaciones.length; i++) {
			if (_trg == animaciones[i]) {
				var flag = true;
				var tmp = animaciones[i];
			}
		}
		if (!flag) {
			var tmp = animaciones[animaciones.length] = _trg;
		}
 
		tmp.strArray = new Array();
		tmp.buffer = '';
		tmp.originalStr = _txt;
		tmp.comodin = _comodin;
		tmp.textoArr = splitStr(tmp);
		tmp.autoSize=true
		tmp.html=false
		tmp.strBuffer = tmp.text.substr(0, tmp.text.length - 1);
 
		clearInterval(tmp.fInt);
		tmp.fInt = setInterval(eFrame, 50, tmp);
	}
 
	static public function splitStr(_tmp) {
		for (var i=0; i<=_tmp.originalStr.length; i++) {
			_tmp.strArray.push(_tmp.originalStr.charAt(i));
		}
	}
 
	static public function eFrame(_tmp):Void
	{
		if (_tmp.text == _tmp.originalStr + _tmp.comodin) {
			_tmp.text = _tmp.originalStr;
			_tmp.strBuffer = _tmp.originalStr;
			clearInterval(_tmp.fInt);
			return;
		}
 
		var tmpstr = '';
		if (_tmp.strBuffer.length > 0) {
			_tmp.strBuffer = _tmp.strBuffer.substr(1, _tmp.strBuffer.length - 1);
		}else{
			_tmp.strBuffer = "";
		}
 
		if (_tmp.strArray.length > 0) {
			var newElement = _tmp.strArray.shift();
			_tmp.buffer += newElement;
			tmpstr += _tmp.buffer + _tmp.comodin;
		} else {
			tmpstr = _tmp.originalStr + _tmp.comodin;
		}
 
		_tmp.text = tmpstr + _tmp.strBuffer;
	}
}

Con solo estas dos lineas ya anda nuestro proyecto.

1
2

import txtTiper;
txtTiper.setText(prueba_txt, "texto a mostrar", "|");

1º parámetro: el nombre de instancia del Textfiled a usa.
2º parámetro: el texto a mostrar.
3º parámetro: el comodín o caracter que va al final del texto al escribirse.

Espero les sirva y guste.

También te puede interesar:

• txtRandom – Clase para mostrar textos en AS2
• Incrustar Flash con SWFObject 2.0 (Video Tutorial)
• Nueva Interpolación de Movimiento en Flash CS4 (Video Tutorial)
• Rápido recorrido por la interface Flash CS4 (Video Tutorial)
• Flash Básico – Interface (Video Tutorial)

Text Layout Framework o TLF como también se lo llama, es otra librería Open Source de Adobe que nos permite utilizar texto en una forma más compleja y avanzada, es decir que se podrá usar texto bidireccional, múltiples columnas. Lo más interesante es que esta biblioteca realizada en actionscript3 se puede utilizar en Flash, Flex y AIR 1.5.

Dentro de las características tenemos:

– Texto Bidireccional, texto vertical com mas de 30 sistemas de escrituras tales como Arábigo, Ebreo, Chino, Koreano, Thai, Lao, la mayor parte de la escritura india y otros.

– Selección, edición y el texto múltiples columnas, posibilidad de agregar imagenes entre el texto, etc.

– Texto vertical, Tate-Chu-Yoko (horizontal con texto vertical) y justificación

– Control tipográfico, tipografías, mayúsculas, etc.

– Cortar, pegar, paste, undo y poder utilizar el mouse para corregir.

Link Oficial: http://labs.adobe.com/technologies/textlayout/
Ejemplo: http://labs.adobe.com/technologies/textlayout/demos/

También te puede interesar:

• Prerelease del SDK de Adobe AIR para Android
• Preguntas frecuentes sobre el Multi-touch de Flash Player 10.1 – Lee Brimelow
• Nuevas características que tendrá Adobe Flash CS5
• De MonsterDebugger – debugger para Flash, Flex y AIR
• Aprovechando la técnica de mipmapping

Hace unos días desarrollé esta simple clase para mostrar textos cortos en un proyecto de AS2.

El efecto que busqué fue mostrar cada caracter de la frase con un random de caracteres (efecto ya muy común). Pero a diferencia de los demás que hay por todos lados esta clase hace un random de que caracter empieza a mostrar en distintas posiciones y no del primero al último.

Para que se entienda mejor acá hay un SWF con la muestra. Cada 3 segundos se reinicia el efecto para que puedan verlo bien.

Acá va la clase entera.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86

class txtRandom
{
	static var alfabetos:Array;
	static var animaciones:Array = new Array();
 
	function txtRandom(){}
 
	static public function crearAlfabetos():Void
	{
		alfabetos = new Array();
		alfabetos[0] = "qwertyuiopasdfghjklzxcvbnm";
		alfabetos[1] = "1234567890";
		alfabetos[2] = "!@#$%^7*()+<>/?[]{}\|";
		alfabetos[3] = "qwertyuiopasdfghjklzxcvbnm1234567890";
		alfabetos[4] = "qwertyuiopasdfghjklzxcvbnm1234567890!@#$%^7*()+<>/?[]{}\|";
	}
 
	static public function setText(_trg, _txt:String, _comodin:String, _alf:Number, _rndTime:Number, _ltrTime:Number):Void
	{
		crearAlfabetos();
		for (var i:Number = 0; i < animaciones.length; i++) {
			if (_trg == animaciones[i]) {
				var flag = true;
				var tmp = animaciones[i];
			}
		}
		if (!flag) {
			var tmp = animaciones[animaciones.length] = _trg;
		}
		tmp.alf = _alf;
		tmp.texto = _txt;
		tmp.comodin = _comodin;
		tmp.rndTime = _rndTime;
		tmp.ltrTime = _ltrTime;
		tmp.textoArr = _txt.split("");
		tmp.estadoArr = [];
		tmp.actualArr = [];
		tmp.posArr = [];
		tmp.pos = 0;
		tmp.fin = 1;
		tmp.finalizados = 0;
		tmp.todos = 0;
 
		for (var i:Number = 0; i < tmp.textoArr.length; i++) {
			tmp.estadoArr[i] = 0;
			tmp.actualArr[i] = tmp.comodin;
		}
 
		clearInterval(tmp.sInt);
		clearInterval(tmp.nInt);
		clearInterval(tmp.fInt);
		tmp.sInt = setInterval(eFrame, 50, tmp);
		tmp.nInt = setInterval(ltrInterval, tmp.ltrTime * 1000, tmp);
		tmp.fInt = setInterval(finInterval, tmp.rndTime * 1000, tmp);
	}
 
	static public function eFrame(_tmp):Void
	{
		_tmp.text = _tmp.actualArr.join("");
 
		for (var i:Number = 0; i < _tmp.estadoArr.length; i++) { 			if(_tmp.estadoArr[i] == 1){ 				_tmp.actualArr[i] = alfabetos[_tmp.alf].charAt(random(alfabetos[_tmp.alf].length)); 			} 		} 	} 	 	static public function ltrInterval(_tmp):Void 	{ 		var rndL:Number = random(_tmp.estadoArr.length); 		if(_tmp.todos == _tmp.estadoArr.length-1){ 			clearInterval(_tmp.nInt); 		} 		if(_tmp.estadoArr[rndL] > 0){
			ltrInterval(_tmp);
		}else{
			_tmp.pos++;
			_tmp.posArr[rndL] = _tmp.pos;
			_tmp.estadoArr[rndL] = 1;
			_tmp.todos++;
		}
	}
 
	static public function finInterval(_tmp):Void
	{
		if(_tmp.finalizados == _tmp.estadoArr.length){
			clearInterval(_tmp.fInt);
			clearInterval(_tmp.sInt);
		}
		for (var i:Number = 0; i < _tmp.posArr.length; i++) {
			if(_tmp.posArr[i] == _tmp.fin){
				_tmp.estadoArr[i] = 2;
				_tmp.actualArr[i] = _tmp.textoArr[i];
				_tmp.fin++;
				_tmp.finalizados++;
			}
		}
	}
}

La clase esta hecha de forma estática así nos ahorramos el hecho de crear instancias. Otra característica de la clase es que guarda todas las propiedades de la animación el objeto del texto dinámico, y los objetos a su vez en un array para poder controlarlos por separado sin que se pisen los efectos.

el array llamado “alfabetos” contiene distintos String que nos permitira elegir desde el método setText. Estos textos son usados para hacer el random de letras. Mostrando únicamente los caracteres que esten en el alfabeto elegído.

Para usarla solo hace falta escribir un código como este:

1
2

import txtRandom;
txtRandom.setText(texto_txt, "DeCabeza.net", "-", 4, .5, .2);

El método setText puede llamarse todas las veces que se quiera y para distintos elementos. Paso a explicar los parametros del metodo.

1º parámetro: el nombre del texto dinámico.
2º parámetro: el texto a mostrar.
3º parámetro: el caracter por default, puede estar vacio (pero si van las comillas).
4º parámetro: la posición del array de “alfabetos”.
5º parámetro: los segúndos que tarda desde que empieza el random de caracteres de cada letra hasta mostrar la final.
6º parámetro: el tiempo que tarda en segúndos en empezar cada caracter.

Espero les sea útil. Saludos!

Ejemplo y Clase:  txtRandom.zip

También te puede interesar:

• txtTiper – otra Clase para mostrar textos en ActionScript2
• Incrustar Flash con SWFObject 2.0 (Video Tutorial)
• Nueva Interpolación de Movimiento en Flash CS4 (Video Tutorial)
• Rápido recorrido por la interface Flash CS4 (Video Tutorial)
• Flash Básico – Interface (Video Tutorial)

Estamos preparando cursos de ActionScript 3 presenciales de 4 personas en Buenos Aires. A cargo del instructor Sebastián Guidobono.
Los cursos se harán en el estudio de 4060, con un aula perfectamente equipada.

Las fechas se irán armando según las inscripciones.
El curso está dividido en 23 modulos. Pensados para entregar uno por clase, pero pueden extenderse a dos clases.
Se profundizará en los elementos y las formas de trabajar con la última versión del famosos lenguaje de programación del Adobe Flash. ActionScript 3.

Para consultar precios y fechas disponibles hace click acá o escribinos a cursos@decabeza.net

MODULOS:

1. Fundamentos básicos de ActionScript:
Introducción a los elemtos del lenguaje. Interface del Flex 3 y como conectarlo con Flash CS4. Variables, Funciones, Eventos.

2. Clases Personales:
Estructura de las clases, donde guardarlas, subclases, conexión entre clases.

3. Entorno de tiempo de ejecución:
Detectar las configuración del sistema, configuración del swf, menú contextual, posibilidad de video y audio, Seguridad del sistema.

4. Números y Matemática:
Bases de números, operacions matemáticas, Formatear monedas, medidas, etc. Convertir entre medidas, etc.

5. Arrays:
Introducción, propiedades y metodos de los Array. Agregar, modificar, eliminar y ordenar elementos en el Array. Arrays multidimensionales.

6. Lista de Visualización:
Añadir, eliminar y mover elemntos en la lista. Crear clases visuales personalizadas. Cargar e interactuar con Imagenes y Películas externas. Interacciones con el Mouse. Arrastrar y soltar.

7. Dibujos y mascaras:
Establecer estilos de bordes y rellenos. Dibujar lineas y formas básicas. Scripts para generar mascaras dinamicas.

8. Mapa de Bits:
Objeto BitMap. Añadir BitMap a la lista de visualización. Dibujar con mapa de bits. Manipular pixeles. Crear y copiar pixeles. Efectos y acciones sobre los mapa de bits.

9. Texto:
Tipos de textos. Opciones de los textos. Distintas formas de mostrar textos. Eventos de textos. Formatear textos. Incorporar fuentes. Textos de introducción y sus opciones. Anti-aliasing.

10. Filtros y Transformaciones:
Aplicar cambios de matiz y de color. Torcer. Aplicar filtros básicos y avanzados. Cambiar brillo, saturación, contraste, etc. Efectos a través de filtros.

11. Animación por programación:
Mover objetos, cambiar propiedades, utilizar trigonometrís básica. Paquetes de animación como TweenMax, Caurina, etc.

12. Cadenas de Textos:
Operaciones con cadenas de textos. Propiedades y metodos de las cadenas. Modificar y analisar las cadenas. Convertir entre cadenas. Extraer, eliminar y editar textos.

13. Expresiones Regulares:
Introducción, entender que son y como funcionan las expresiones regulares. Comprobar con expresiones regulares. Eliminar y reemplazar cadenas de textos. Validar entradas de texto.

14. Fechas y horarios:
Averiguar, recuperar y utilizar los elementos de fecha y hora. Formatear fecha y hora. Convertir entre tipos de datos. Utilizar temporizador. Calcular tiempos trascurridos.

15. Programar sonidos:
Crear objetos de sonidos. Iniciar y detener sonidos. Configurar sonidos, buffer. Bucle de sonidos. Leer etiquetas ID3. Eventos de sonidos. Leer espectro de sonidos. Crear una aplicación de sonido.

16. Videos:
Cargar y configurar videos externos. Crear controles de video, duración, etc. Gestionar configuración del video. Eventos de videos.

17. Almacenar datos persistentes:
Crear, abrir objetos compartidos locales. Escribir datos en los objetos. Guardar cambios en objetos compartidos. Leer datos. Clases personalizadas en serie. Compartir datos.

18. Comunicación entre películas:
Crear conexiones locales. Enviar datos. Validar comunicaciones sobre conexiones locales. Aceptar comunicaciones locales de otros dominios.

19. Enviar y cargar datos:
Cargar variables de un archivo de texto. Cargar variables de un script del servidor. Cargar bloque de texto. Acceder a los datos decargados. Enviar y gestionar datos con sus resultados.

20. XML:
Entender estructura del XML. Crear XMLs. Editar XML. Leer elementos y árbol del XML. Encontar elementos por nombre. Leer atributos. Cargar y buscar en los XML. Caracteres especiales en XML.

21. Servidores Web y Flash Remoting:
Gestionar e invocar métodos de servicios web. Gestionar respuestas de Flash Remoting.

22. Administración de archivos:
Descargar archivos. Detectar archivo seleccionado por el usuario. Monitorizar el proceso de descarga. Navegar en busqueda del archivo. Filtrar archivos. Subir archivos y monitorizar sus eventos.

23. Programación de sockets:
Conectarse y desconectarse a un seridor socket. Enviar y recibir datos. Saludar a un servidor socket. Gestionar errores del socket.

También te puede interesar:

• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• LoaderMax, el nuevo cargador inteligente en AS3 de GreenSock
• 10 Videos para entender y empezar a usar Flash Catalyst
• Prerelease del SDK de Adobe AIR para Android
• Componentes para flash gratis

Nuevo Video Tutorial – SWFAddress 2 con AS3

En este nuevo video explicamos como usar la libreria de Flash y AJAX SWFAddress, que nos permite tener una navegación de nuestro proyecto usando los botones de siguiente y anterior del navegador y al mismo tiempo cambiando la URL según la sección o estado del flash en el que estemos.

Es muy útil para proyectos en los que se quiera que el usuario pueda ingresar a contenidos determinados directamente. Y además permite un indexado mucho mejor de un proyecto integro en Flash.
Espero les sirva y cualquier recomendación pueden comentar acá o en el topic del foro correspondiente.

También te puede interesar:

• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• Cargar SWF externo en AS3 (Video Tutorial)
• Carga Externa de XML con AS3 (Video Tutorial)
• Efecto RollOver con AS3 (Video Tutorial)
• Usar Google Map con ActionScript 3

Incrustar Flash con SWFObject 2.0 (Video Tutorial)

En este video veremos como incrustar o embeber un swf en un html con el script de SWFObject 2.0.

También te puede interesar:

• Nueva Interpolación de Movimiento en Flash CS4 (Video Tutorial)
• Rápido recorrido por la interface Flash CS4 (Video Tutorial)
• Flash Básico – Interface (Video Tutorial)
• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• txtTiper – otra Clase para mostrar textos en ActionScript2

Nueva Interpolación de Movimiento en Flash CS4 (Video Tutorial)

Flash CS4 cuenta con un nuevo sistema de animación. En este video vamos a ver algúnas de las novedades.

También te puede interesar:

• Incrustar Flash con SWFObject 2.0 (Video Tutorial)
• Rápido recorrido por la interface Flash CS4 (Video Tutorial)
• Flash Básico – Interface (Video Tutorial)
• Nuevo Video: Creando una Galería de imágenes estilo Picasa
• txtTiper – otra Clase para mostrar textos en ActionScript2