CREACIÓN CON FLASH

Información

CREACIÓN CON FLASH

Espacio con tutoriales para aprender a crear diseños, animaciones y aplicaciones interactivas con el Programa Adobe Flash

Miembros: 134
Última actividad: 29 Abr 2020

INFORMACIÓN Y TUTORIALES

HERRAMIENTA NECESARIA

El programa de adobe Flash. Se recomienda la versión Flash MX 2004 o la CS· que es la que suelen tener muchos centros educativos y en la que se basan los tutoriales. También se pueden utilizar otras versiones aunque puede haber cambios en los menús del programa.

OBJETIVOS
Iniciación en la creación de objetos multimedia interactivos con Flash: dibujos vectoriales, diseños de interfaces, animaciones, aplicaciones interactivas.

DINÁMICA DE APRENDIZAJE

A partir de los tutoriales y algunas plantillas abiertas de aplicaciones se trata de compartir entre todos las dudas y poder aprender colaborativamente publicando los trabajos en el foro.

 

BIBLIOTECA ACTIONSCRIPT 

 

CURSO AVANZADO DE ACTIONSCRIPT 2


NUEVOS TUTORIALES TALLER-FLASH 2010-2011
flash-genmagic1.pdf
flash-genmagic2.pdf ejercicio-->tutorial2.swf
flash-genmagic3.pdf-->tutorial3.swf
flash-genmagic4.pdf-->ejercicio-->tutorial4.swf
flash-genmagic5.pdf--ejercicio->tutorial5.swf
flash-genmagic6.pdf
flash-genmagic7.pdf
flash-genmagic8.pdf
flash-genmagic9.pdf
flash-genmagic10.pdf ejercicio-->tutorial10.swf
Flash-genmagic11

Flash-genmagic12  ejercicio-->tutorial12.swf

Flash-genmagic13 ejercicio--> tutorial13.swf

Flash-genmagic14 ejercicio-->ejercicio_14.swf

Flash-genmagic15 

Flash-genmagic16

flash-genmagic17.pdf

flash-genmagic18.pdf

flash-genmagic19.pdf   duplicate2.swf

flash-genmagic20.pdf        duplicate4_papelera_temporizador.swf

flash-genmagic21.pdf  tutorial21_funciones_de_cadena.swf

flash-genmagic22.pdf

 

IMAGENES VECTORIALES-GENMAGIC LIBRES
Ver: http://genmagic.org/baseimag/index.swf
Descargar: http://genmagic.org/baseimag/baseimag.zip

OTROS TUTORIALES

Tutorial1 espejo.pdf Tutorial 2 Banner.pdf Tutorial 3 muñeco.pdf

......................................................................................................................................................................

VIDEOTUTORIALES
Dibujar una caja decorada con efecto 3D
Dibujar una botella con Flash. (dibujar a partir elementos geométricos).
Creación de botones (Javier de la Cruz) Dimensiones de flash (Javier de la Cruz)
Ver todos los videotutoriales de Javier



 

 

 

Foro de discusión

PROYECTO 1

Iniciada por roger. Última respuesta de JOSE NOE SANCHEZ 1 Jul 2016. 24 Respuestas

Pregunta tutorial 9

Iniciada por Victor Barjuan Sanz. Última respuesta de roger 8 Ago 2014. 4 Respuestas

Quiero aprender

Iniciada por ANA BELÉN SÁNCHEZ ZOROA 27 Nov 2011. 0 Respuestas

Comentarios

Comentar

¡Necesitas ser un miembro de CREACIÓN CON FLASH para añadir comentarios!

Comentario por Amalia Casas el enero 20, 2011 a las 8:27pm

Hola Jaume, mi programa 'protesta'. Seguí tus instrucciones y el mensaje de error es este: "La declaración debe aparecer dentro del controlador on/onClipEvent". Probablemente es debido a que  trabajamos con diferentes versiones.

No te preocupes más, no hay prisa. Tengo mucho que practicar con lo que hemos trabajado hasta ahora y mucho que experimentar antes de dar más pasos.

Gracias.

Comentario por roger el enero 20, 2011 a las 8:18pm

Hola,
Ojo con el _root que en la versión del lenguaje actionscriot 2.0 es importante. En la versión 3.0 no.  Y es importante porque cuando ponemos _root delante de un clip (_root.estrella1) estamos diciendo que esa estrella se encuentra en la película principal. Así de  esta forma:
 _root.estrella1._rotation+=5;  rotamos la estrella.
 Pero si ponemos:
 _root.estrella1.estrellita1._rotation+=5; estamos rotando la estrellita1 que está dentro de la estrella1. 


Ejemplo de la clip estrella2 dentro de estrella1.ejercicio_14b.swf

El mismo ejemplo variando el punto de registro de la estrella2: ejercicio_14c.swf

 

En resumen en actionscript el _root nos sirve para referirnos a los clips que están en la película principal. Ya iremos viendo más ejemplos.

Comentario por Jaume Villarreal el enero 20, 2011 a las 7:21pm

Hola a todos,
primero os expongo una dificutad con la que me encuentro. Actualmente estoy trabajando directamente sobre Flash5, la última versión del programa y ésta no trabaja directamente con ActionScript 2.0, sino con AS 3.0. Por eso tengo algún problema a nivel de código y algunas de las pruebas que hago no me funcionan. A pesar de todo, intentaré ir resolviendo alguna duda, a ver si lo consigo.

=============================

Javier, efectivamente el ejercicio funciona perfectamente sin el _root. De hecho, estos términos pertenecen a versiones anteriores, donde era necesario especificar en qué nivel se encontraban los clips. Ahora prácticamente ya no se usan. En lo referente a la duración de tu clip, la explicación es sencilla: sin saberlo has generado un operador muy válido para este tipo de animaciones, el operador "+=". Este operador permite acortar una expresión matemática de incremento de la siguiente manera:

  • "estrella1._x+=6" es lo mismo que decir "estrella1._x= estrella1._x+6"
  • Como puedes observar, este operador ahorra bastante código, ya que en una sola expresión une incremento y resultado a la vez. De esta manera, te valdrá para incrementar ["+="  "*="] o para decrementar ["-=" "/="]. Lo único que debes respetar es el orden: primero el operador de algoritmo y después el de resultado.

=============================

Amalia, prueba a colocar este código para ver la utilidad del condicional:
estrella1.onEnterFrame = function() {
    estrella1._x+=5
    if (estrella1._x >= 500){
        estrella1._x = 0
        }
    }
No te asustes al ver la primera línea, es exactamente igual que "onClipEvent(entreFrame)", expresado de otra manera. Copia este código, colócalo en el panel de acciones y observa lo que pasa. Si todo sale correctamente, verás que el programa va generando un incremento de 5 píxeles sobre sobre estrella1, pero contínuamente va testando la condición marcada por el "if". En el momento en que detecte que la posición _x de estrella1 sea más grande o igual que 500 lo devolverá a 0.


=============================

Espero no haber liado mucho la historia. Ya sabéis que si hay cualquier duda y puedo echar un cable estaré encantado.
Saludos,
Jaume

Comentario por Amalia Casas el enero 20, 2011 a las 11:11am
Después de comprobar el código, volverlo a escribir, comprobar el copiado por Roger... la estrella no vuelve. ¿Vuelve la vuestra?
Comentario por Amalia Casas el enero 20, 2011 a las 9:34am

Jaume, acabo de descubrir que el ejercicio funciona exactamente igual sin el código que aparece a partir de 'if''. ¿Qué se supone que aportaría la condición 'if'?

Gracias por tu tiempo.

 

Comentario por Alfredo Rodrigálvarez el enero 20, 2011 a las 9:24am
Muchas gracias Jaume, efectivamente no había puesto el nombre de instancia en el panel de propiedades.
Comentario por Javier de la Cruz el enero 20, 2011 a las 9:03am
Otra consulta. Por lo que he leido en los manuales anteriores, el ejercicio funcionaría también sin poner el root, puesto que sólo hay una animación. ¿Es así?
Comentario por Javier de la Cruz el enero 20, 2011 a las 9:02am

Comparando mi código con el de Amalia, he descubierto porqué el mío duraba tan poco. Aparte de los valores numéricos, había una diferencia y era el signo "=". La primera línea sería la de Amalia, la segunda la mía:

_root.estrella1._x=_root.estrella1._x+=6;

_root.estrella1._x=_root.estrella1._x+6;

Supongo que la diferencia es que Amalia le está diciendo que vaya a la posición 6 y yo le estoy diciendo que avance 6 posiciones. Creo entender que esa es la diferencia. ¿Es correcta mi interpretación?

Comentario por roger el enero 20, 2011 a las 8:51am

Hola,

Para organizar las aportaciones de código actionscript que vamos aportando entre todos he creado una documento compartido que lo llamaremos BIBLIOTECA DE CÓDIGO

Todos lo podemos ver pero los que quieran añadir código deben decírmlo para dar el permiso de editor.

 

Podemos continuar pegando el código aquí y si lo desamos también lo archivamos en la biblioteca para que podamos acceder rápidamente.

 

He añadido como ejemplo el código de Jaume. Por cierto sobre las sentencias:

_root.estrella1._xscale;

_root.estrella1._yscale;

Ya que no tienen ninguna función al no tener asignación.

 

Comentario por Jaume Villarreal el enero 20, 2011 a las 12:06am

Hola Amalia,

te paso el código completo, en principio debería funcionar. Ten en cuenta que el código debe terminar con dos claudátors, puesto que siempre que se abre uno se debe cerrar.

onClipEvent(enterFrame){
_root.estrella1._xscale;_root.estrella1._xscale+=7;
_root.estrella1._yscale;_root.estrella1._yscale+=7;
_root.estrella1._rotation+=7
_root.estrella1._x=_root.estrella1._x+6;
_root.estrella1._y=_root.estrella1._y+5;
_root.estrella1._alpha=_root.estrella1._alpha-1
if (_root.estrella1._alpha<=0){


_root.estrella1._rotation=0;
_root.estrella1._x=0;

_root.estrella1._xscale=100
;
_root.estrella1._yscale=100;

_root.estrella1._alpha=100
}
}

Espero que sirva. Si hay alguna duda lo volvemos a intentar!

Saludos,

Jaume

 

Miembros (134)

 
 
 

© 2024   Creado por roger.   Tecnología de

Emblemas  |  Reportar un problema  |  Términos de servicio