Ein sehr gutes Einstiegsbeispiel für Adobe Flash Catalyst:

http://createordie.de/cod/artikel/Flash-Catalyst-2575.html

Nachdem man das Beispiel durchgespielt hat, versteht man auch warum die vielversprechende Software es noch nicht in die Ladenregale geschafft hat. Das Setzen der Eigenschaften der Komponenten funktionert noch nicht.

Gelangt man zum letzten Schritt, bei dem man “setProperty” setzen möchte um das mittlere Bild bei den Transitions vom 1. bis zum 3. Bild und umgehehrt auszublenden, stellt man fest dass eine BETA Software eben mal Mängel hat. Durch Klicken auf “Add Action” legt man zwar eine Aktion an, aber dann kann man die Properties im Property-Reiter nicht bearbeiten. Dieses Problem lässt sich durch folgende Code-Modifizierung (z.B. im Flash Builder) beheben.

Innerhalb der Transitions:  fromState=”Page3″ toState=”Page1″ und fromState=”Page1″ toState=”Page3″ fügt man noch eine Instanz der “Parallel  – Klasse” ein. Durch den Fade – Effekt kann man beispielsweise das mittlere Bild transparent schalten. Das “autoReverse” property macht dies rückgängig, sobald man zu einem anderen “State” wechselt.

I’ve been wanting to paint lately, but I feel a twang of guilt each time I get close to the canvas.

The fact that I have downtime is new to me. I’m not used to having this time for creative exploration, and since I don’t know how long it will last, I want to use it wisely. Or it may go on forever.

So, should I be spending this time learning new skills or refining current ones? By these, I mean sitting in front of a screen. This fall, I got a really nasty note from a big client regarding my programming skills for a Flash project. I never promised to have any, but alas I was called “uncommitted” among other things. I was urged to learn Action Script until my mind exploded. That, with my creativity, would get me writing tickets anywhere (stated as a compliment). I never set out to be a coding master, but no one wants just a creative – at least when it comes to bottom level Interactive (i.e., recent grads trying to get the most basic of jobs).

When I was in the Interactive program at PC, we were constantly told to focus on the concept, design, functionality, usability, etc…find the limitations and benefits of technology, but someone else will handle what goes on behind the curtain. Well, right now people want both, and it’s a big game of catch up.  So, when it comes to sitting in front of a canvas or a screen, I hear that angry voice yelling “YOU ARE UNCOMMITTED!” and it’s back to sleepy AS3 tutorials….with my creative energy scratching at the back of my brain, ever so distracting.

For me, a painting is a big commitment. I can spend weeks, months on one. I’ve already spent hours sketching and digitally composing. I want to take a projector and sketch my work on the canvas, for the sake of time, but I feel guilty doing that as well. Am I not missing out on beautiful mistakes that could take me in a new direction? Both art and design are about exploration, and my end is not concrete (the beauty of personal work). Yet technology fuels faster production. which can lead to more time spent on other things – like mastering dreaded AS3.

The ideal is a balance between the two, where upon I just might find myself stressed about both and tinkering with After Effects projects instead.

Last painting, completed fall ‘06 before I started Portfolio Center. Oil on Canvas, 30×40 (no black bars)

Galeria de Fotos carrusel vertical XML y visualizador, como dice el titulo visualizador llamo a que cuando se hace un clic en la foto miniatura, no abre una URL como en todos los casos restantes que tengo subidos, sino que Amplia la foto y luego alli podemos hacer clic para ver la URL.

Es Un Mersh entre 2 galerias de fotos y dejo aqui el FLA en Action Script 2

http://www.controlz.com.ar/di3blog/as2/carrusel_vertical_visualizador.rar

Elemplo de código action script 3.0

Bienvenidos a esta categoría.

Vamos a ir publicando y compartiendo cosas de las ARTES VISUALES  MULTIMEDIA.

Számtalan tutorial jelent már meg ebben a témában, és bevallom őszintén az ismerőseim kérdéseinek nagy része is ebben a témában kérdezett.  A lehetőségegk száma végtelen, hogy szépen retusáljunk. Íme egy gyors és egyszerű módszer.

Ezzel a scriptel pár lépésben elvégezhetünk egy szimpila javítást az arcbőrön.

1. Keresd meg a Photoshop/Presets/Photoshop Actions mappát

2. Hozz létre egy új mappát “TT actions” névvel és másold bele a letöltött filet

3. Indítsd el a Photoshopot

4. Nyisd meg az Actions ablakot ( Windows > Actions)

5. Jobb fölső sarokban klikkelj a kis nyílra és válaszd a “Load Actions” menüpontot

6. Töltsd be a scriptet és használd egészséggel

Gergő

Long post title but its to help me remember it once and for all. I’ve lost too much time to font embedding in AS3 only to find that I’ve tested it on a machines with the fonts installed and the embedding isn’t actually working. I’m not going to go into super detail about it, I’m assuming that you’ve got it 99% of the way and are struggling (and swearing) because it doesn’t stick.

First, some don’ts:

• Don’t use the library. The library is for full font embedding – not partial – and can increase your file by 20 to 30 KB (or more if you’ve got a Unicode font!)
• Don’t use [Embed(source="C:\WINDOWS\Fonts\somefont.ttf", fontFamily="foo")]. I don’t even know if that works but I assume that if it did it would embed the full font which would lead to the previous problem.

Now the process:

1. Draw a text field on the canvas but off the stage and set it to Dynamic Text
2. Set the text field’s font to the font that you want to embed
   • You may or may not have to set the size to what you want to use, haven’t tested that yet
3. Press the embed button in the Properties palette  and select your characters.
   • Don’t forget to include any and all punctuation characters that you’re using.
   • Consider maintenance – is it worth 2KB to exclude a couple of letters you’re not using now only to forget in a couple of months how to add them? Maybe you should just add all of A-Z.
   • If you type your own in don’t forget to include the space character!
4. In your code, reference the font using the exact same name that’s in the dynamic text field’s font menu
   • In fact, copy it out of the menu. I once had a font with two spaces side-by-side in the name. Several hours were wasted on that.
   • var NavItemTextFormat_MouseOff:TextFormat = new TextFormat("Aviano Sans Bold", 12,0x000000,true,false,false,null,null,TextFormatAlign.RIGHT);
5. Last and most important, after you call setTextFormat() on your TextField, you also have to set the embedFonts to true
NavItem.setTextFormat(NavItemTextFormat_MouseOff);
NavItem.embedFonts = true;

Adobe recently released beta version of Flex4  with new features and developer friendly tools.  Wich   enables fast and automated features . Some of  the new features add-on are.

Integrated with Adobe Catalyst

The Flex IDE is integrated with the Adobe Catalyst. witch is formally known as Adobe Thermo.  Which inter operates with adobe products such as Photoshop, CS,Illustrator, etc.. and generates the corresponding mxml code.

The Graphic element generated in Adobe Creative Suite can directly be used in Flex IDE using the Catalyst. Supports to draw graphic objects , It’s behavior with respect to states and events  and import then into IDE . With this design, art and grahic oriented code need not to be type very much.

Text Layout Framework

It is open source framework for rich text rendering.  It has capable of rendering text in columns, Text flow control, support for multi languages including some  Indian languages , Vertical text flow, Right to Left text flow, Text wrapping around image and inserting image in textcontrol, etc.. It also support text to export to xml, html and plain text formats and importing too. TLF can also be used in Flex 3.3 and above , AIR 1.5 . know more about it

Support for FXG

FXG is a XML based graphics interchange format. FXG contains hight level graphics primitives enables to create, combine, group, modify, transform basic vector and bitmap graphics.One of the major benefits of FXG is that it will make it much easier to build visual tooling around working with and designing Flex applications (such as Thermo and all of the Adobe CS tools).

Designers can create graphics using tools such as Adobe Photoshop CS4, Illustrator CS4 and Fireworks CS4 and export them into the FXG format. You can use tools such as Flash Builder with the FXG file to develop rich Internet applications. These applications run in a web browser using the Flash Player or on the desktop as an AIR application.

Component Architecture:

In flex4 new components are  introduced known as ‘Spark Components’ .The ‘Spark’ components are implemented over the ‘Halo’ components. In Flex 3 component architecture is totaly besed on ‘Halo Components’, But  Flex 4 allows to use both Spark and Halo components. In addition FXG componets are supported the xml assembly  prefix are used to differentiate the components kind.

Halo (<mx:Button>)

Spark (<s:Button>)

Fxg (<fxg:component>)

Flex 4 Language changes

• Halo – xmlns:mx=”library://ns.adobe.com/flex/halo”

Included in previous releases of Flex

• Spark – xmlns:s=”library://ns.adobe.com/flex/spark”>

New architecture for skinning and have other advantages/components

• Flash XML Graphics – for workflow hand off between Flash

Catalyst and Flash Builder 4

• xmlns:fx=http://ns.adobe.com/mxml/2009

Support for Flash Catalyst (Thermo) Exports

AS 3.0 웹캠 모션트랙킹의 좋은 레퍼런스 사이트가 있어 올립니다.

http://blog.soulwire.co.uk/flash/actionscript-3/webcam-motion-detection-tracking/

여러전시들을 준비하고 있는 영국디자이너의 블로그로써 오픈소스로 커뮤니티와 공유하고 있으며

그외 Organic Natural code 샘플도 많이 있으니, 프로세싱대신 플래시로 코딩을 하고 싶은

학생들에게 도움이 많이 될거라고 생각됩니다.

http://blog.soulwire.co.uk/tag/experiments/

* 참고로 레페런스 코드를 사용할 때는 그저 복사만 해서 쓰지말고 그 뜻을 해석해서 자신이 원하는 결과를 위해 꾸준한 실험을 하여 자신의 지식으로 만들어야합니다.   Have fun!

…Y Kim

Hello!

Today, we are going to discuss introspection and private namespaces in AS3/Flex!

The motivation to use private namespaces in the context of introspection is to be able to expose API implemented in your class in a way that is not public (everyone can use it), protected (only inheriting classes can use it) or private (only the class can use it).

Consider this: You are implementing a framework, and one of the classes (ClassA) is used both by the framework users (external) and within the framework (internal). That means that all the functionality in ClassA that is intended for external use must be public. Unfortunately, so does the functionality intended for internal use.

If you would like to prevent exposing the internal API to the outside world, but still use it internally, private namespaces is the way to go!

Basically, these are the steps to use private namespaces:
1. Define the namespace:

namespace nameSpace;

2. Use the namespace instead of an access control specifier in a variable or function declaration:

namespace function myFunc() {}

3. Now, use it:

use namespace namespace;
myFunc();

So, without further ado, let’s get down to business.

First, we’ll create the namespace (file namespace/nameSpace.as):

package namespace {
// URIs default to {package}.{namespace defined in this file}, I am overriding this here.
public namespace nameSpace = "com.flexblackbelt.private.namespace";
}

Second, we’ll create the ClassA mentioned above (file example/ClassA.as):

package example {
   import namespace.nameSpace;

   public class ClassA {

      nameSpace function func1():void {}
      nameSpace var tempVar:Object;
      public function func2():void {}
   }

}

Now, any class ClassB that uses ClassA will be able to access func2.
But, to access func1 and tempVar, ClassB would have to import the namespace and use it:

Import namespace.nameSpace;
use namespace nameSpace;
func1();

I have created an example, you can download it here.

Bem agora algo um pouco mais maduro para  os leitores.

O assunto trata de meu Trabalho de Conclusão ou como é de costume chamado ‘TC’ , ele consiste em desenvolver uma ferramenta de portfolio online… algo similar ao MegaUpload, 4Shared, RapidShared, etc… porem com alguns detalhes dos demais, o programa é uma aplicação em Flash que utiliza de PHP para conectar-se a um banco de dados ‘DB’ MySQL, e é ai que o negocio fico feio, mas vamos levando. Assim como em ferramentas de programação o flash possui suas características próprias, estou me referindo ao fato do programa não possuir um código fonte “sintético” como o do Java quando usamos o NetBeans que mostra o código todo agrupado em apenas uma tela, diferente disso o flash pode possuir de certa forma “CAMADAS” onde podemos trabalhar com o código separado embora o mesmo ainda possa interagir com o resto do programa,  alem disso o flash é como eu disse apenas a ferramenta para editar o programa a linguagem utilizada pelo mesmo chama-se Action Script que atualmente esta em sua 3ª versão, esta linguagem não possui um sistema próprio para interação com o DB sendo necessária a implementação de scripts PHP para que o programa possa ser completo. A baixo esta disponível a interface da 1ª versão do programa alguns botões estão funcionando meramente como troca cena para se entender melhor a funcionalidade do sistema o qual pretendo desenvolver.

Infelismente o sistema do blog não permite upload de arquivos swf então apenas mudei a terminação do arquivo para .pngapos o download muda terminação do arquivo para .swf

http://m35tr3.wordpress.com/files/2009/09/renomeie-para-arquivo-swfpainel_17-09.png

No estoy hablando del famoso superheroe cuando titulo este articulo “Ventajas e inconvenientes del todopoderoso FLASH”. Hablo, como ya prácticamente todo el mundo sabe, de esas páginas web realizadas completamente en flash y Action Script, que por lo general son espectaculares visualmente hablando.

Pero no es oro todo lo que reluce, ya que programar una página en este lenguaje trae consigo varios problemas. Hoy tratare de exponer tanto las ventajas como los riesgos de esta tecnología, de la manera en que suelo explicar los artículos en este blog:  Fácilmente.

La historia de FLASH

Comenzaremos resumiendo brevemente la historia de esta tecnología revolucionaria y que tan de moda esta hoy en día. Todo comenzó cuando el arquitecto Jonathan Gay, tras varios años desarrollando diversos juegos y programas, lanzó al mercado una aplicación llamada Future Splash Animator. La aparición de Internet fue lo que propicio el nacimiento de este programa que permitía la creación de animación con imagenes vectoriales, basándose en una linea de tiempo.

No tardó mucho la empresa Macromedia en darse cuenta que había mucho mercado por conquistar, comprando el software a su creador. A partir de ese año, 1996, se renombró el programa, pasándose a llamar Macromedia Flash 1.0.

Fue el nacimiento de las animaciones vectoriales, los banners publicitarios animados, los botones de navegación con varios estados, etc. Macromedia siguió desarrollando el software hasta su archiconocida versión llamada FLASH MX. Una vez que adobe compro macromedia, flash multiplico su potencia de manera explonencial, llegando a convertirse en una herramienta potentísima y usada a nivel mundial por desarrolladores y programadores.

FLASH en la actualidad

Actualmente, la ultima versión de flash es la CS4. En ella, se han hecho importantes avances como por ejemplo la posibilidad de trabajar en 3-D, la animación basada en objetos, el editor de movimiento, o la nueva herramienta llamada “huesos” con la que animar un cuerpo se convierte en tarea fácil.

Esta aplicación emplea el lenguaje de programación orientado a objetos llamado Action scrip, en su versión 3.0, y que permite ampliar la funcionalidad de Flash enormemente.

En la actualidad, rara es la página que no incluye algún tipo de animación flash, ya sea un banner, un mapa de localización o cualquier otro tipo de contenido. Y no pocas son las que optan por basar todo el site en flash. No hay duda de que es una herramienta potente a tener en cuenta. Sin embargo, de la mano de esta tecnología, vienen agarrados numerosos problemas que hacen, cuanto menos, plantearse seriamente si usarla o no. Y en que grado.

Ventajas de usar flash

La primera y mas obvia, por supuesto, la espectacularidad que se puede conseguir con una página programada en flash. El límite de estas páginas únicamente lo marcan dos factores: Los conocimientos técnicos y la creatividad del programador. Un gran ejemplo de los infinitos que podría citar es la siguiente página: http://www.optuswhalesong.com.au/ . Ahí se aprecia realmente lo que se puede conseguir con ingenio y flash.

Otra ventaja relacionada con la anterior, es la riqueza gráfica que se puede alcanzar con este tipo de páginas. Casi hasta podría tacharse de “competencia desleal” ya que una página programada en xhtml y css, difícilmente podrá competir con las mas complejas webs en flash.

Una tercera ventaja es que una web espectacular perdura en la memoria del visitante, y el boca a boca es mas rápido. Por tanto, el flujo de visitas puede verse aumentado rápidamente si nuestro site es lo suficientemente impactante.

Desventajas de usar flash

Aquí viene lo bueno. Mucha gente desconoce los conceptos de SEO y SEM. Estos términos no son mas que los nombres técnicos con los que hemos bautizado al marketing en Internet mas extendido: El posicionamiento en buscadores. Es básico y lógico pensar que si nuestra pagina aparece en las primeras posiciones de las búsquedas en google, msn, yahoo, etc. tendremos mas visitantes. Un ejemplo:

Si un usuario de Internet quiere conocer algún buen blog que hable sobre diseño gráfico, lo mas habitual es que abra google y escriba “blog de diseño gráfico”. En recientes estudios se ha demostrado que por lo general, la mayor parte de la gente no pasa de la primera pagina, usando las webs encontradas en las primeras posiciones casi siempre. Es decir, si este blog algún día estuviera entre los tres primeros resultados de esa búsqueda, multiplicaría las visitas. Otro día hablare de como conseguir esto.

A donde quiero llegar es que una página en flash es mucho mas difícil de posicionar en buscadores sin pagar por ello (SEM). Por lo tanto, ahí tenemos el primer inconveniente grave: Una página en flash exige una inversión mucho mayor y esta condenada a renunciar desde el primer momento a cualquier tipo de estrategia SEO para aparecer gratuitamente en las primeras posiciones de las búsquedas.

El segundo inconveniente grave que se plantea tiene mucho que ver con la paciencia de los visitantes. Si una página tarda mucho en cargar, el navegante huye hacia tierras mas cálidas. Por mucho que se incluyan barritas de carga o porcentajes, si para entrar en una página hay que esperar mas de un minuto, se pierden por el camino la mitad de los usuarios potenciales. Ademas, todavía un 10% de los navegantes usan conexiones telefónicas.

Otro “pero” a sumar: casi el 3% de los usuarios de Internet no pueden visualizar correctamente una página web hecha en flash. Por lo tanto, nos estamos quitando mercado. Ademas, las películas exportadas en versiones actuales de flash tampoco son soportadas por todo el mundo, teniendo que descargar previamente el reproductor y aumentado así las posibilidades de que cierren el explorador por tedio.

Por último, otros problemas derivados de la utilización de flash pueden darse por culpa de ignorar los estándares de accesibilidad, convirtiendo la navegación en misión imposible para muchos internautas. Tampoco se facilita la obtención de estadísticas internas de visitas y clics, ni la actualización dinámica de los contenidos.

Conclusiones finales

En definitiva, el flash hay que saber cuando es indispensable y cuando no. Si podemos permitirnos pagar una campaña de marketing, tenemos la imperiosa necesidad de que nuestro site sea espectacular y cuente con gráficos impactantes y somos capaces de programar la web de manera que su uso sea intuitivo, adelante. Usemos flash.

Si por el contrario buscamos el posicionamiento web gratuito como vía de promoción, necesitamos que nuestra web sea espectacular pero no necesariamente mediante animaciones sino, mas bien, con imágenes y la propia maquetación web, y abogamos por seguir todos los estándares web, usemos xhtml 1.0 y CSS 2.0. (El 3.0 ya habrá tiempo de que funcione en todos los navegadores.

La solución intermedia parte de la base de la segunda opción, (XHTML + CSS + JavaScript) pero incluyendo ciertos contenidos en flash, como banners, animaciones, reproductores… . Eso si, nunca menús o contenidos.

Finalmente he de decir que el blog de un amigo me ha inspirado a escribir este articulo, y por si queréis echarle un ojo, es este.