Tutorial Flash: lavagna da disegno per il nostro sito

Abbiamo bisogno di una lavagnetta per il disegno libero, magari da posizionare in un sito a scopi didattici? Niente paura, ci pensano i ragazzi di FlashandMath, con questo ottimo script in As3 customizzabile in alcuni suoi aspetti dal file CurveDraw.fla. La lavagna è inoltre fornita di un’ottima funzione di export, in modo da poter salvare in locale le nostre opere d’arte.

Modifichiamo i parametri aprendo con F9 il pannello delle azioni, nell’unico frame presente sulla timeline.

Stabiliamo le dimensioni del layout di disegno.

BoardWidth = 700;

boardHeight = 500;

Il colore del pannello contenente la palette:

panelColor = 0xAAAAAA;

Pressione, colore più scuro e più chiaro dei colori in palette:

swatchColors = Vector.([0x100000, 0x800000,

darkenColor(0xA24F31,0.5), 0xA24F31,

darkenColor(0x906000,0.33), 0x906000,

darkenColor(0xB48535,0.5), 0xB48535,

darkenColor(0x938E60,0.75),0x938E60,

darkenColor(0x6F7D4F,0.4),0x6F7D4F,

0x000000, 0x226600,

darkenColor(0x8FAD81, 0.75), 0x8FAD81,

0x000000, 0x005077,

darkenColor(0x4F848A,0.5),0x4F848A,

darkenColor(0x646077,0.5),0x646077,

darkenColor(0x784B67,0.4),0x784B67,

darkenColor(0x9A659A, 0.4), 0x9A659A,

0x000000, 0x606060,

0x000000, 0x000000,

0xD0D0D0, 0xFFFFFF]);

Richiamiamo l’.swf nel sito Flash col solito metodo:

var loader:Loader = new Loader();

loader.load(new URLRequest("CurveDraw.swf"));

addChild(loader);

Oppure inseriamo l’html generato da Flash, previa pubblicazione dell’swf con F12, all’interno di un <div>. Ricordiamo di incollare nella directory del sito le cartelle contenenti i file .as, che trovate qui sotto in download.

Alla prossima!