Archive Page 11

Paregos Scroll de Texto

Basado en: http://www.paregos.com

Por supuesto, no pretendo que el código que he escrito sea exacto al original, pero seguramente se acerca mucho. He intentado que la reproducción sea lo más fiel posible en cuanto a funcionamiento, en cuanto a tipografia, tamaño, etc. es sencillo personalizarlo.

Exportable tanto para Flash MX2004 como para Flash 8, la única diferencia es que para textField se ha utilizado la propiedad align=’justify’ que no está disponible para MX2004.

Para algunas animaciones, he utilizado la clase mc_tween2 disponible en MC Tween.

This movie requires Flash Player 8

Descarga Paregoscroll.zip

Paregoscroll.zip se ha descargado 2,477 veces.

1 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 51 Votes | Average: 5 out of 5 (1 votos, promedio: 5 sobre 5)
Loading ... Loading ...

Trabajar con bibliotecas comunes

Existen dos modalidades para compartir bibliotecas con flash: en tiempo de edición y en tiempo de ejecución. La forma má sencilla de compartir bibliotecas en tiempo de edición consiste en arrastrar objetos de una biblioteca a otra, practicamente estamos hablando de un copiar y pegar, algo que hacemos cotidianamente.

Pero disponemos de otra modalidad mucho má potente para compartir librerias en tiempo de diseño. Es de esta última de la que se habla en este artículo.

Bibliotecas comunes ¿Qué son y para que sirven?

Son bibliotecas almacenadas en un directorio de flash para ser compartidas por cualquier documento .fla abierto. Las bibliotecas comunes, permiten disponer de colecciones de objetos que usamos comúnmente en el desarrollo de nuestras aplicaciones (sonidos, botones, gráficos, clips de película, etc.)

Supón que creas una biblioteca con aquellos archivos de sonido que más utilizas (efectos especiales, efectos para botones, etc.) otra con gráficos (iconos, logotipos) otra con botones. Ya no tendrás que buscar en otros .fla, para reutilizar esos símbolos.

Flash, dispone de tres librerías comunes instadas por defecto: Botones, clases, interacciones de aprendizaje.

¿Cómo puedo crear mis propias bibliotecas comunes?

El proceso es muy simple, se trata de crear los objetos que queremos compartir en una biblioteca y copiar esta en el directorio Libraris de flash (mas adelante, veremos como acceder a dicho carpeta)

Creando un biblioteca común sonidos

  1. Abre un documento flash nuevo.
  2. Guardar como sonidos.fla.
  3. Busca tu carpeta de sonidos preferidos.
  4. Importa un archivo de sonido a tu biblioteca. Archivo>Importar>Importar a biblioteca.
  5. Abre el panel biblioteca. Paneles>Biblioteca (Ctrl +L) Verás que en tu biblioteca, hay un nuevo sonido. Repite la operación hasta tener todos los sonidos que conformarán tu biblioteca de sonidos.
  6. Archivo>Guardar.
  7. Cierra sonidos.fla.
  8. En la carpeta donde has creado tu sonidos.fla, con el icono de archivo seleccionado, copia el archivo al portapapeles (Ctrl+C)
  9. Busca la carpeta C:/Archivos de programa/MacromediaFlash MX 2004/esConfiguration/Libraries
  10. Pega sonidos.fla (Ctrl+V)

¿Cómo se usan las bibliotecas comunes?

  1. Abre un nuevo archivo .fla.
  2. Ventana>Otros paneles>Bibliotecas comunes
  3. Automáticamente, se abre un panel biblioteca, verá que el-los sonidos incluidos están disponibles para tu nuevo fla.
  4. Abre el panel de biblioteca para el documento actual.
  5. Arrastra al escenario una copia del archivo de sonido de tu biblioteca común 'sonidos', a la biblioteca del archivo que acabas de abrir, se crea una copia del archivo seleccionado.

Imagina la comodidad, a lo largo del tiempo, has ido acumulando un sinfín de sonidos, efectos especiales, loops, que ahora puedes incluir fácilmente desde un panel biblioteca en cada nuevo proyecto en el que estás trabajando.

Los pasos indicados anteriormente, son aplicables a cualquier otro tipo de objeto, por ejemplo clips de película o gráficos que previamente tendrás que crear.

Como puedes ver, flash incluye numerosas herramientas que favorecen un mejor aprovechamiento del entorno de trabajo y tiempo de desarrollo.

2 Votes | Average: 5 out of 52 Votes | Average: 5 out of 52 Votes | Average: 5 out of 52 Votes | Average: 5 out of 52 Votes | Average: 5 out of 5 (2 votos, promedio: 5 sobre 5)
Loading ... Loading ...

Utilizando contornos de fuentes incorporadas (embedFonts) en componentes de flash

Tres técnicas para personalizar el estilo de los UI components de flash utilizando contornos de fuentes incorporadas (embedFonts). Para todos los casos, el primer paso consiste en vincular la fuente que se va a utilizar:

  1. Abrir el panel Biblioteca
  2. Hacer clic en el botón situado a la derecha de la parte superior del panel.
  3. Seleccionar Nueva fuente
  4. En el combobox Fuente, seleccionar la fuente y escribir un nombre. Aceptar
  5. En la biblioteca, se habrá creado un nuevo objeto fuente, seleccionar y hacer clic con el botón derecho.
  6. Desmarcar Exportar para ActionScript La casilla identificador, puede ser el mismo que hemos utilizado como nombre. Aceptar
  7. Insertar -> Línea de tiempo -> Capa
  8. Modificar -> Línea de tiempo -> Propiedades de capa
  9. Escribir un nombre de capa (actions)
  10. En la capa actions, escribir el código.

Para estos ejemplos, se ha vinculado la fuente "FFF" Harmony y se le asigna el identificador "harmony"

Aplicar a todos los componentes

De esta forma, todos los componentes utilizados en la aplicación, heredan el estilo.

Actionscript:
  1. _global.style.setStyle("embedFonts", true);
  2. _global.style.setStyle("fontFamily", "harmony");
  3. _global.style.setStyle("fontSize", 8 );

Aplicar a una clase de los componentes

Si se instancian diferentes clases de componentes, es posible personalizar determinadas clases sin que afecte al resto, en este ejemplo, se personaliza la propiedad texto para todos los componentes TextaArea

Actionscript:
  1. var styleObj = _global.styles.TextArea = new mx.styles.CSSStyleDeclaration();
  2. styleObj.embedFonts = true
  3. styleObj.fontFamily = "harmony"
  4. styleObj.fontSize = 8

Aplicar a un instancia de clase de componente:

En el siguiente ejemplo, se personalizan determinadas instancias de componentes, es decir, no se modifican todos los componentes de una clase.

Actionscript:
  1. var styleObj = new mx.styles.CSSStyleDeclaration();
  2. _global.styles.myStyle = styleObj;
  3. with (styleObj) {
  4.     embedFonts = true;
  5.     fontFamily = "harmony";
  6.     fontSize = 8;
  7. }
  8. miTexto.setStyle("styleName", "myStyle");
  9. miBoton.setStyle("styleName", "myStyle");

3 Votes | Average: 5 out of 53 Votes | Average: 5 out of 53 Votes | Average: 5 out of 53 Votes | Average: 5 out of 53 Votes | Average: 5 out of 5 (3 votos, promedio: 5 sobre 5)
Loading ... Loading ...