jueves, 22 de octubre de 2009

Clase del 14 de octubre

En esta clase se nos marco el proyecto del juego de la serpiente, entre todos fuimos deduciendo que es lo que el juego necesita, sus limitaciones y sus condiciones. Empezamos a hacer la documentación del trabajo y también empezamos a ver como haríamos el juego, que líneas de código podríamos usar o mas bien que animaciones podríamos usar para dar el efecto del juego. El maestro respondió las dudas que teníamos con respecto al proyecto, y nos dio unos tips para poder hacerlo y para que lo podamos empezar.

Clase del 13 de octubre

En esta clase el maestro siguió con el tema del puntero, nos mostro unas cosas mas y nos marco un trabajo, el cual consistía en dibujar las estrellas de una constelación y a base del puntero que un día antes habíamos hecho, unir los puntos o estrellas para que se pueda ver la constelación que nos toco, a mi por ejemplo me toco la constelación de Erídano. En este trabajo teníamos que usar lo que el maestro ya nos había mostrado, no era muy complicado. Teníamos que usar el código para diseñar un puntero, y con el código que trazaba líneas uniríamos las líneas, lo difícil era ubicar las estrellas (puntos) en área de diseño para dar la forma de la constelación, eso fue lo que hicimos en esta clase.

Clase del 12 de octubre

Bueno, en esta clase el maestro no enseño como podemos hacer un puntero, que pueda moverse, que pueda dar clic y que tenga un efecto de cómo de fantasma, primero a base de código dibujamos lo que viene siendo un puntero, este fue el código que utilicé:
this.createEmptyMovieClip("puntero",this.getNextHighestDepth());

puntero.beginFill(0xFFFF00,70);
puntero.lineStyle(2,0x0000CC,70);

puntero.lineTo(20,0);
puntero.lineTo(0,20);
puntero.lineTo(0,0);
puntero.endFill();

con este código dibuje mi puntero, e igual hicimos que el puntero se pueda mover atraves del area de diseño, e igual se le dio un efecto para que el puntero de la computadora no se viera y solo pudiéramos ver el puntero que creamos, este es el código para esconder el puntero:

Mouse.hide();

Después hicimos que el puntero pueda trazar líneas para completar las funciones del puntero, las líneas se trazaban de punto a punto, o más bien si dábamos clic en un punto y luego en otro ahí es donde se trazaban las líneas.

Clase del 7 de octubre

En esta clase lo que hicimos fue crear un cuadrado pero a base de código y coordenadas, ya no con la herramienta de trazar líneas, la verdad como era la primera vez que lo hacíamos así, pues la verdad a muchos se nos dificulto hacerlo con código, bueno pues este fue el código que el maestro nos proporciono para crear el cuadrado:
this.createEmptyMovieClip("square_mc", this.getNextHighestDepth());
square_mc.beginFill(0xFF0000);
square_mc.moveTo(50,50);
square_mc.lineTo(100,50);
square_mc.lineTo(100,100);
square_mc.lineTo(50,100);
square_mc.lineTo(50,50);
square_mc.endFill();

El cuadrado es de color rojo y su primer punto se sitúa en la coordenada (50,50). Después no enseño a hacer un triangulo con coordenadas igual, pero como ya habíamos hecho primero el cuadrado, pues no iba a ser tan difícil hacerlo, solo teníamos que ver que coordenadas ponerle y se formaría en triangulo, este es código que utilizamos:
this.createEmptyMovieClip("triangle_mc", 1);
triangle_mc.beginFill(0x0000FF, 30);
triangle_mc.lineStyle(5, OxFF00FF, 100);
triangle_mc.moveTo(200,200);
triangle_mc.lineTo(300,300);
triangle_mc.lineTo(100,300);
triangle_mc.lineTo(200,200);
triangle_mc.endFill();
Después el maestro nos mostro como con la herramienta ayuda podríamos buscar ejemplos de líneas de código y otras herramientas para dibujar otras figures como círculos, estrellas, etc., esto fue lo que nos mostro el maestro en esta clase.

Clase del 6 de octubre

En esta clase el maestro continuo mostrandonos ejemplos de rotacion, escalacion, traslacion y sesgado, para fortalecer mas el tema.

Clase del 5 de octubre

En este día el maestro nos dijo que íbamos a hacer una practica, mejor dicho nuestra primera practica, esta consistía en dibujar un circulo como queramos, y en este circulo implementaríamos lo que el maestro ya nos había explicado, como la escalación, rotación, traslación y el sesgado. Primero hicimos que el circulo se moviera de su lugar y que regrese al mismo, esto lo hicimos a base de fotogramas clave, después el circulo tenia que pasar de un lado de la pantalla al otro sin detenerse, estas dos practicas fueron para tener un ejemplo de traslación. Luego no dijo que dibujemos una a casita y ahí es donde tomo en cuenta lo del punto pivote, teníamos que convertir la imagen a símbolo y definir cual seria su punto pivote, entonces la casita se rotaria a partir de ese punto, primero el punto lo ubicamos en el centro y después en un lado para que viéramos la diferencia de la rotación.
Después el maestro con la misma casita nos mostro a que se le llama sesgado e hicimos que la casita tuviera un efecto de sesgado, seguidamente el maestro nos pidió que volviéramos a dibujar un circulo y en este caso haríamos un botón, nos dijo que teníamos que convertir la imagen a botón, para poder ver los efectos de un botón, vimos como el botón se ve normal, cuando el puntero pasa por encima de el y cuando da un clic y se suelta el botón, e igual nos dijo que le hiciéramos un cuadro de dialogo donde nos dijera que función se realizo en el botón.

Clase del 29 de septiembre

En esta clase el maestro volvio a explicarnos los temas que ya se habian expuesto, para tener una mejor comprension sobre ellos, el maestro nos explico de una mejor manera ya que nosostros no manejabamos del todo bien los temas, retomo lo de escalación, traslación, rotación, sesgado, lo que es el punto pivote.

Clase del 28 de septiembre

La clase se llevo a cabo a base de exposiciones, lo equipos expusieron sus temas que les habían tocado, por ejemplo a mi equipo le toco el tema de composición de transformaciones 2D, el cual hablaba de cómo utilizar lo que viene siendo la rotación, la traslación, el escalamiento y el sesgado. Los demás equipos nos explicaron de qué se tratan cada uno de los temas involucrados con la composición. Nos explicaron por ejemplo que la traslación es mover o trasladar de un punto a otro un objeto, que la rotación es girar el objeto desde un punto pivote que puede ser ubicado en diferentes puntos de la imagen, que el escalamiento es aumentar y disminuir de tamaño alguna imagen u objeto y que el sesgado es darle un transformación ala imagen, como una inclinación, aparte el maestro ayudó a los demás compañeros con las explicaciones, por que no manejaban el tema del todo bien.

Clase del 28 de septiembre


Clase del 23 de septiembre

En esta clase se repartieron los temas a cada equipo para las exposiciones y nos dijo que buscaramos informacion, la clase serviria para buscar informacion para exponer.