Construirea FLASH LOGO in ActionScript 3.0

In codul ce urmeaza am creat  Logo-ul Flash, numai din ActionScript 3.0

Codul este simplu, usor de inteles si nu mi-am batut capul prea mult sa imit la perfectiune nuantele Logoul-ui original.
In final am creat si o functie de rotire a elementului in jurul punctului de pe scena unde se apasa mouse-ul.

Puteti vedea in link-ul urmator fisierul original si cu actiunea de rotire la click: Flash Logo

//LOGO FLASH
import fl.motion.*;

// ------- ELEMENTELE DE GRADIENT PENTRU PATRAT ------- \\
var gradType:String = GradientType.RADIAL;
var matrix:Matrix = new Matrix();
matrix.createGradientBox (250, 250, 0, -100, -100);
var colors:Array = [0x990000,0x000000];
var alphas:Array = [1,1];
var ratios:Array = [0,255];

// ------- ELEMENTELE DE GRADIENT PENTRU LITERE ------- \\
var gradType2:String = GradientType.LINEAR;
var matrix2:Matrix = new Matrix();
matrix2.createGradientBox (100, 100, deg2rad(90), 0, 0);
var colors2:Array = [0xffffff,0xffffff];
var alphas2:Array = [1,0.1];
var ratios2:Array = [100,255];

// ------- CONSTRUIREA PATRATULUI SI APLICAREA GRADIENTULUI ------- \\
var baza = new Sprite();
baza.graphics.beginGradientFill (gradType, colors, alphas, ratios, matrix);
baza.graphics.drawRect (0, 0, 100, 100);
baza.x = baza.y = 150;
baza.scaleX = baza.scaleY = 1.5;
addChild (baza);

// ------- FUNCTIA CONVERTESTE GRADELE IN RADIANI PENTRU LUCRU CU MATRIX ------- \\
// ------- PENTRU A INTOARCE GRADIENTUL LITERELOR CU 90 GRADE ------- \\
function deg2rad (deg:Number):Number {
	return deg * (Math.PI/180);
}

// ------- CONSTRUCTIA LITEREI F ------- \\
var f:Sprite = new Sprite();
with (f.graphics) {
	lineStyle ();
	beginGradientFill (gradType2, colors2, alphas2, ratios2, matrix2);
	moveTo (29, 75);
	lineTo (29, 25);
	lineTo (53, 25);
	lineTo (54, 32);
	lineTo (37, 32);
	lineTo (37, 47);
	lineTo (53, 47);
	lineTo (53, 54);
	lineTo (37, 54);
	lineTo (37, 75);
	lineTo (30, 75);
}
baza.addChild (f);
f.x = -3;

// ------- CONSTRUCTIA LITEREI L ------- \\
var l:Sprite = new Sprite();
with (l.graphics) {
	lineStyle ();
	beginGradientFill (gradType2, colors2, alphas2, ratios2, matrix2);
	moveTo (64, 68);
	lineTo (64, 25);
	lineTo (73, 25);
	lineTo (73, 66);
	curveTo (73, 68, 76, 68);
	lineTo (77, 75);
	curveTo (64, 77, 64, 67);
}
baza.addChild (l);
l.x = -3;

// ------- ROTIM LOGO-UL IN JURUL PUNCTULUI DE APASARE AL MOUSE-ULUI ------- \\
var down:Boolean = false;
stage.addEventListener (MouseEvent.MOUSE_UP, onUp, false, 0, true);
stage.addEventListener (MouseEvent.MOUSE_DOWN, onDown, false, 0, true);
addEventListener (Event.ENTER_FRAME, onLoop, false, 0, true);
function onDown (evt:MouseEvent):void {
	down = true;
}
function onUp (evt:MouseEvent):void {
	down = false;
}
function onLoop (evt:Event):void {
	if (down) {
		var mat:Matrix = baza.transform.matrix;
		MatrixTransformer.rotateAroundExternalPoint (mat, mouseX, mouseY, 20);
		baza.transform.matrix = mat;
	}
}

Debugging in Flex Builder prin Chrome Browser

Pentru a realiza acest lucru si a castiga implicit in viteza, trebuie sa deschideti mai intai in Flex Builder tab-ul window > Preferences > General > Web Browser.

In noua fereastra deschisa, daca nu apare in lista si browser-ul Chrome, va trebui adaugat apasand butonul New.

In fereastra ce apare veti scrie Chrome in campul din dreptul etichetei Name:. In dreptul etichetei Location: scrieti calea catre fisierul chrome.exe. La mine aceasta este:  C:\Users\NumeUser\AppData\Local\Google\Chrome\Application\chrome.exe. Calea O puteti gasi usor dand click dreapta pe iconul Google Chrome, apoi Properties, dupa care copiati ce scrie in campul din dreptul etichetei Target. Revenind la fereastra Edit External Web Browser, in ultimul camp din dreptul etichetei Parameters: scrieti -sandbox, nu mai ramane decat sa apasati OK.

Pana aici am reusit sa deschidem aplicatia cu Browserul Chrome in momentul in care apasam pe Run DataEntryControls.

Pentru a avea acelasi rezultat si cand apasam pe Debug DataEntryControls trebuie sa mai urmam cativa pasi:

Mergem la http://www.adobe.com/support/flashplayer/downloads.html. Din lista Updates by version: eu am ales Flash Player 10. Apoi, pentru a obtine Plugin-ul am apasat link-ul Download the Windows Flash Player 10 Plugin content debugger (for Netscape-compatible browsers) (EXE, 1.99 MB). Dupa ce se descarca fisierul, il instalati si gata.

Personal, dupa numeroase incercari cu diferite browsere, am fost multumit de schimbarea la Chrome. Eu folosesc versiunea: 3.0.194161 de Flex Builder.

Cum adaug o actiune dupa ce se termina rularea unui .flv incarcat in flash cu NetConection si NetStream

var videoConnection:NetConnection = new NetConnection();
videoConnection.connect(null); 
var videoStream:NetStream = new NetStream(videoConnection); 
videoStream.play("myMovie.flv"); 
var metaListener:Object = new Object(); 
metaListener.onMetaData = onMetaData;
videoStream.client = metaListener; 
var video:Video = new Video(); 
video.attachNetStream(videoStream); 
addChildAt(video, 0);
 
function onMetaData(data:Object):void {
         video.width = 100;
         video.height = 50;
}

Acum urmeaza codul in interiorul caruia puteti adauga orice actiune care sa urmeze finalului filmului myMovie.flv, de exemplu sa redirectionati pe o alta pagina automat, adica in locul codului trace(“orice actiune vine aici”); puteti scrie navigateToURL(numeURL, “_self”);

videoStream.addEventListener(NetStatusEvent.NET_STATUS, ns_Handeller);
function ns_Handeller(event:NetStatusEvent) {
     if (event.info.code=="NetStream.Play.Stop") {
         trace("orice actiune vine aici");
     }
}

Platforma Flash de la Adobe adoptata in numar record

Adobe MAX Japonia, Tokyo — Adobe System Incorporated, a anuntat pe 29 Ianuarie 2009, ca Adobe® AIR® si Adobe Flash® Player 10, componente cheie ale Platformei Flash, au fost instalate intr-un numar record de catre persoane fizice si companii din toata lumea. In mai putin de un an de la aparitia lor, s-au inregistrat peste 100 milioane de instalari pentru Adobe AIR. In plus Adobe Flash Player a fost instalat pe mai mult de 55% din computerele de pe intreaga planeta, doar in primele doua luni de la aparitie si se asteapta sa se ajunge chiar la 80% in prima jumatate a anului 2009, cu mult peste ceea ce s-a intamplat cu precedenta versiune.

Adobe AIR si Adobe Flash Player sunt disponibile pentru urmatoarele sisteme de operare: Windows, Mac si Linux. Pot fi download-ate gratuit cu suport in 15 limbi. Pentru mai multe informatii vizitati www.adobe.com/go/air si www.adobe.com/go/getflashplayer

Ca fapt divers puteti vizita si Adobe MAX Japan  :)

Ce poti face in doar 25 linii de cod?

Un concurs foarte interesant pe care l-am gasit vizitand www.25lines.com, iar finalistii ultimei etape ii puteti vedea si la Flash SPEAKS ActionScript. Va invit sa participati la acest concurs, sau macar sa-i votati pe participanti. Sper ca acest eveniment sa aiba loc regulat, pentru ca rezultatele sunt cu adevarat interesante.

Ultimul castigator pentru etapa Noiembrie/Decembrie 2008 a fost Marius Heil, el a creat o platforma de joc cu o redare ASCII intr-un camp de text Flash plus o functie custom de copy/paste.

Rezultatul il puteti vedea aici: http://www.25lines.com/finalists/0812/043.swf

FLASH redefinit?

Hai sa vedem pe scurt, cum defineste Brimelow patru termeni importanti in domeniu. Mentioneaza ca nu sunt definitii oficiale Adobe ci doar opinii personale, insa in mare eu sunt de acord cu el.

 

Flash – Probabil cel mai greu de definit. In trecut termenul era folosit mai mult cu privire la Instrumentul Flash propriu-zis, la flashplayer si la alti termeni generici ai tehnologiei flash. Pornind de aici putem spune ca Flash este o platforma tehnologica avand in “centru” Flashplayer-ul.

Flex – a fost descris mai mereu si ca “framework” si ca “developer IDE” (Integrated Development Environment) = (Mediu de dezvoltare a programelor de calculator). Aceasta a cauzat si probleme deoarece adesea s-a spus “Am creat asta in Flex”. Dar ce inseamna asta? S-a folosit “Flex framework”, sau s-a facut un proiect ActionScript normal folosind Flex Builder? Acesta a fost cel mai frustant termen cu care se poate converge. Pornind de aici putem spune despre cuvantul Flex ca va fi folosit exclusiv pentru a descrie “framework-ul” in sine, nu “IDE-ul”. Asa ca  singurul motiv pentru care puteti spune ca ati construit ceva in Flex, este atunci cand folositi in proiectul vostru “framework-ul” Flex….

Flash Developer – acest termen poate avea definitii diferite in functie de cel caruia i te adresezi. Termenul de “Flash Developer” poate fi folosit pentru a descrie pe cel ce dezvolta continut pentru Platforma Flash. Daca faci development in Flash CS4 asta inseamna ca esti “Flash developer”. Daca folosesti Flex framework deasemenea poti fi numit “Flash developer”. Acest lucru aduce in fata urmatoarea intrebare: cum se numesc cei ce folosesc numai “Flex framework development”? Acest lucru este relativ asemanator celor specializati in “Java Swing development”. Chiar daca sunt specializati in “Swing development”, ne referim la ei tot ca “Java developers”. Bineinteles oricine poate continua sa se numeasca pe sine insusi “Flex developer”, sau orice altceva, dar totusi ei raman “Flash developers” specializati in “Flex framework”.

Flash Designer – Ar trebui sa-i reprezinte ca termen pe cei ce folosesc Flash si care nu prea au treaba cu codarea in ActionScript. Ii putem numi Flash designeri, sau chiar Flash animatori, dar termenul de designeri pare a se potrivi mai bine. Bineinteles ca linia ce desparte un Flash designer de un developer poate fi destul de subtire si in cele din urma pot fi luate si ca etichete subiective si arbitrare.

 

Dupa cum am vazut si in anumite comentarii ce s-au facut pe aceasta tema, parerile sunt impartite. Eu tind sa ma apropii de definitiile de mai sus. Sunt unii care s-ar putea simti frustrati de anumiti termeni, unii care s-ar crede “coder-i” puri, fara nici o legatura cu altceva, insa ei uita ca adevarata recunoastere se afla pana la urma in rezultatele muncii si talentului lor si nu in etichetele, titlurile, sau denumirile ce ar putea sa li se aplice.

A aparut FLASHER MAGAZINE, primul numar.

Primul numar din Flasher Magazine a aparut, asta este stirea de pe blog-ul lui Lee Brimelow http://theflashblog.com/?p=589

Din cuprins un interviu cu Chuck Freedman si Ryan Steward. Sunt anuntate diferite evenimente ce au, sau ce vor avea loc in lumea flash, de asemenea Brimelow da si cateva lamuriri despre cum isi face el tutorialele.

O initiativa excelenta. Puteti downloada primul numar in format mp4, compatibil si pentru iPod/iPhone, de aici