Muela-Blog

MBook - Sistema De Comentarios En Flash

April 10th, 2008 by Muela

Buenas buenas, aqui denueov yo despues de como 1000 años! xd
Para regresar XD me puse hacer un sitema de comentarios con flash y php… el source code no lo dare aun, hasta que esten resueltas todas las fallas.. asi que las fallas que encuentren avisen , asi l oarreglamos rapido y les paso el code XDD

Las caracteristicas que tiene son:

  • Registro De Usuarios
  • Uso De Avatar
  • Facil Implementacion
  • Panel De Control(Baneo De IP, Moderacion De Comentarios, Configuracion, etc

Bueno esas son solo algunas cosas, tienen q probarlo para checar, Dejen comentarios, registrense, cambien de imagenees, suban su propia imagen, etcc.. para probar que todo funciuone y los errores haganmelos saber porfavor XD..
Aqui lo pueden Probar MBOOK

Aca les dejo los archivos..

Sin mas que decir.. Suerte!!! y nso vemos pronto xD

Posted in Software | 3 Comments »

Contador De Visitas

July 23rd, 2007 by Muela

Wenas wenas.. aki denuvo :)

Como les fue con las rutas O.o?… espero q bn bn

Bueno ahora les mostrare como hacer un contador de visitas muy sencillo… con php y un archivo .txt
Logicamente esta es la manera facil, ahi otras formas mas seguras q seria almacenar el numero de vistas en una base de datos… pero sera mejor espesar por esto :)
Funciona de una manera muy facil.. al cargar el SWF se ejecuta automaticamente un php q se encarga de leer un .txt q contiene un simple numero, lo lee y le aumenta 1.. y eso es todo o.o

Â

Â

Ok empesemos con el Flash:
1.- Necesitamos colocar en la escena principal (o puede ser un MC) un campo de texto de tipo dinamico, y esta ves no usaremos un nombre de instancia si no un nombre de variable le pondremos "visitanum"

Click Para Ampliar

2.- Ahora selecionamos nuestro primer frame de la escena principal y en el panel de acciones (F9) escribimos:

loadVariables("contador.php",_root);

Explicacion: cargamos las variables de contador.php en nuestra escena principal (_root)…
3.- Listo o.o… ahora desde el php enviaremos una variable con el dato.. la variable sera visitanum asi q automaticamente nuestro campo de texto cambiara su contenido por el de la variable

Ahora vamos con el PHP:
1.- Como lo dije antes, el php lera el .txt q contiene le numero de visitas y despues le sumara 1.. y lo volvera a grabar y despues enviara el numero de visitas en una variable a nuestro swf.. este el es codigo q devemos colocar en un archivo q llamaremos "contador.php" (lo pueden hacer con cualkier editor de texto):

<?
$filename = "visitas.txt";
$archivo = file($filename,"r");
$visitas = $archivo[0];
$visitas++;
$fp = fopen( $filename,"w");
fwrite($fp, $visitas);
fclose($fp);
echo "&visitanum=$visitas&";
?>

Explicacion: Bueno luego podremos ver mas a fondo esto… pero les explicare por encimita q es lo q hace… primero abre nuestro archivo visitas.txt, despues lo abre para lectura ("R"), creamos una variable q llamamos "visitas" y le damos el valor q tiene nuestro .txt, luego a este le sumamos 1 (++), y denuevo abrimos nuestro archivo pero ahora para escribir ("w"), lo q hacemos es escribir el numero de visitas +1… al final mostramos ó enviamos (echo) a nuesto swf en una variable "visitanum" el numro de visitas …

Bueno creo q lo explique rapidamente y espero q haya quedado entendido… :)

Ahora el .txt:

1.- Primero creamos un archivo .txt q llamamos "visitas", a este le escribimos unicamente un "0" o si kieren los pueden alterar… xD para q empiese en 5, 100, 1000… o las q kieran O.o

2.- si prueban su pelicula localmente veran solamente "$visitas", pera q funcione hay q subirlo a su host…, entonces subimos todo el swf, el .txt y el php en la misma ubicacion..
3.- Aun resta hacer algo q es darle permiso de escritura y lectura a nuesrto .txt para q pueda ser modificado, est lo pueden hacer desde su gestor de ftp (en mi caso uso el filezilla), dan click derecho sobre "visitas.txt" y elijen file atributes, ahi le daremos permisos "777" q son todos (escritura, lectura publicos)…

Click Para Ampliar

Y ahora si, si ya esta en el host funcionara de maravilla.. ^^
Y eso es todo por hoy :P … espero q les haya salido bn y les sirva de algo O.o xD… suerte!! ^^

Posted in Flash General, php | 8 Comments »

Manejo Basico De Rutas En Flash

July 22nd, 2007 by Muela

Holas O.o
:D !!! si me acorde de la clave.. hace tanto q no entraba que no estaba seguro de ella xD (encerio :S)
Bueno pss e visto que la gente sigue visitandonos esperando algun nuevo tuto y yo sin hacer nada =(… muchas grax que la verdad cuando veo q hay visitas aunque sea solo un alma vagabunda :P .. me anima a seguir compartiendo asi q me dejo de hablar y empieso :P ^^
Bueno ahora intentare desarrollar un poko el tema de las "rutas" x que es muy comun encontrar q los errores que parece que no se pueden solucionar….. son un simple error en las rutas o.o.

Vamos a empesar recordando lo basico…. Las rutas son esenciales para el manejo mediante AS sobre algun objeto de nuestra movie… La ruta de un movieclip (x ejemplo) esta dada por su nombre (id) y la localizacion en el escenario..
Bueno aun estas en blanco no??… veamos mejor con un ejmplo un poko mas… mental :P …. Imaginemos una caja Grande!! tan grande como keramos :P … Bueno esa caja es nuestro Escenario (area de trabajo), dentro de esta caja tenemos mas cajas.. la caja A, B, C, etc etc tantas como keramos, dentro de estas cajas pequeñas tenemoas otras cosas.. pueden ser mas cajas, o ropa o lo q sea..
Bueno y eso q!!??.. okei le digo a mi hermano q me saque unos calzones rojos q estan en la caja.. claro q en no tienen ni idea seria muy dificil encontrarlos.. pero en cambio si yo le digo el espacio en el q estan mis calzones.. le diria algo asi: Mis calzones estan en la caja A1 que esta dentro de la caja B y la caja B esta en la caja grande….. bueno de esa manera seria facil y rapido encontrarlos no?? =o

Asi es en Flash, le indicamos donde se encuentra el objeto q queremos manejar de una forma similar:

Â

Â

Al igual q con las cajas aki nos referimos a los MC u objetos de la pelicula por medio de si nombre de instancia (para poner un nombre de instancia, selecionas el objeto, mc, campo de texto… y en el panel de propiedades(Ctrl+F3), veras la casilla "instance Name" - "Nombre de Instancia" ahi escribes el nombre con el q kieres identificar tu objeto).
El ejemplo eran 3 btns en el escenario, 1 campo de texto en el escenario con nombre de isntancia "texto", y 2 MC "A" y "B".. en el MC "B" teniamos un movie clip dentro con nmbre de instancia "C"…
Ahora como funciona,, bueno al precionar el primer btn keremos q en el campo de texto "texto" q esta en el escenario principal aparesca informacion, el codigo del btn es:

on(release){
_root.texto.text="Para Referirse A La Escena Principal Se Usa El ·_root·";
}

Al precionar (onRelease), _root.texto <- Fijese q primero nos referimos a la escena principal (_root), luego al objeto con nombre de instancia "texto"…

Los otros 2 btns trabajan de = forma solo cambia la ruta.. el 2do se esta refiriendo al campo de texto "texto" q esta dentro de la caja (MC) "A".. entonces es _root.A.texto, y el 3ro no es mas q lo mismo _root.B.C.texto

Espero q no esten reborujados… seria bueno q practicaran, hasta ahora solo hemos visto como referirnos a un MC de una manera q para mi es la mas segura, esta forma de referirse a un MC es la llamada "Absoluta" se llama asi por q siempre emepesaras desde el escenario principal (_root) y de ahi iras navegando por los demas MC….

··Bueno pero q pasa si yo tengo un MC q contiene muchos mc dentro.. por ejemplo una ruta algo asi : _root.A.B.C.D.E.F.G (una caja G q esta dentro de una F q a su ves dentro de una E q asu ves dentro de una D….).. supongamos q tu tienes un btn en el MC "D" y en el MC "F" hay un campo de texto, y kires q al precionar el btn del MC "D" apresca algo en el campo de texto.. Ya vimos una manera q seria algo asi: on(release){_root.A.B.C.D.E.F.texto}, okei eso funcionaria… pero para este tipo de casos existe el "this" (este) y el "parent"(el de atras) xd… en el ejemplo el btn esta en el MC "D" podriamos poner un codigo asi:

on(release){
this.E.F.texto.text="Holas";}

Q pasa aki.. bueno es = de sencillo… primero nos fijamos en el MC "D" (this) ya q el btn esta en el mc "D"…. y de ahi aplicamos lo q vimos en el root… nos vamos al siguiente MC q es el E y luego al "F" y ahi nos posicionamos en "texto"…

Ahora suponiendo q tenemos el btn en el "D" y keremos ir ahora al "B" y de ahi al campo de texto q esta en B… podemos ir hacia atras con "_parent".. el codigo seria algo asi :

on(release){
this._parent._parent.texto.text="Holas";}

primero nos pocicionamos en el MC q contiene el btn con el "this".. estamos en el MC "D"… luego usamos el _parent para retroceder al MC q contiene al MC "D"… ahora estamos en el "C" y de el c retrosedemos denuevo hacia el clip q lo contiene q seria el "B" ahora ya estamos en el B y ahi nos vamos al campo de texto…..

Como ven es muy sencillo, es cuenstion de dedicarle unos minutos pa pensarlo y entenderlo… con el ejemplode las cajas :P :.. debe quedar claro

Si ya les quedo claro.. kiero decirles algo mas.. cuando cargan un SWF en otro las rutas no van a ser iguales… x ejemplo si en el swf A cargamos el swf B.. y en el B tenemiamos un codigo q se referia x ejemplo a un MC "A" q estaba en su escenario principal .. es decir _root.A… al cargarlo en el A, este codigo buscara el MC "A" en la escena principal (_root) q ahora no seria el swf B si no el swf A…
Eso es algo muy usual.. q un swf por si solo les funcione bien y al cargarlo en otro no.. bueno ahora saben por q es.. y lo q se puede hacer aki es cambiar las rutas del swf B por rutas "relativas" (osea con this y _parent)..

Bueno espero q les sirva de algo.. bueno de hecho esto les servira mucho…. asi q mas bien espero q hayan entendido mi expliacion O.o… x q ya saben q es normal en mi reborujar un poco las cosas XD q ni yo me termino de entender :P PP…

Empiesen a practicarlo y nos vemos al rato ^^!

Posted in Flash General, ActionScript | 9 Comments »

Menu Ciclico Infinito - Vertical y Horizontal

May 21st, 2007 by Muela

1,2,3 probando probando… A si si funciona o.o
Wenas ^^, como les ha hido xP
Bueno en este tutorial veremos la manera de crear un menu ciclico infinito Vertical y Horizontal…..
Muchos lo han visto… se trata de una tira de imagenes, botones,etc que se mueven en linea infinitamente….
Haber mejor veamos lo que vamos a hacer :) :

Â

Â

Ok como ven tenemos dos menus.. vertical y horizontal.. explicare primero el horizontal…

Solo quiero aclararles q me enfocare en mostrar el funcionamiento del menu ciclico… pero no me adentrare en las acciones de los btns…
Abriremos un nuevo documento de 300×300px…
y a 24F/S
1.- Ok… lo primero sera colocar las imgs (o cuadrados como en el ejemplo) uno enseguida del otro(horizontalmente)… No importa el numero de imgs (o cuadros q pongan).
2.- Cada uno de los cuadros.. deven selecionarlo y convertirlo en MC(F8) con el punto de registro en el centro, puden darles cualquier nombre..
3.- Despues de haber convertido cada cuadro en MC.. los selecionan todos y precionan F8, el putno de registro del lado central-izquierdo, con nombre "horizontal" (Img 1)

Imagen 1

4.- Ahora copearan el MC "horizontal" y lo pegaran y pocicionaran enseguida del otro… (Img2), luego los selecionaran a los dos y convertiran en un nuevo MC(F8) con el punto de registro centro-izquierda y nombre "horizontal1"(Img3).

Imagen 2-3

5.- Ok.. ahora nos quedo un MC "horizontal1" q contiene los 2MC "horizontal"…
6.- Selecionamos "horizontal1", abrimos el panel de acciones (F9) y escribiremos el siguiente codigo:

onClipEvent(load){
velocidad=.02;
centroX=150;}

Explicacion: Cuando se cargue (load) se leasignaran 2 variables: "velocidad=.02" (sera la velocidad con q se mueva) y "centroX=150" (es el punto central del mapa en la cordenada X).
Agregamos:

onClipEvent(load){
velocidad=.02;
centroX=150;}


onClipEvent (enterFrame){
disX=_root._xmouse-centroX;
this._x+=(disX*velocidad);
if (this._x>0) {this._x=-200;}
if (this._x<-200) {this._x=0;}
}

Explicacion: Mientras este en el escenario(enterFrame), mediante una pequeña formula se consigue un valor que sera lo q avanzara neustro MC, veamos un ejemplo:
Imaginando que nuestro mouse esta en la coordenada X=280 del escenario, disX=280-150=130.
this._x (se refiere a la coordenada X de ese MC"horizontal1") += 130*.02=2.6. Es decir avanzara en la coordenada X 2.6 px.
Quedando esto claro.. vemos q tenemos dos condiciones (if), la primera: Si! la cordenada X de nuestro MC es mayor q 0, nuestro MC se cambiara a la coordenada X= -200 (En mi caso es -200, por q mi MC "horizontal1" mide 400px de largo, entonce es la mitad negativa.. Si tu MC mide por ejemplo 650 ahi iria -325… =o)
y la segunda condicion: Si! la cordenada X de nuestro MC es menor q -200 (en mi caso.. en el caso de 650 seria -325..) entonces lo pocicionamos en la cordenada X=0.

Si pruebas tu pelicula ahora funcionara… pero lo mejor sera agregar una maskara.. Para esto creamos una nueca capa y lo ponemos sobre la capa del MC.. En esta nueva capa dibujamos un rectangulo del largo maximo a la mitad de tu MC "horizontal" (en mi caso 200, en caso de q mida 650 podria ser maximo de 325).. Igual puede ser mas pequeño, lo ponemos sobre nuestro MC, y damos click derecho sobre la capa de la maskara y selecionamos "mask"

Enmaskarar


7.- Probamos la pelicula (Ctrl+Enter), y si hiciste todo bien xD todo deve funcionar correctamente :) …. jejej
8.- Bueno para un menu vertical.. Es seguir los mismos pasos.. Pero claro.. hay q alinear los objetos verticalmente, y cambiar el AS.. por cordenadas Y.. como this._y y _root._ymouse, asi como poner el centroY.. (LES DEJO DE TAREA HACER EL SCROLL PERO EN VERTICAL)

···Ok, ya vimos como hacer los scrolls.. Para los botones, lo q deven hacer es en cada uno de los MC de cada imagen colocar un codigo on(release){//acciones}, como harian con un btn normal.. (Esto de botones ya lo deverian saber… xD).

Bueno, espero q todo les haya salido bn! y puedan aplicar este menu en alguno de sus proyectos ^^, bueno espero q hagan la "tarea" ya q es la mejor manera de aprender AS ¡Practicandolo!..
Suerte y hasta la proxima ^^

Posted in Flash General, ActionScript | 21 Comments »

Efecto Easing - Menu

May 18th, 2007 by Muela

buenas ^^
pss si! soy yo… A quien mas esperaban?? o.o
Bueno en esta entrega les voy a mostrar un sencillo pero lindo script.. q nos servira de mucho….
Veremos como hacer un efecto de easing, q nos puede servir como menu.. o hasta como secciones de una pagina web =o..
Bueno ya no hablo mas y les dejo el ejemplo y el fla…

Â

Â

Se ve bn no?? (los colores oficiales de www.muelalab.com :P )..
oki! vamos a trabajar… se sorprenderan de lo facil q es (de hecho hice el ejemplo en 2min ·es mi record :P ·)
1.- Abrimos un nuevo documento.. xD para este ejemplo usaremos un documento de 300×150px, ok?
2.- Dibujamos un cuadrado con la herramienta rectangulo… de 100×100px
3.- Lo copiamos y pegamos 4 veces (no importa q sea en la misma capa, solo no los pongan uno sobre otro..) y les cambiamos los colores…
4.- (yo puse color azul,verde,rojo,amarillo).. Bueno ahora selecionamos uno x uno y precionamos F8, lo convertimos en MovieClip con su respectivo nombre:azul,rojo,etc… El punto de registro deve estar en el centro.. Luego les ponen como nombre de instancia = (azul,rojo,etc)
5.- cuando tengamos los 4mc creados, los juntaremos (img1)… los selecionamos todos!, y los convertimos en MC(f8), lo llamamos "cuadros_mc" y le ponemos nombre de instancia "cuadros_mc"… punto de registro en el centro…

6.- OK!, ahora selecionamos "cuadros_mc", precionamos F9(panel de acciones) y escribimos:

onClipEvent(load){
movx=150;
movy=75;}
onClipEvent(enterFrame){
this._x+=(movx-this._x)/4;
this._y+=(movy-this._y)/4;}

Explicacion: Cuando este Mc se cargue (load) le asignamos dos variables movx Y moy por q 150 y 75.. el escenario mide 300 para q este en la mitad es 150.. y 75 para q este en la mitad de alto.. ok?
Luego mientras este MC este en el escenario (enterFrame) su coordenada X y Y cambiaran… cambiaran conforme la formula lo indique.., explicare la formula: this._x+=(movx-this._x)/4
Imaginemos q neustro mc esta en X=150 y Y=75.. la formula seria: this._x+=(150-150)/4 esto daria=0 entonces como esta en X:150+0, se quedaria ahi mismo =o!!
Ahora imaginemos que cambiamos el valor de movx a 200, quedaria: this._x+=(200-150)/4 esto es=12.5 osea q cambiaria su coordenada a 150+12.5 =o.. y luego se volveria a hacer esta formula
this._x+=(200-162.5)/4, etc etc, hasta q llegue a X=200 y ahi se detendra.. creo q ya se comprendio no???

7.-Despues de haberlo comprendido creo q ya se dieron cuenta de q devemos hacer… Si! cambiar la variable movx y movy cuando se preciono alguno de los cuadros(azul,rojo,etc).. Para esto selecionaremos el primer frame de nuestra linea de tiempo principal y escribiremos un pedaso de codigo para cada btn.. algo asi:

_root.cuadros_mc.azul.onRelease=function(){
_root.cuadros_mc.movx=200;
_root.cuadros_mc.movy=125;}

Explicacion: Bueno es sencillo, al precionar el MC "azul" q esta dentro de "cuadros_mc" en la linea de tiempo principal (_root), cambiaremos las variables movx Y movy de "cuadros_mc" al valor deseado…

Escribiran ese mismo codigo 4 veces, pero cambiando el MC q precionaran (azul, verde,rojo y amarillo), les dire los valores.. (no explicare por q esos valores… por q es simple logica OK?? les toca pensar :P ), los valores son:
Azul: movx=200 - movy=125
Verde: movx=100 - movy=125
Rojo: movx=200 - movy=25
Amarillo: movx=100 - movy=25

8.- Ahora por ultimo nos falta crear la maskara, esto es rapido… crean una nueva capa sobre la q tiene el MC "cuadros_mc", dibujan un criculo en esta capa de 150×150px y lo ponen en el centro del escenario… dan clik derecho sobre la capa del circulo y selecionan "Mask" (img2)

9.- Listo!! ahora prueben su pelicual (Ctrl+Enter).. y veran como funciona ^^
Como ven es muy sencillo, tan sencillo que como les digo hice el ejemplo en 2min O.o.. solo les queda practicar wee!!
Bueno me voy a dormir son las 2am XD!!! suerte ^^

Posted in ActionScript | 3 Comments »

« Previous Entries