En muchas ocasiones cuando se nos encarga una aplicación dinámica en flash siempre hay un problema al momento de que el cliente cambie los valores de configuración de dicha aplicación mucho mas cuando este ultimo no quiere pagar por una interfaz de configuración =).

Para nosotros como desarrolladores no es nada del otro mundo poder cambiar los valores de un XML pero esto cambia cuando el cliente final sera el encargado de modificar dicho archivo. Cuando decimos XML se quedan con cara de ‘ehhh? Y eso con que se come’, repito si el cliente no quiere pagar por una interfaz de administración y quiere poder cambiar algunos valores de la aplicación lo mejor es que se le de un archivo de configuración en texto plano.

Ustedes pensaran que para ello podemos usar loadVars con las variables declaradas, el problema, de nuevo desde el punto de vista del cliente final es complicado ya que este debe tener un formato y ademas de que no podemos poner comentarios en el.

Jugando por ahí con Python me encontré con el modulo Config que carga y parsea un archivo de configuración estándar. A que me refiero con archivo de configuración estándar?

El típico archivo que utilizan los programas en linux, por ejemplo apache. Si nunca han visto este tipo de archivos así es como se ve.

###########################################
### This is a sample of a Config file config.txt
### Author: Enrique Chavez aka Tmeister
### Site: http:www.tmeister.net
### Date: Oct, 14 2006
###########################################

###########################################
### The images path
###########################################

pathImages path/to/folder/

###########################################
### The gallery’s name
###########################################

GalleryName this is my test gallery

###########################################
### Your Firstname
###########################################

firstname = Enrique

###########################################
###Your Lastname
###########################################

lastname Chavez

###########################################
###Your Nick =)
###########################################

nick Tmeister

# End File

Bueno, He creado una sencilla clase que se encarga de parsear este tipo de archivos pudiendo acceder a los valores de las variables de una forma simple.

Tomando como ejemplo el archivo de configuración anterior, lo único que tenemos que hacer en nuestra clase o Fla es algo así..

[as] import org.utils.Config
import mx.utils.Delegate
class myApp extends MovieClip
{
private var config : Config;
function myApp ()
{
}
function onLoad ()
{
config = new Config (“config.txt”);
config.addEventListener (“fault”, Delegate.create (this, onFault));
config.addEventListener (“complete”, Delegate.create (this, onComplete));
}
private function onComplete (obj : Object)
{
trace (config.read (“pathImages”))
for (var i in config.list)
{
trace (‘key: ‘ + i + ‘, value: ‘ + config.list [i]);
}
}
private function onFault (obj : Object)
{
for (var i in obj) trace (‘key: ‘ + i + ‘, value: ‘ + obj [i]);
}
}
[/as]

Con esto obtenemos algo así:

path/to/folder/
key: nick, value: Tmeister
key: lastname, value: Chavez
key: firstname, value: Enrique
key: GalleryName, value: this is my test gallery
key: pathImages, value: path/to/folder/

Como pueden ver al instaciar la clase se le pasa como parámetro el path del archivo de configuración. Esta clase cuenta con 2 dispatchs, fault y complete los nombres son mas que descriptivos cierto? :)
Por ultimo hay 2 métodos

read que regresa el valor de la variable que se pasa como parámetro y
list que regresa un objeto con todas las variables del archivo de configuración

Por ultimo la clase Config

[as] import mx.events.EventDispatcher;
import mx.utils.Delegate
[Event("complete")] [Event("fault")] class org.utils.Config
{
private var cfgFile : String
private var cfg_lv : LoadVars
public var addEventListener : Function
private var dispatchEvent : Function;
private var token : Object
public var configList : Object
public function Config (getFile : String)
{
EventDispatcher.initialize (this);
cfgFile = getFile;
loadConfig ();
}
private function loadConfig ()
{
cfg_lv = new LoadVars ();
cfg_lv.load (cfgFile);
cfg_lv.onLoad = Delegate.create (this, parseCfg);
}
private function parseCfg (ok)
{
if ( ! ok)
{
dispatchEvent (
{
type : “fault”, msg : “Cant load file ” + cfgFile
});
return
}
var data : String = unescape (cfg_lv.toString ())
data = data.split (“=&onLoad=[type Function]“).join (“”)
data = data.split (“&onLoad=[type Function]“).join (“”)
var lines : Array = data.split (“n”)
var count : Number = 0;
token = {
};
configList = {
}
while (lines [count])
{
var actualLine = lines [count ++] var firstCharacter : String = escape (actualLine.substr (0, 1));
if (firstCharacter != “%23″ && firstCharacter != “%0D” && firstCharacter != ” “)
{
var finalLine = actualLine.split (“r”).join (“”)
var values : Array = finalLine.split (” “);
var finalValue : String = “”;
for (var i : Number = 1; i < values.length; i ++)
{
finalValue += values [i] + " ";
}
finalValue = finalValue.substr (0, - 1)
token [values [0]] = finalValue
configList [values [0]] = finalValue
}
}
dispatchEvent (
{
type : "complete"
});
}
public function read (variable : String) : String
{
return token [variable] }
public function get list () : Object
{
return configList;
}
}
[/as]

Los archivos Fuente. http://tmeister.net/archivos/config.zip

Estoy totalmente convencido que la mejor manera para manejar nuestras configuraciones en Flash sigue y seguirá siendo un archivo XML, pero para aquellos necesiten un archivo de texto plano que sirva como archivo de configuración simple con comentarios para los clientes necios jeje esta clase puede ser de utilidad.

Saludos!!

Últimamente he recibido varios mails en los cuales me preguntan como hice para que en mi sitio tmeister.net el contenido se centre automáticamente dependiendo del tamaño del navegador.

La respuesta es mediante el listener onResize del Stage. Pero es algo difícil de explicar así que decidí crear un componente que lo haga :) .

Este componente consta de 4 parámetros los cuales son:

backContent : El path a la imagen o SWF que sera el fondo del sitio

contentPath: El SWF principal el cual es la interfaz principal del sitio, el cual se centrara

backgroundColor: el color de fondo de nuestro sitio, esto es para 2 cosas. Sera el color de fondo que se mostrara mientras se carga el
backContent. Ademas puede ayudar si el backContent tiene alguna transparencia.

TextColor: El color del texto del Preloader. Por el momento el preloader aparece en la esquina inferior izquierda con el siguiente texto Loading background [ / ] con una pequeña animación.

Esto es todo el componente se encargara de todo lo demás.

Ahora el tamaño del SWF que seteamos en el archivo html debe tener las medidas de 100% de ancho y 100% de alto ademas de setear el margen del documento a 0, pueden ver el codigo fuente del HTML del ejemplo y ahi veran mejor a que me refiero.

Un ejemplo del componente lo pueden ver en http://tmeister.net/stageresize/ simula exactamente lo que hago en mi sitio tmeister.net

Aquí les dejo el Zip con el componente y con los archivos utilizados en el ejemplo. El Fla que contiene el componente es stage.fla.

Por otro lado aprovecho para decirles que aun estamos desarrollando desktoptwo al día de hoy muchos bugs han sido corregidos y estamos por lanzar un par de aplicaciones nuevas. Una interfaz para hacer búsquedas en Yahoo y en Google desde deskoptwo, un visor de Imágenes, un foro. Y pronto vendrán mas aplicaciones.

Bueno, como siempre aquí los archivos fuente stageResize.zip

Enjoy.. 8)

He escrito una clase que hace mas sencillo el trabajar con AMFPHP, La clase se encarga de crear el gateway de AMFPHP, instanciar los servicios y hacer las llamadas a los métodos de dichos servicios su eso es simple.

Su uso es algo así

[as] import amfConnect;
var rm:amfConnect = new amfConnect(“http://tmeister.net/amfphp/gateway.php”);
rm.setService(“HelloWorld”);
rm.doQuery(“getMessage”, getData);
function getData(obj) {
trace(obj);
}
[/as]

La clase, la documentación y los archivos fuente están disponibles en el FlashWiki

enjoy ;)

Esto pretende ser la primera clase de una librería de AS2.

Esta clase lo que hace es crear el clásico tooltip sobre un Movieclip, la clase cuenta con 3 métodos para poder modificar el aspecto del tooltip en tiempo de ejecución.

La documentación de la clase la pueden encontrar en ToolTip_doc.html

El archivo .as en ToolTip.as

Por ultimo el archivo FLA como la clase en este archivo ZIP tooltip.zip

Aquí dejo un ejemplo

[FLASH]http://www.tmeister.net/archivos/tool.swf, 350,150[/FLASH]

El código que se uso para este ejemplo es el siguiente

[as] var toolTip:ToolTip = new ToolTip();
var t1 = toolTip.make(uno_mc, “Yo soy el Tooltip Uno”);
var t2 = toolTip.make(dos_mc, “Yo soy el Tooltip DosnCon un salto de lineanOtro..”);
var t3 = toolTip.make(tres_mc, “Yo soy otro tooltip”);
uno_btn.onRelease = function() {
toolTip.setBackground(t1, “0xff00ff”);
};
dos_btn.onRelease = function() {
toolTip.setTitle(t2, “Ya cambie el Texto.”);
};
tres_btn.onRelease = function() {
var textF:TextFormat = new TextFormat();
textF.color = 0×990000;
textF.font = “Arial”;
textF.size = 15;
textF.bold = true;
toolTip.setStyles(t3, textF);
};
[/as]

Por cierto con la intención de crear librerías útiles de clases AS2, quisiera que me den sugerencias de que les gustaría usar…

Follow me through my day

Send requests or questions about my products, find out on what I'm working and stay tune with my updates or just say hello ;)

Array

@Tmeister

active