50 tecniche Flash da Web Designer
Andrea Grassi , 22 Dec 2009 , flash
Dalla rivista Web Designer, l'ultima parte dello speciale con le 50 tecniche fondamentali per chi crea siti in Flash
Fai clic qui per scaricare tutto il codice e i file di esempio
Le nostre 50 migliori tecniche 50 presentate nel numero 43 di Web Designer, in edicola dal 15 gennaio, aprono agli sviluppatori web la strada al paradiso dinamico, ma c'è così tanto codice e contenuto che non siamo riusciti a inserirlo tutto nella rivista. Vi sveliamo qui le tecniche e le risorse da 41 a 50 che vi consentiranno di fare un ulteriore passo avanti nella padronanza di Flash.
41
Luke Whittaker
Director
www.stateofplaygames.com
Realizzare un gioco Flash - Creare un semplice prototipo
Quando iniziate a sviluppare un gioco in Flash, la vostra priorità è la giocabilità e il modo migliore per raggiungere questo obiettivo consiste nel costruire un prototipo con semplice grafica a blocchi. Noi abbiamo seguito questa regola con il gioco Headspin di State of Play: Storybook, un gioco puzzle basato su un libro pop-up. Siamo stati quindi in grado di determinare quanti elementi servivano, la loro posizione e le dimensioni necessari prima di cominciare a sviluppare i dettagli del gioco. In questo modo è possibile focalizzarsi sugli aspetti davvero importanti, senza il rischio di tralasciare dettagli nelle fasi successive dello sviluppo. Una semplice versione a blocchi permette anche di avere una miglior percezione della dinamica di gioco, senza farsi distrarre dalla grafica. Questo tipo di lavoro sul prototipo non è certo tempo sprecato. Nel caso di Headspin: Storybook abbiamo finito per usare davvero il prototipo come base di codice per il gioco finale. Una volta che siamo stati soddisfatti della dinamica di gioco, il resto del software è stato creato molto velocemente.
42
Risorsa
How to be a graphic designer without losing your soul di Adrian Shaughnessy
www.laurenceking.com
Un libro sull'aspetto economico della professione di web designer
Un ottimo libro per chi sta cercando di avviare la propria attività. Le 160 pagine descrivono tutto ciò che serve a un moderno designer, come e dove trovare un lavoro, le tecniche di colloquio, i vantaggi e gli svantaggi di diventare libero professionista, i segreti per aprire uno studio e come “vendersi” per trovare nuovi clienti.
43
Andre Weier
Sviluppatore Flash
www.nalindesign.com
Estensioni Flash gratuite
Alcune estensioni Flash gratuite (MXP / JSFL) aiutano realmente a migliorare il flusso di lavoro. Una delle mie preferite è “Useful Instance Helper” / “Useful Timeline Helper" di Big Spaceship. Useful Instance Helper vi permette di modificare in batch nell'IDE le istanze di clip filmato presenti sullo stage. Il campo in alto serve quando c'è un'istanza di un clip filmato che dura svariati fotogrammi chiave e volete assegnare loro lo stesso nome senza dover fare clic su ogni singolo fotogramma, selezionare l'istanza e scrivere il nome. Basta scegliere un livello, inserire un nome e premere "set"."
44
Risorsa
Script Flash gratuiti
http://www.hotscripts.com/category/flash/
Hotscripts.com
Hot Scripts è una directory Web completa contenente oltre 40.000 risorse dedicate allo sviluppo web. La sezione Flash comprende un archivio di file flash sorgente, un database di singoli filmati Flash disponibili in rete, una serie di tutorial e linee guida online sullo sviluppo web in Flash e un elenco di siti web che offrono svariati contenuti per gli sviluppatori Flash. Non perdetevelo.
45
George Profenza
Sviluppatore Flash
www.disturbmedia.com
RegExr – Strumento per la verifica delle espressioni regolari
Grant Skinner ha creato uno strumento molto pratico per imparare e costruire le espressioni regolari. E' difficile capire il significato di quegli strani insiemi di simboli, ma Tooltips ne facilita l'apprendimento e la comprensione. Scaricate la versione desktop dell'applicazione online RegExr online RegExr e iniziate il test.
46
Risorsa
Template Flash gratuiti
http://www.flashmo.com
Flashmo.com
Questo sito offre template Flash gratuiti o file sorgente FLA (compresi template flash, intro flash, effetti flash, gallerie di miniature 3D e di immagini flash) da condividere con sviluppatori flash e designer di tutto il mondo. Vanta un'impressionante selezione di oltre 200 template Flash, tutti scaricabili gratuitamente.
47
Andre Weier
Sviluppatore Flash
www.nalindesign.com
Scorciatoie Flash vitali
Se siete stanchi di scrivere ogni singolo carattere nel pannello Azioni di Flash o di usare i menu a comparsa per scegliere un'azione, potete velocizzare il vostro lavoro con le scorciatoie. Per chi non le conosce, le scorciatoie sono rappresentate dalla pressione di un unico tasto o da una sequenza di tasti della tastiera che serve a chiamare un comando.
Ecco due esempi:
Esempio di scorciatoia con la pressione di un singolo tasto: aprite il pannello Azioni di Flash premendo gF9. E' un'operazione più veloce rispetto all'apertura del pannello attraverso il menu a comparsa o il clic sul pannello stesso.
Esempio di scorciatoia con la sequenza di tasti:
- aprite un nuovo file Flash e premete gF9
- fate clic sul pannello Azioni
- premete quindi uno dopo l'altro: gEsch poi gfh poi gnh
- il risultato di questa operazione dovrebbe far apparire: function () { }
Ecco un elenco di scorciatoie che vi faranno risparmiare tempo:
AZIONI:
01. function () { } = Esc + f + n
02. trace = Esc + t + r
03. gotoAndStop() = Esc + g + s
04. gotoAndPlay() = Esc + g + p
05. stop() = Esc + s + t
06. play() = Esc + p + l
06. getURL = Esc + g + u
FOTOGRAMMI:
01. Aggiungi fotogramma = F5
02. Cancella fotogramma = Maiusc + F5
03. Aggiungi fotogramma chiave = F6
04. Aggiungi fotogramma chiave vuoto = F7
05. Crea simbolo = F8
STANDARD DI SISTEMA:
Salva = Ctrl + s
Annulla = Ctrl + z
Taglia = Ctrl + x
Copia = Ctrl + c
Incolla = Ctrl + v
Se volete creare alcune scorciatoie personali, potete impostarle selezionando gScelte rapide da tastierah dal menu Modifica.
48 Risorsa
Risorse ActionScript 3
www.kirupa.com
Kirupa.com
Kirupa offre un numero impressionante di tutorial e risorse Flash e ActionScript. I tutorial riguardano varie versioni Flash e vengono presentati attraverso guide passo dopo passo con schermate, codice di esempio e il codice Flash in azione. In alternativa, molti dei tutorial più recenti sono file video.
49
Steven Jenkins
Giornalista
www.webdesignermag.co.uk
Pannello Accessibilità di Flash CS4
Il pannello Accessibilità di Flash consente agli utenti di aggiungere le informazioni sull'accessibilità per gli screen reader e di impostare le opzioni di accessibilità per singoli oggetti Flash o intere applicazioni Flash. Può essere aperto selezionando Finestra>Altri pannello>Accessibilità, la scorciatoia da tastiera è Maiusc + F11.
Il pannello offre numerose opzioni tra cui Rendi accessibili gli oggetti, che è attiva per impostazione predefinita e assicura che le informazioni vengano passate agli screen reader. Se la disattivate non verrà passata alcuna informazione. La descrizione è un'opzione molto utile che verrà letta dagli screen reader, quindi deve essere concisa e chiara.
50
Risorsa
Comprare e vendere componenti Flash
http://flashden.net
Flashden.net
FlashDen è un Envato Marketplace in cui gli sviluppatori e i designer possono comprare e vendere file liberi da royalty da usare nei progetti Adobe Flash e in generale nei siti web. I file partono da un dollaro, e se siete uno sviluppatore in cerca di un guadagno extra, registratevi e iniziate a vendere.