Lord Zorel

Inside Search: Showing some love to math lovers

2011-12-06T01:52:00.000-03:00

No se ustedes, pero prefiero wwww.wolframalpha.com, es que cuando busco x^1=-1 prefiero una pagina de la wikipedia o de matematicas a una que me diga =i

Inside Search: Showing some love to math lovers: I still recall the day when my friend Yossi came to school and showed off his brand new graphing calculator. I was stunned by how easy it wa...

Google+ y Youtube

2011-11-05T23:41:00.001-03:00

Google+ Youtube

ME ENCANTO la nueva opción de usar youtube desde google+, ya que si quiero escuchar linkin park un rato, solo escribo su nombre y me busca una lista de reproducción y la pone, nada mejor que eso.

pongo imágenes para que vean como funciona.

Beat

2011-11-05T18:50:00.000-03:00

BEAT from or bar-el on Vimeo.

Google Reader se renueva por completo

2011-10-31T21:27:00.000-03:00

Google Reader se renueva por completo:

Hace unos días Google anunció que el siguiente servicio que renovarían sería Google Reader, su lector de feeds RSS y atom lanzado en octubre de 2005, y la renovación se acaba de producir.

Según han informado y como ya adelantaron, los cambios llegan a Google Reader tanto a nivel diseño como funcionalidades. Concretamente en esta nueva versión, que en las próximas horas todos los usuarios tendrán activada, el diseño ha sido sustituido por uno nuevo en la línea de los vistos en otros servicios de la compañía como Google Docs.

Por otro lado en cuanto a funcionalidades, han implementado opción para poder compartir contenidos con nuestros contactos de Google+ así como botón +1, características con las que sustituyen la que existía para compartir contenidos entre usuarios de Google Reader y el botón para marcar ítems con like respectivamente.

Además en el anuncio/presentación del nuevo Google Reader, los del buscador advierten que seguirán recortando funciones sociales del lector en beneficio de Google+ y responden a las quejas suscitadas por dichos recortes comentando que ha sido un cambio sopesado y que lo hacen para poder centrarse en menos áreas y crear una experiencia aún mejor en todo Google.

¿No te convence la respuesta ni el renovado Reader? Pues la única opción que te queda es mudar a algún otro servicio ya que el cambio es forzoso (no hay opción de mantener la versión disponible hasta ahora). Para ello han vitaminado la herramienta de exportación que ahora permite expotar del servicio no solamente la lista de feeds sino también los compartidos, amigos e ítems marcados con estrella o like.

Usando Google+

2011-07-21T10:54:00.002-04:00

Para que sirven las Quedadas o Hangousutorturte

Bueno, sirven para hacer vídeo conferencias, pero la diferencia radica en que no necesitas que las personas del agreguen a los participantes, sino, cualquier miembro del circulo puede ingresar en el momento que quiera a través de un link que se genera para ello, así por ejemplo se puede poner en facebook, "Hey estoy dando una conferencia, ingresen con este linkhttps://plus.google.com/fdfkhsdkjfhsjkfhsd".

¿Como se ocupa la opción YouTube?

Ohhh esta es mi opción favorita, voy a poner un ejemplo, supongamos que con unos amigos organizamos el evento "kamehame-ha por la educación" y queremos reunirnos para ver los vídeos, entonces iniciamos una quedada, espero que entren mis amigos y luego voy a donde dice youtube y busco el primer vídeo y le ponemos play. Ellos podrán ver el vídeo AL MISMO TIEMPO que los demás y ademas podremos ir comentándolo y viendo sus caras.
También es buena opción si quieren prepararle una sorpresa en vídeo a alguien, ya podrán "ver la cara que puso" cuando vio el vídeo XD.

Si tienen sugerencias no olviden comentar

Atajo de Teclado

2011-07-10T00:12:00.001-04:00

Ohhhhhhhhh me acabo de dar cuenta que puedo pegar en Google Chrome apretando shift+insert en windows
¿funcionará en ubuntu o en otros programas?

MVC en Flash

2011-07-10T00:10:00.000-04:00

Creo que nunca me había costado tanto entender algo xD.

Bueno, no soy muy bueno en el tema y supongo que en paginas mas especializadas como www.cristalab.com podrán encontrar mejor información respecto al tema, pero en fin, voy a escribir lo que a mi parecer es el tema:

¿MVC? ¿es esa cuestión?¿sé come?

El MVC es un estilo de programación (usado ampliamente en PHP) con el que se logran controlar de mejor manera los projectos grandes, si tienen una cosa chica, mejor ni sigan leyendo, pero si quieren algo que sea realmente grande o que ha futuro pueda crecer mucho, mejor sigan leyendo.

MVC consiste en seperar el programa o aplicación en 3 partes distintas, que no necesesariamente se comunican entre sí y son:

El Modelo, encargado de manipular los datos que genera el programa o que entran.
La Vista, encargada de administrar los asuntos "visuales del programa".
El Controlador, encargado de enlazar estas dos partes y dar forma a nuestro programa (es donde esta el grueso del programa).

Por Ejemplo:
Tenemos una aplicación en la que se muestran los puntajes de un detminado juego en flash.

El modelo es el encargado de obtener los puntajes, ya sea de una pagina en php, un xml o un simple archivo de texto, da lo mismo el modelo sabrá hacerlo.
La Vista es la encargada de presentar los datos en la pantalla, ya sea cambiando un fotograma, llamando una instancia de alguna clase especialmente pensada para eso, actualizando una serie de TextField, no importa, la vista sabe que es lo que tiene que hacer y como hacerlo.
El controlador luego se encarga de unir las partes, por ejemplo, al hacer clic en el botón "Ver Puntajes" el controlador realiza las siguientes acciones:
Le pide los datos al modelo y le di a la vista que ponga un mensaje de "Espere por favor".
Cuando el modelo tenga listo los datos y los entregue, no sé en un Array, le pasa la Array a la vista para que pueda presentar los datos. no importa que el controlador sepa como se obtienen los datos o como se presentan, sino que se encarga de que se obtengan y se presenten.

¿Para que sirve esto?

El modelo MVC sirve para mejorar las posibles actualizaciones de tu programa y hasta la lectura del código. Al principio es mas trabajo, pero ayuda bastante cuando las cosas se hacen mas complejas. Prefiero mil veces mas un programa que diga algo como:

function clicEnBoton(event){

vista.mostrarDatos(modelo.obtenerDatos());

}

Que uno que diga algo así como:

function clicEnBoton(event){

for each (var i in datos){

textField.text=i+" puntos"; //Simplificando la cosa sabes que puede ser mas difícil.

}

}

por que me da mas libertad al momento de querer cambiar el modo en hace las cosas.

¿Como aplico esto en Flash?

Tanto Flex, como Flash tienen varias herramientas para realizar esto, especialmente flex, en donde se separá muy bien, lo que es la vista del programa y el programa en si. Yo utilizo (y no sé si sea la mejor forma de hacerlo) un tipo especial de clases, que se llaman Singleton (lean el articulo en wikipedia esta muy bueno y tiene un ejemplo en flash ; ] ).

¿Que es Singleton?

Las Clases Singleton son clases que se instancian una solo vez y son por decirlo así "globales" ya que llamamos a la misma instancia en todo el programa. La verdad no sabia que se podían crear clases con estas características y las encuentro bastante útil.

Según san wikipedia el codigo para crear una clase Singleton en flash, es el siguiente:

public class Singleton{
   private static var instance:Singleton;
   private static var allowInstance:Boolean;
   public function Singleton(){
      if(!allowInstance){
         throw new Error("Debes usar getInstance()");   
      }else{
         trace("Se inicializó una instancia de Singleton");
      }
   }
 
   public static function getInstance():Singleton{
      if(instance==null){
         allowInstance=true;
         instance= new Singleton();
         allowInstance=false;                        
      }else{
         trace("Se regresa la instancia existente");      
      }
      return instance;
   }
}

Y funciona!!

¿Y como se ocupa?

Pues supongamos que tengo una clase que controla a toda la aplicación, pone los listener en los elementos, verifica que el usuario se alla registrado y le avisa cuando se avanza de nivel, etc. Como eso es mucho código, sería bueno crear una segunda clase controladora encargada solamente de una labor, por ejemplo, que el usuario este registrado, cuando el usuario duplico su ip, cuando se abre la aplicación desde otra ventana, se desconecto, etc. pero ademas, necesita poner un mensaje en la pantalla para avisar que algo ocurrio, y para eso, necesitará acceder a la instancia de la clase que controla la vista y esa clase en especifico, no una nueva instancia creada por un un New Vista(); si no que la misma que ocupa el controlador principal.

¿Como hacemos eso?

El metodo que yo ocupaba era, pasar la instancia como parametro a través de una fución pero otra forma de hacerlo, es usando el metodo getInstance(); de la clase singleton.

private var vista:Vista= Vista.getInstance();

Lo que me asegura que estoy usando la misma instancia tanto en el controlador principal como en el secundario, así, si quiero que mostrar un mensaje por medio de la clase secundaria, solo basta con escribir:

import Vista;

private var vista:Vista= Vista.getInstance();
....
vista.mostrarMensaje("Desconectado por el servidor")
...
Como les dije, esto sirve para proyectos mas bien grandes, ya que segmentar tanto el código en un proyecto chico, puede ser medio engorroso, pero este método, permite olvidarte de como se hacen las cosas y dedicarte a dar ordenes  programar mas la lógica del programa.

Recomiendo Flash Builder o Eclipse + Flex para trabajar, así es mas fácil acceder a los métodos públicos y saber que es lo que devuelve cada uno.

Little Wonders: FRIO INVIERNO!

2011-07-09T22:47:00.000-04:00

Little Wonders: FRIO INVIERNO!: "Desde muy temprano, los pequeños rayos de sol se introducen por cada pequeña abertura que encuentran disponible, brillan con intensidad, n..."

El Blog de una amiga, espero que siga escribiendo, es una gran persona :D

Ensayo PSU

2011-04-11T23:03:00.008-03:00

Otro año mas, otra PSU mas.

Para que no te pille desprevenid@ aprovecha de ensayar aquí mismo en, sin moverte de tu casa.

Bueno, si estudiaste el capitulo I del "Apuntes de preparación para la Prueba de Selección Universitaria MATEMÁTICA 2008–2009" ya puedes empezar con este ensayo interactivo (o si tan interactivo que es, si llega a bailar).

Este ensayo trata de abarcar solo el capitulo I, pero es posible que necesites usar tecnicas de algebra para algunas preguntas.

Si tienes dudas, preguntas, o simplemente quieres agradecer
DEJA UN COMENTARIO

¿Como crear un juego flash bien cototo?

2011-03-01T15:47:00.006-03:00

Con un juego bien cototo, me refiero a que sea muy, pero muy completo, con score, personajes y cuentas y todo lo demás.
Para poder hacer un juego de este tipo, necesitaremos que flash nos otorgue la interfaz del juego o el juego en si mismo y que ademas podamos ir guardando los datos en algún lugar para poder acceder a ellos fácilmente y darle mas funciones a nuestro juego, recuerda que las variables que utiliza flash mueren inmediatamente después de que cierras la pagina donde se esta reproduciendo la película de flash, lo que nos lleva a una gran pregunta

¿Como guardar datos de una película flash?

Bueno, lo primero que necesitarás es publicar una pagina web, esta vez, te recomiendo que utilices el siguiente hosting http://www.multimania.es/ que utliza php5 y MySQL, que nos permitiran almacernar datos en la web.

El circulo funciona mas o menos así:

Cargamos una pagina con una pelicula swf.

La pelicula, le pide a una pagina php que le envié información desde la base de datos.

La pagina php le pide al servidor datos de la base de datos, los procesa y se los envía a la pagina php que se los pidió.

Hay un camino mas corto, en el que simplemente le pedimos a flash que pida la información a la base de datos, pero dado que flash es tan facil de hackear, no es muy conveniente. Lo malo de este camino, es que necesitaremos aprender 3 tipos de lenguajes distintos:

Flash, PHP y MySQL, pero al final se daran cuenta que no es tan complicado como parece.

En la siguiente pagina encontraran una excelente quía de como enviar y recibir datos desde una pagina php a una base de datos

http://www.webtaller.com/construccion/lenguajes/php/lecciones/conectar-mysql-php.php

Y en esta pagina encontraras la forma de enviar datos de una película flash (as3) a una pagina en php

http://blog.unijimpe.net/enviar-email-con-as3-y-php/

basicamente es algo así como


var variables:URLVariables = new URLVariables()
variables.mensaje= "Hola mundo"
variables.nombre= "SOY YO"

var peticion:URLRequest= new URLRequest('nombrepagina.php')
peticion.data= variables

var receptor:URLLoader= new URLLoader()
receptor.load(peticion)

esperamos a que lleguen las variables con un listener y luego obtendremos las variables que nos entregue el php con

receptor.data.valorrecibido

¿Cómo publicar una pagina en Internet?

2011-03-01T14:36:00.001-03:00

Creo que todos nos hemos hecho esta pregunta alguna vez:

¿Cómo creo una pagina web?

Antes de decir como se crea una pagina web, debo latearlos con que es una pagina y bien, una pagina es bla .. bla .. bla.. wiki..bla, que al final se resume con que es un archivo .html con unos codigos que permiten darle forma a una pagina y que se deben subir a un hosting para permitir a otras personas que la vean.

Hay montones de sitios que ofrecen crear estas paginas por ti, de forma que en vez de preocuparte por todos los detalles que tiene que tener la pagina para funcionar, solo tienes que cambiar algunas cosas como por ejemplo blogger que te permite cambiar el contenido de las entradas de la pagina y este te crea todo lo demás que necesitas, como el fondo de la pagina, el color de los links, la distribución de las entradas (al centro) y todo lo demás. Pero para crear nuestro juego, necesitaremos crear nuestras paginas desde cero, poder manipularlas a voluntad y darle los nombres que nosotros queramo, es decir, vamos a necesitar un web hosting.

Un web hosting es un lugar donde nos permiten subir todo tipo de archivos y publicarlos en Internet, bueno no todos, siempre hay algunas restricciones pero no creo que sea problema para crear nuestra pagina, pues si necesitamos subir otro tipo de archivos, podemos subirlos a sitios como megaupload o rapishare.

En un web hosting nos daran una "carpeta virtual" donde podremos subir nuestros archivos y también un dominio o dirección web donde podamos compartir nuestra página con los demás. así, si queremos que otras personas vean nuestra pagina, deberán ir a un link, como el siguiente "http://www.nombredominio.com/pagina.html" si solo ponen el nombre del dominio sin la pagina, como "http://www.nombredominio.com", seguramente no verán nada o podrán ver todos los archivos que tenemos en nuestra carpeta, ¿se imaginan que cada vez que entremos a www.facebook.com, veamos una lista de todas las paginas que tienen en su "carpeta virtual"?, eso no pasa por que en la carpeta del hosting hay una archivo que se llama index.html o index.htm o index.php, este archivo es el primero que se abre cuando uno entra a esta pagina y pasa lo mismo en cualquier hosting, cuando ingresas a una carpeta, lo primero que hace el buscador es entrar a la pagina "index".

Entonces, una vez que hayas creado tu pagina, y la subas a tu hosting podras compartirla con todo el mundo. lo que nos lleva a otra pregunta.

¿Cómo consigo un web hosting?

Bueno hosting es en realidad un computador que esta prendido todo el día en algún lugar del universo y como alguien tiene que pagar la electricidad que consume y mantenerlo vivo, de seguro te van a cobrar, generalmente cobran poco, pero cobran igual así que si pensabas que todo sería gratis lamento decepcionarte pero no siempre se puede tener todo en la vida :(, pero hay esperanza, hay hosting que ofrecen sus servicios gratuitamente a cambio de ~~tu alma~~ publicidad, puedes mirar en la siguientes pagina un listado de hosting que te pueden servir para subir una pagina web.
http://www.forosdelweb.com/f19/lista-mejores-hosting-gratuitos-51758/ (si no funciona, googlea)
al momento de elegir un hosting te recomiendo que escojas uno que tenga servicios php y sql (o bases de datos).

Ensayo PSU

2010-11-02T01:51:00.006-03:00

Te complican los problemas de Insuficiencia de Datos
Tienes problemas con algunas preguntas de estadística

a) 1 por si sola
b) 2 por si sola
c) ambas juntas
d) ambas por si sola
e) se requiere información adicional

Este documento te podrá ayudar a resolver este problema.
descargar acá

Es tiempo de PSU

2010-07-06T15:28:00.001-04:00

Bueno, ya es tiempo de prepararse para la PSU y es por ello que subo acá un muy buenisimo apunte para prepararse en la prueba de Matemáticas.

Es un poco pesado, pero es muy completo.
Descargar aquí

Acertijo BY

2009-12-07T17:38:00.003-03:00

Este acertijo es bastante interesante y consta de 4 niveles.

Hay que tratar de llegar a la figura que aparece en META, utilizando las 4 reglas que aparecen.

La reglas se aplican al primer rectángulo (de arriba a abajo)

por ejemplo, si hay 4 rectángulos rojos, y hacemos clic en el primero, los primeros 3 se transformaran en uno amarillo.

hay un problema con regla 1 hay que apretar en la parte azul para que funciones, lo arreglare luego.

ChirtoFox

2009-10-10T10:17:00.001-04:00

Un emulador On-Line de Pokémon Traiding Cards Game TCG

con referencia a: [Chirto] (ver en Google Sidewiki)

Lo nuevo de flash

2008-12-05T08:42:00.003-03:00

He instalado el Flash cs4 (flash 10), mas bien por un apuro, pero me ha dejado con la boca abierta.

observen esta pagina verán de lo que hablo.

http://www.adobe.com/es/products/flash/features/?view=topnew

Podrán ver como Flash a permitido el uso de animación 3d y de una particular herramienta hueso, que facilita enormemente el trabajo de articulación (por que no tuve estas herramientas hace unos meses atras, cuando hice los origami).
otra noveda es que al crear una interpolacion de movimiento, flash incorpora inmediatamente la guia de movimiento.

Sin dudas les recomiendo el Flash CS4.

Flash 8: introducción Action Scripts 2

2008-12-02T16:45:00.014-03:00

Lord Zorel: Flash 8: introducción Action Scripts

Para crear un juego en flash, como el del futbolista o uno mejor, debemos aprender a manejar dos cosas:

Manipular Variables en Flash.
La Estructura de flash (como están ordenados los objetos dentro de flash).

Manipular Variables en Flash.

Una variable en flash es el nombre que recibe un objeto de flash, ya sea un numero, una cadena de texto, un clip de película, un botón, etc.

Para crear una variable en flash debes escribir el siguiente código:

var NombreVariable = variable

por ejemplo:

var x=10

(la variable x vale 10)

var saludo= "hola mundo"

la variable saludo, vale "hola mundo"

var botonEncendido= botonera.play_btn

la variable botonEncendido vale o representa a un botón que se llama play_btn y se encuentra dentro de botonera.

Por regla general, los nombre de las variables no pueden llevar espacios, ni empezar con un numero, ademas flash diferencia entre mayúsculas y minúsculas (la variable holaTu, no es igual a la variable HolaTu)

Creación de variables

Bueno, flash tiene bastantes tipos distintos de variables, pero los usados son:

Number (numero), ejemplo:
var x=10 (también se puede escribir como var x:Number=10 )

Strings (cadena de texto)
var saludo= "Hola Mundo" (también se puede escribir como var saludo:Strings= "Hola Mundo")
El uso de las "..." (comillas dobles) o de las '...' (comillas simples) permiten diferenciar a las cadenas de texto de las variables, por ejemplo, escribe el siguiente código en el primer fotograma de una película vació y luego prueba la película.

var Hola= "¿Cómo estas? "
var saludo= "Hola"
trace( saludo)

Cuando pruebes la película, deberá aparecer un mensaje que dice Hola.
(aparece en pantalla el valor de la variable saludo)
ahora cambia el código anterior por este.

var Hola= "¿Cómo estas? "
var saludo= Hola
trace( saludo)

Ahora, en vez de aparecer un mensaje que dice Hola, aparece un mensaje que dice ¿Cómo estas?
(aparece en pantalla el valor de la variable saludo, solo que esta vez el valor de la variable saludo, es igual al valor de la variable Hola, dirá ¿Cómo estas?)

function (funciones)

en flash, también puedes escribir una función para utilizarla en cualquier momento.
ejemplo:

var parabola= function (x){
var y=x*x
return (y)
}

trace(parabola(2))

Este código crea una función llamada parabola, que utiliza una variable x, y devuelve la variable y (que vale x*x)
el código trace(parabola(2)) dice que evalue parabola en 2 y muestre el resultado, en otras palabra, que calcule 2*2 y de el resultado.

Array (vectores)

Los vectores permiten ordenar datos o variables (no necesariamente del mismo tipo)

por ejemplo:

var Notas= new Array(6, 7, 5)

otro ejemplo.

var Notas=new Array ()
Notas[0]=6
Notas[1]=7
Notas[2]=5

(el [numero] indica en que orden estará la variable)

Los Array son muy utiles para ordenar variables y poder recorrerlas todas, pero eso lo veremos mas adelante.

Modificacion de numeros y cadenas.

para sumar un numero

var x=10
var x=x+5
//a x le sumamos 5

para sumarle 1

var x++
// es una manera rapida de pedirle a x que aumente en una unidad

var x=x-16
// a x le restamos 16

var x=x/4
// a x lo dividimos por 4

var x=x*5
// 5 veces x

var x=x%3
// x vale el resto de dividir x por 3
// no confundir con porcentaje

Ahora con cadenas de texto

var hola= "Hola"

var saludo= hola
// saludo vale hola

var saludo = hola+" ¿cómo estas?
// saludo vale "Hola ¿cómo estas?

var saludo = hola+" ¿cómo estas? \n"+hola+" bien, ¿y tu?"
// saludo vale "Hola ¿cómo estas?"
// "Hola, bien, ¿y tu?"

la palabra clave \n significa que baje una linea mas abajo

Para probar que lo que hicimos funcione bien, inserta

trace(NombreVariable)

para que puedas ver el valor de la variable cuando pruebes la película.

La Estructura de flash

Esto es lo mas genial de flash.

para entenderla, necesito que crees un documento en blanco de flash
¿listo?

Ahora dibuja una persona (sin muchos detalles)

ahora selecciona a esa persona y conviértela en clip de película ( presiona F8 y selecciona clip de película), luego ponle un nombre al clip de película (en el panel propiedades, después de convertirlo en símbolo), yo lo llamare juanito.
¿listo?

Ahora, Dibuja una casa, selecciona la casa y la persona y conviértelas en símbolo (de nuevo F8), luego ponle un nombre a la casa con la persona (yo la llamare casa)

Ahora, juanito esta dentro de la casa ( del clip de película que se llama casa), pero la casa tambien esta en la linea de tiempo principal, que se llama _root.

Dentro de flash, la dirección de juanito es _root.casa.juanito y todas las variables dentro de juanito, estan en _root.casa.juanito.nombreVariable, por ejemplo:

haz doble clic sobre juanito hasta que quede seleccionado

ahora selecciona el primer fotograma de la linea de tiempo (esta linea de tiempo, corresponde a la de juanito, no es la linea de tiempo principal), presiona F9 e ingresa el siguiente código:

var edad=10
// la edad de juanito es 10

Ahora vuelve a la linea de tiempo principal (haciendo doble clic afuera de la casa hasta salir), selecciona el fotograma clave de arriba, presiona F9 e ingresa este código:

trace(_root.casa.juanito.edad)

este código, mostrara la edad de juanito.

Ahora haz doble clic en la casa y dibuja otra persona.
Selecciona la nueva persona y conviértela en clip de película (F8)
Ahora dale un nombre, yo la llamare maría.
Selecciona a maría, haz doble clic y en el primer fotograma de la linea de tiempo de maría, presiona F9 y escribe esto.

var edad=9

Ahora vuelve a la linea de tiempo principal.
selecciona el fotograma clave de arriba.
presiona F9 e ingresa este código:

trace(_root.casa.maria.edad)

este código debería dar como resultado 9

Bueno, espero que halla quedado claro la estructura de flash, solo es cosa de entender que los objetos guardan sus propias variables y que el _root es el lugar donde están almacenados todos los objetos y variables de flash.

Ahora, yo creo que no sera mucho problema entender como esta hecha la animación del futbolista, solo falta mencionar que la función Random(n), entrega un numero al azar entre 0 y n-1, es decir que si pones Randon (3) este devolverá un numero al azar entre 0, 1 y 2

Para que analices por ti mismo el tutorial del futbolista, bájalo aquí, revisalo, modificalo, haz lo que quieras

En este vídeo se utilizan mas opciones de flash, como lo es insertar ese botón con forma de ovalo y escribir el código encima del botón.

Aclaración:

on (Release){

hacer algo

}

es lo mismo que llamarlo desde la linea de tiempo principal y ponerle

nombre_bton.onRelease= function(){

hacer algo
}

a mi me gusta la ultima manera, pues permite ver todos los códigos de los botones desde un mismo fotograma

Flash 8: introducción Action Scripts

2008-11-26T12:54:00.063-03:00

Lord Zorel: Flash 8: interpolaciones de forma

En esta oportunidad, le vamos a añadir interactividad a nuestras creaciones en flash, para ello le añadiremos código Action Script (AS).

Lo primero que debemos hacer es crear una nueva capa, ha esta capa la llamaremos Acción sera la primera capa, la bloqueamos con el candadito y listo.

Como te habrás dado cuenta si le pones probar película (ctrl + enter), la película da vueltas y vueltas y vueltas y vueltas y vueltas y vueltas y .... vueltas. Para evitar que se quede dando tantas vueltas, vamos a ir al ultimo fotograma de la capa Acción y lo convertiremos en fotograma clave (presiona F6), con el fotograma seleccionado, nos vamos a ver las acciones del fotograma (presiona F9). Aparecerá un cuadro donde puedes escribir en él ( panel de acciones).

Ahora escribe esto en el panel de acciones y prueba la película

stop()

con este sencillo código, puedes hacer que las películas se detengan en cualquier punto que lo necesites, ya sea al principio de la película, al medio o al final, todo dependerá de donde pongas el fotograma clave con el código stop().

Así como hay un código para detener las películas, también hay uno para hacerlas avanzar, retroceder o incluso saltar de un fotogramas y crear una película como la siguiente.

PLAY

Al igual que el código de stop, podríamos escribir play en el fotograma clave para que la película avance, pero si detenemos la película y luego la avanzamos, no ocurrirá nada. Así que vamos a crear un botón que cuando lo apretamos va ha hacer que avance la película. Para ello vamos a ir al primer fotograma de la capa Acción y lo convertiremos en fotograma clave (F6), luego en la capa de abajo, vamos a dibujar un circulo y lo convertiremos en botón (presiona F8), ojo que aparecerá un cuadro de dialogo con 3 opciones, clip de película, gráfico o botón, elegimos botón, le ponemos un nombre y apretamos aceptar. Ahora, en el panel propiedades lo vamos a bautizar como “reproducir_btn”

ahora que ya tiene un nombre, podemos decirle que haga lo que queramos.

Para que al presionarlo, haga avanzar la película, vamos a ir al fotograma clave de la capa acción y debajo de stop(), vamos a agregar el siguiente código:


reproducir_btn.onPress  = function(){

play()

}

Lo que significa que cuando se presione el botón reproducir_mc, esté va a poner play.

GOTOANDPLAY & GOTOANDSTOP

Las funciones gotoAndPlay y gotoAndStop, nos permiten saltar de un fotograma a otro.

Existen tres maneras de hacerlo, la primera es

gotoAndPlay(numero del fotograma)

la segunda es

gotoAndPlay("nombre del fotograma")

y la tercera es

gotoAndPlay("nombre escena", numero fotograma)

o tambien

gotoAndPlay("nombre escena", "nombre de fotograma")

por ejemplo, si estamos en el fotograma numero 10 y queremos saltar al fotograma 20,
escribimos:

gotoAndPlay(20)

pero a los fotogramas también podemos ponerles nombres o etiquetas, para hacerlo,
debes seleccionar un fotograma clave y luego en el panel de propiedades (el de abajo),
en el recuadro etiqueta escribes el nombre del fotograma.

Supongamos que tenemos un fotograma que se llama pelotazo (donde se ve al jugador antes de lanzar un pelotazo)
si queremos saltar hasta el fotograma pelotazo, debemos escribir el siguiente código:

gotoAndPlay("pelotazo")

esto va ir al fotograma que se llama pelotazo y le pondrá play, si lo que quieres es que se detenga en ese fotograma
simplemente cámbialo por:

gotoAndStop("pelotazo")

Con estos codigos ya podras realizar una animación como la del futbolista, solo nos falta ver, como hacer para que el arquero salte en cualquier dirección y como hacer para que sepas cuando metiste un Gol.

Flash 8: interpolaciones de forma

2008-11-11T16:28:00.012-03:00

Las interpolaciones de forma, solo son aplicables a fotogramas que solo contengan formas, es decir que no contengan símbolos, botones o grupos, pero si pueden contener Objetos de Dibujo. si nunca has trabajado con objetos de dibujo, te sugiero que aprendas, pueden llegar a ser muy útiles. Aquí pongo un vídeo.

Este tipo de animación es la mas sencilla que se puede realizar en con una interpolación de forma, pero como es de esperarse, no siempre da un resultado perfecto.
Por ejemplo, si intentamos convertir un triangulo en un cuadrado o deformar un cuadrilátero para obtener un efecto 3D (como en el ejemplo del disparo con el que empezamos este curso), es necesario utilizar consejos de forma (uno para cada punto), descubrí que es mas fácil cuando tratamos de transformar una forma de 4 puntas a otra de 4 puntas que una de 3 a 4 o de 4 a 3, por ejemplo cambiar de un cuadrado a un triangulo ( de 3 a 4 esquinas), si simplemente creamos la interpolación, no nos quedara un resultado muy bonito, pero para evitar este problema, podemos crear un paso antes del triangulo, en el que al cuadrado, le falte muy poco para convertirse en un triangulo (de lejos debería verse igual), ademas como los ángulos del cuadrado son muy rectos, recomiendo crear un segundo cuadrado un poco menos recto que se comience la transformación, de todas formas aquí dejo un vídeo.

También dejo una animación para descargar

Con un poco de practica se puede conseguir mas rápido

PD: en la ayuda de flash recomiendan usar los consejos de forma en dirección contraria a las agujas del reloj

Origami

2008-05-19T15:31:00.000-04:00

¿Como hacer el pato o grulla de Prison Break?
¿Como hago la grulla que hace Hiro Nakamura en Heroes?

Bueno, ahora pues ver con lujo de detalle como hacer estos Origamis

Si tienes otro origami (famosos o no famosos), mándame un correo a:
gato_lona@hotmail.com, asunto Origami.

Puedes enviarme una imagen, un video o un archivo swf o fla.

si utilizas flash, puedo darte algunos consejos con la interpolación de forma, el Pato de Escofield lo hice solo con interpolaciones de forma.

EasyFlog

2007-08-31T18:29:00.000-04:00

Jojojo

me creé una extensión de llamada EasyFlog.
desde aquí puedes descargarla(temporalmente)

Para poder usarla, solo necesitas tener el y abrirla con él

¡Y YA ESTA!

cuando vuelvas a abrir , veras unos botoncitos en el lugar de los post, que te permetiran editar el formato de los textos de tus post.
¿fácil no?

¿y si no lo instalo, puedo poner los textos en negritas, cursiva y subrayado?

claro que si, solo es cosa que escribas los códigos dentro de tu post

ejemplo:

[b]Negrita[/b]

se convertira en

Negrita

El resto de los codigos son

[b]Negrita[/b]

[i]Cursiva[/i]

[u]Subrayado[/u]

GalaxyTool

2007-07-06T10:53:00.000-04:00

¿Qué es el GalaxieTool?

El GalaxyTool (GT), es una Herramienta Online, que permite mantener a todo el universo escaneado, y entregar estadísticas de cada jugador y alianzas, segun se necesite

¿Comó funciona?

Cuando un jugador se ha registrado en el galaxytool de su alianza, podra añadir información respecto a estadísticas, posiciones de los planetas y lunas, miembros de una alianza, diplomacia con aquella alianza, etc.

Para añadir información, existen distintos métodos, el primero de ellos es copiar y pegar las estadísticas, sistemas solares o espionajes de la pagina de Ogame y pegarla en la pagina del Galaxytool

y otro paso seria bajar la GalaxyToolbar (muy recomendado)

La Instalacion del GalaxieToolbar (GTP), requiere la instalacion de ciertos programas previos, como lo son el FireFox, y
bueno, aunque este es opcional igual vale la pena, El FoxGame
De todos lo "Plugins" de Firefox este es el mas útil para un ~~adicto~~ jugador de ogame.

¿Cómo se instalan los Plugin's?

Los plugins son archivos que modifican a Firefox para que este adquiera una nueva herramienta o habilidad que antes no tenia, los plugins se bajan en formato, algo.xpi y se abren con el firefox y este lo instalara automáticamente, luego de que se cierre.

¿Cómo Configuro el GalaxyToolbar?

El GTP es aun mas fácil de usar que el foxgame, solo instalas y te saldrá una barra de herramientas en firefox, le das al botón de configurar y le pones

Nombre del Server:
uni3.ogame.com.es

Url:
http://usuarios.lycos.es/lordzorel/secret/galaxyplugin.php

mas tu nombre y contraseña en el GalaxyTool

luego le pones activar y cada vez que pases por una galaxia o revises las estadisticas, este la enviara al GalaxyTool.
para enviar informes, tan solo aprieta el boton de los informe.

¿Cómo configurar el FoxGame?

esa parte déjenla tal cual esta en la Imagen incluyendo lo de los colores, por que ayuda caleta,

La Url para el plugin es http://usuarios.lycos.es/lordzorel/secret/galaxyplugin.php

si todo resulta bien, les debe quedar así

configuraló a tu gusto, metele mano si no pasa nada malo, xD

fíjate en los colores y las opciones que le puse en General I
métete luego a general II
y le activas la autoselección de universo
y una firma (la mía es saludos ; )
hay también podrás seleccionar prioridades
En base de datos, ponle la galaxietool (el dibujo esta mas arriba)
en opciones de horas configura como te muestra las horas de llegada y eso
"añadir hora de un trayecto y dos trayectos"
te permite ver las horas de llegadas

Flash 8: interpolaciones de movimientos

2007-06-22T18:50:00.001-04:00

Lord Zorel: Flash 8: primera animación, p2

Las interpolaciones de movimiento, no sólo nos permiten realizar desplazamientos en forma recta, sino que también siguiendo una curva que nosotros dibujamos, realizar giros, cambiar los tamaños o deformar símbolos achicandolos o estirándolos. También permiten, aplicar filtros de forma progresiva, ya sea éste un efecto de desvanecimiento, un sombreado, un cambio de color (aplicar tinta), un desenfoque, un bisel o todos juntos.

Interpolación guiada

Para hacer que una interpolación, se realice a través de una guía de movimiento, es necesario ir a la capa donde se encuentra la animación y añadir una guía de movimiento (con el botón derecho).
En la capa de la guía de movimiento, dibujamos la guía por la cual queremos que se mueva nuestra animación, de esta forma nuestro símbolo se moverá a través de esa línea o curva que hayamos dibujado. Luego de dibujarla, debemos fijar el centro del símbolo (una pelotita que aparece cuando lo seleccionamos), al comienzo de la linea, en el primer fotograma y luego, hacer lo mismo en el fotograma clave siguiente. De esta manera, podemos crear algo así.

pero así como podemos, pedirle que se guié a través de un trazado, podemos pedirle que gire a través de este, o que aumente su velocidad, mientras este se realiza la animacion como muestra el siguiente ejemplo

¿Cómo se hace?

Para hacer esto, es necesario arreglar las propiedades de los fotogramas con interpolación, en la parte baja del área de trabajo de flash

para lograr un efecto de aceleración y desaceleración , como en el caso de la hormiguita, puede que sea necesario realizar varias interpolaciones, en las que se intercambien los valores de la aceleración

¿Cómo deformar símbolos?

aplicarle una deformación a un símbolo, por medio de una interpolación de movimiento, puede ser muy fácil, ya que con solo aplicar la deformación en el fotograma clave de la interpolación, flash se encargara automáticamente de deformar el símbolo.

Algunos ejemplos:

¿desordenado, no?
XD, me recuerda a un capitulo de Lhomero os Simpson, en el que creá una pagina web, con puras imagenes como estas.

Bueno, para deformar los objetos, basta apretar la herramienta, transformación libre , para comenzar a deformar los símbolos y cambiar su centro, (un punto blanco que aparece en los símbolos, que se usa para anclar los símbolos con las guías de movimiento).
Puedes ayudarte con las siguientes opciones de esta herramienta para facilitar tu trabajo:

Rotar y sesgar: te permite girar la imagen y también "ladear" la imagen.

Escalar: con esta opción, puedes agrandar o achicar los objetos, sin que estos pierdan las proporciones, es decir, cambien de forma

Distorsionar: esta opción te permite distorsionar los objetos, tomándolos de sus esquinas o lados
Envoltura: permite realizar distorsiones de forma mas curva, permitiendo crear extraordinarios efectos, como el siguiente

Lamentablemente, ni distorsionar ni envoltura, son aplicables a símbolos y por ello a interpolaciones de movimiento, pero si a interpolaciones de forma.

¿Cómo Aplicar Filtros?

Los filtros se aplican a una interpolación de movimiento, basta transformar los símbolo en clip de película, en el primer y en el ultimo fotograma de la interpolación, y luego aplicar los filtros sobre los clip de películas.
Por ejemplo si queremos que un símbolo desvanezca, creamos una interpolación de movimiento y al ultimo fotograma le aplicamos un filtro, en especifico, Alfa = 0%, de esta forma el simbolo desaparecera suavemente.

Eso ha sido todo, respecto a interpolación de movimiento, luego seguiremos con mas, respecto a la interpolación de forma.

Consejo

Al principio no es fácil, si es necesario ocupar 100 capas, con 100 interpolaciones para animar un objeto, hazlo.
(luego veras, como se hace mucho mas fácil)

He creado un archivo donde se pude ver como utilizar la animación de movimiento para realizar un dibujo animado como este:

Para descargarlo haz clic aquí

Flash 8: primera animación, p2

2007-06-22T12:34:00.000-04:00

Flash 8: primera animación

Ahora, te enseñare a usar las interpolaciones, así como las use con Neo.

pero antes deberá saber, dibujar en flash. Puede parecer muy difícil a veces, pero con algo de práctica lo conseguirás, en flash los objetos tienen dos partes, el relleno y el borde. Para evitar que aparezca cualquier arresto todos, sólo basta elegir el "color" transparente. Para seleccionar el borde o el relleno, sólo basta ser un clic sobre él, pero si quiere seleccionar ambos, intenta haciendo un doble clic.
Para dibujar, podrás utilizar las herramientas, línea, óvalo, rectángulo, pluma, lápiz, pincel y cubo de pintura. Te recomiendo empezar usando la herramienta óvalo y herramienta línea, ya que puedes con herramientas selección (la flecha negra), modificar las líneas y volver las curvas, así como también podrás moverlo puntos donde inicia cada segmento.

¿y la animación cuándo?

OJO: cuando se crea una interpolación, el fotograma entero se convertirá en un símbolo gráfico, y para modificarlo, deberemos hacer doble clic sobre él para editarlo. Es por ello, que resulta conveniente, crear capas distintas para cada objeto que quieras animar.

para hacer una animación de movimiento, deberás tener a lo menos dos fotogramas claves, en el primero de ellos, pones al objeto en la posición inicial, con que quieras que comience la animación, luego le agregas tantos fotogramas "normales", como quieras que dure y el ultimo de ellos, lo conviertes en fotograma clave, seleccionas el objeto que vas a animar y lo mueves a la posición donde quieres que llegue. luego en el fotograma anterior, con el botón derecho lo conviertes en interpolacion de movimiento y ya esta, la animación tiene vida.

Flash 8: primera animación

2007-06-21T14:19:00.000-04:00

Lord Zorel: Flash 8

Ahora, pondré mi primera animación, y te enseñare a mejorarla.
OjO. En la mayoría de los tutoriales de flash, podrás ver que se utiliza la herramienta ovalo, para crear una pelota y hacerla rebotar, pero yo ademas, voy a utilizar la herramienta linea, para crear un personaje llamado Neo (que nombre más original)

¿y como comenzamos?

Pues, podemos hacerlo de dos maneras, la primera, sera usando fotogramas claves para crear el efecto de movimiento (igual como si fuera un taco de papel, o las hojas de cuaderno), pero este método trae mas trabajo y termina cansando. Aunque te permite realizar animaciones mas detalladas, como se ve en este vídeo

La segunda forma de hacerlo, es utilizando la interpolación de movimiento, que es una de las mejores herramientas que entrega flash

¿como se usa, la interpolación de movimiento?

para crear una interpolación de movimiento, debemos tener dos fotogramas clave, el primero, indicara donde comienza el movimiento, y el segundo donde termina
como puedes ver en el siguiente vídeo

Con unos, cuantos efectos más y unas lineas de fondo, podemos llegar a crear algo como esto

Flash 8

2007-06-18T13:02:00.001-04:00

Bueno, no pudo decir que soy un experto en este programa, pero sí puedo ayudar a solucionar problemas referentes él.

Lo primero que debemos saber, es donde descargar flash, y que mejor que la página oficial.
http://www.adobe.com/la/products/flash/flashpro/evaluation/

ACTUALIZADO

Flash cs4 (flash 10)
http://www.taringa.net/posts/downloads/1642199/adobe-flash-cs4-final-espa%F1ol.html

hay sólo le damos en descargar flash 8 pro (profesional), y tendremos la versión de prueba durante 30 días
(podemos conseguirnos el serial, para tenerlo completo)

Una vez ya instalado en el computador, tendremos un área de trabajo, de la siguiente forma

Como podrán ver, tiene muchas herramientas que nos permiten trabajar. La más interesante de ellas, es la línea de tiempo,
la que nos permite darle vida a nuestras animaciones. Pero flash no solamente, nos permite realizar animaciones, sino también nos permite desarrollar diversas aplicaciones como juegos, menús interactivos, visores de imagines, etcétera. Pero para ello, empecemos por más básico

El fotograma

El fotograma, es similar a una diapositiva de las que conocemos en PowerPoint. En la cual podemos poner nuestros objetos y presentarlos según lo que queramos lograr.
Los fotograma se encuentran distribuidos en capas, cada capa representada la profundidad a la que estará el objeto, si tenemos un objeto en una capa que se encuentra arriba de otra, ese objeto se verá sobre todos los demás objetos, que se encuentren en la capa de abajo. Si deseamos utilizar un fondo, esté deberá ir en la ultima capa.
Podemos encontrar, dos tipos de fotogramas, los fotogramas claves y los normales.
Los fotogramas claves, nos permiten, insertar nuevos objetos dentro de una misma capa, o hacerles modificaciones, mientras que los normales, nos permiten mostrar el mismo objeto durante una determinada cantidad de tiempo que será el número de fotogramas normales que creemos.
Por ejemplo, si creamos, una pelota, en el primer fotograma, y lo creamos cinco fotograma más, pero de los normales, esta pelota se mostrará unos cinco segundos, si creamos 20, se mostrará aproximadamente 20 segundos

Lost

2007-06-07T19:03:00.001-04:00

Creían que estaba dejando la serie Lost de lado, nada de eso, solo que estaba leyendo

y encontre algo interesante, aparte de que la cuarta temporada, estará basada en flash-forward, o sea, vistazos al futuro. También tendrá la participación de Bruce Willis si este actor también estará en Lost
(espero que no sea una medida desesperada para subir el ranking, XD)

http://perdidosporlost.blogspot.com

___________________________________________________________________________________________________________________________________________________________________________________

Heroes: El comic

2007-06-07T18:59:00.000-04:00

Bueno, aqui esta la pagina, donde podran encontrar el comic de Heroes

Realmente esta muy bien hecho, y lo mejor

explica lo que no se ha visto en la serie, como el origen del haitiano
y el grave problema que le causo su poder a su padre

http://www.zonaheroes.com/cat/17-1.html

Cualquier error en el Visor,
pongan un comentario por favor

Heroes

2007-06-07T11:59:00.000-04:00

buu, mas fome el cierre de sesión, estaba mejor la pelea que tuvieron Peter Pitrelli con Sylar en el futuro que la que tuvieron ahora

aunque, eso si, deja muchas interogantes, como a quien se referia molly
al decir que era mucho peor que Sylar

pero bueno, habra que esperar hasta septiembre

por mientras, solo nos queda esto por ver

y para los que se fijan en detalles, miren esto

hay esta una parodia, que esta muy buena

y bueno, si alguien me puede decir, donde conseguirme el comic, seria genial
La Fuente

Jack y Cameron

2007-06-04T09:21:00.000-04:00

Sabia que estos dos doctores tenian algo

Ogame

2007-06-03T15:22:00.000-04:00

Si no puedes ver esta pagina
Haz Click Aqui

__________________________________________________________________________________________.................···············'''''''''''''''''''''_________________________