Oggi vi segnalo Flasheezy, un sito dove trovare risorse per flash designers. Per ogni risorsa è possibile scaricare il sorgente (file FLA) e, anche se il sito è appena nato, penso che si rivelerà molto utile proprio come il già noto Vecteezy.

Visita Flasheezy.com

Per trasferire il contenuto di un array da PHP a Flash la tecnica è molto semplice. Nel file PHP stampiamo il contenuto dell’array nel seguente modo:

<?php

$dati[0]=”Primo”;
$dati[1]=”Secondo”;
$dati[2]=”Terzo”;
$dati[3]=”Quarto”;

$numero_elementi = count($dati);

echo “&numero_elementi=” .$numero_elementi;

for ($i=0;$i<$numero_elementi;$i++)
echo “&dati_” .$i .”=” .$dati[$i];

?>

L’output del file sarà il seguente:

&numero_elementi=4&dati_0=Primo&dati_1=Secondo
&dati_2=Terzo&dati_3=Quarto

Adesso, in Flash, riceviamo le variabili utilizzando la classe loadVars (Abbiamo visto l’utilizzo della classe loadVars in questo articolo).

Dichiariamo le variabili:

var dati = new Array();
var numero_elementi:Number;
var i:Number;

Dopodichè costruiamo un ciclo for che ci permetterà di leggere le variabili:

numero_elementi = this['numero_elementi'];

for (i=0;i<numero_elementi;i++)
dati[i] = this['dati_' + i];

Dopo aver letto la variabile “numero_elementi” che ci indica la lunghezza dell’array, con il ciclo for concateniamo il nome variabile “dati_” con l’indice dell’array in modo da poter accedere alle variabili dati_0, dati_1 ecc.

A questo punto abbiamo ricevuto nell’array dati (Flash) il contenuto dell’array $dati (PHP).

Nel tutorial di oggi vedremo come realizzare un menu dinamico in Flash e PHP.

Per prima cosa realizzeremo, in Flash, un primo livello dove inserire una MovieClip con nome di istanza “menu“.

All’interno di questa MovieClip ne realizzeremo un’altra con nome di istanza “sfondo“. Colorando quest’ultima MovieClip daremo il colore al nostro menu.

Su un livello superiore inseriremo 4 campi di testo con nome di istanza “titolo“, “link1“, “link2” e “link3“. Il primo conterrà il titolo del menu e gli altri tre le voci che comporranno il nostro menu.

Rendiamo i campi di testo HTML…

..e se vogliamo usare un font particolare incorporiamo i caratteri necessari.

Su un livello superiore inseriremo tre aree attive a cui daremo nome di istanza “tasto1“, “tasto2” e “tasto3” (che fantasia ).

A queste tre aree attive corrisponderanno tre link a tre url o pagine web.

A questo punto analizziamo il file di configurazione del menu realizzato in PHP:

<?php

//Titolo del menu
$titolo = “MENU”;

//Colori
$menu_color = “0×336699″;
$title_color = “0xFFFF00″;
$links_color = “0xFFFFFF”;

//Labels delle voci del menu
$label1 = “Home”;
$label2 = “Feed RSS”;
$label3 = “Contattami”;

//Links da associare alla voci del menu
$link1 = “http://www.emawebdesign.com”;
$link2 = “http://feeds.feedburner.com/emawebdesign”;
$link3 = “http://www.emawebdesign.com/contattami”;

echo “&titolo=” .$titolo;

echo “&menu_color=” .$menu_color;
echo “&title_color=” .$title_color;
echo “&links_color=” .$links_color;

echo “&label1=” .$label1;
echo “&label2=” .$label2;
echo “&label3=” .$label3;

echo “&link1=” .$link1;
echo “&link2=” .$link2;
echo “&link3=” .$link3;

?>

Dopo aver settato tutte le variabili a nostro piacimento, verranno inviate al Flash con il comando echo scrivendo la variabile nella forma &variabile=contenuto.

Possiamo adesso inserire nel Flash un ulteriore livello dove inseriremo (sul fotogramma) il seguente codice ActionScript:

var loadData = new LoadVars();
loadData.onLoad = function (success) {
if (success) {

titolo.htmlText = this['titolo'];

_global.menu_color = this['menu_color'];
_global.title_color = this['title_color'];
_global.links_color = this['links_color'];

link1.htmlText = this['label1'];
link2.htmlText = this['label2'];
link3.htmlText = this['label3'];

_global.url1 = this['link1'];
_global.url2 = this['link2'];
_global.url3 = this['link3'];

var my_color:Color = new Color(menu.sfondo);
my_color.setRGB(_global.menu_color);

var text_format:TextFormat = new TextFormat();
text_format.color = _global.title_color;
titolo.setTextFormat(text_format);

var text_format2:TextFormat = new TextFormat();
text_format2.color = _global.links_color;
link1.setTextFormat(text_format2);
link2.setTextFormat(text_format2);
link3.setTextFormat(text_format2);

} else {
trace(”Load error!”);
}
}
loadData.load(”menu_config.php”);

tasto1.onRelease = function() {
getURL(_global.url1);
}

tasto2.onRelease = function() {
getURL(_global.url2);
}

tasto3.onRelease = function() {
getURL(_global.url3);
}

Con la funzione LoadVars caricheremo dal file PHP menu_config.php tutte le variabili e le riceveremo nel Flash nella forma variabile = this['variabile_caricata']; Con la funzione setRGB coloreremo il menu e con setTextFormat i campi di testo.

A questo punto, per completare i pulsanti, possiamo associare ad ogni istanza il comando getURL che punterà alla URL contenuta nella rispettiva variabile.

Scarica il file di esempio e prova a modificarlo. Se hai domande commenta il post o non esitare a contattarmi. Al prossimo tutorial!

download: MenuDinamicoFlash (6.41KB) added: 01/06/2008 clicks: 62 description: Menu dinamico in Flash

Oggi parliamo di Flash e della possibilità che ci offre ActionScript, il linguaggio di scripting di Flash, di poter colorare in modo dinamico testi e MovieClip.

Nell’esempio di questo articolo, realizzeremo sul primo livello un movie clip a cui daremo nome di istanza “mc“.

Sul secondo livello realizzeremo un semplice gradiente per dare alla nostra clip una grafica in perfetto stile web 2.0 come amiamo dire tutti.

Sul terzo livello inseriremo un campo di testo dinamico con nome di istanza “testo“.

A questo punto, sul quarto livello, inseriremo il seguente codice ActionScript:

var my_color:Color = new Color(mc);
my_color.setRGB(0xFF0000);

var text_format:TextFormat = new TextFormat();
text_format.color = 0xFFFF00;
testo.setTextFormat(text_format);

Con le prime due righe, imposteremo un colore RGB per il MovieClip “mc“, nell’esempio il colore 0xFF0000.

Con le ultime tre righe utilizzeremo il metodo setTextFormat per applicare al campo di testo “testo” il colore 0xFFFF00.

Scarica il file d’esempio e modifica questi parametri per cambiare colore a testo e MovieClip.

Quale idea interessante ti viene con questo esempio?

Per esempio, in un sito full-flash potremo colorare dinamicamente MovieClip e testi e quindi colorare logo, menu, testi e altro. Magari se siamo anche esperti di programmazione potremo realizzarci un piccolo CMS per impostare e salvare (magari in un database) i colori da caricare e utilizzare con i metodi setRGB e setTextFormat.

download: Scarica il file di esempio (B) added: 21/05/2008 clicks: 70 description: Scarica il file di esempio

Per sostituire un carattere (o una sottostringa) in una stringa che stiamo trattando in un nostro progetto realizzato in Flash possiamo utilizzare le funzioni split e join di ActionScript.

Ecco un esempio:

var str=“testo di esempio“;
str = str.split(“di esempio“).join(“sostituito“);

Con questa istruzione abbiamo ottenuto la stringa “testo sostituito” dalla stringa di partenza “testo di esempio“.