Fullscreen Flash: ActionScript 3

Pubblicato il 12/7/2010 alle 08:00

Nel mini-tutorial di oggi vedremo come impostare il fullscreen in un filmato Flash utilizzando ActionScript 3.

Nel filmato Flash, inseriamo il codice ActionScript sul primo fotogramma. Per prima cosa, dichiariamo una variabile “fullStatus” di tipo booleano. Questa variabile conterrà “true” se il filmato è in modalità “fullscreen” altrimenti “false” se è in modalità “normal“:

var fullStatus:Boolean;
fullStatus = false;

Ora scriviamo una funzione che, in questo caso, chiameremo “changeMod“. La funzione controllerà la variabile fullStatus. Se la variabile contiene “false” la proprietà stage.displayState verrà impostata su StageDisplayState.FULL_SCREEN; se contiene “true” la proprietà verrà impostata su StageDisplayState.NORMAL:

function changeMod(e:MouseEvent):void
{

if (fullStatus==false) {
fullStatus = true;
btt.stage.displayState = StageDisplayState.FULL_SCREEN;
}
else {
	   fullStatus = false;
       btt.stage.displayState = StageDisplayState.NORMAL;
      }

}

Posizioniamo un componente “button” con nome d’istanza “btt” sullo stage e associamo la funzione changeMod all’evento MouseEvent.CLICK. Così facendo, cliccando sul pulsante, potremo attivare/disattivare il fullscreen:

btt.addEventListener(MouseEvent.CLICK, changeMod);

Ultima cosa ma importantissima: nel codice html che incorpora il filmato nella nostra pagina web non dimentichiamo di impostare il parametro “allowFullScreen” su “true“:

Qui potete vedere il filmato in azione.

Di seguito potete scaricare i files del mini-tutorial.

download: Flash Fullscreen AS3 (1.14MB) added: 11/07/2010 clicks: 83 description: Come impostare il Fullscreen in Flash con ActionScript 3.

Realizzare applicazioni Adobe AIR lavorando con Flash

Pubblicato il 6/4/2010 alle 13:45

Sul blog dell’amico Andrea Pernici trovate un mio guest post dove spiego come esportare applicazioni Adobe AIR da Flash. L’articolo in questione è un tutorial con il quale illustro come realizzare una semplice applicazione AIR che permette di twittare dal desktop.

Ecco il link all’articolo: Come realizzare una semplice applicazione Adobe AIR per twittare dal desktop

p.s sul blog di Andrea trovate in alto a destra le icone sociali per seguirlo via RSS, Twitter e Facebook; vi consiglio di seguirlo

Flash MP4 Player: riproduzione di file MP4 con ActionScript2

Pubblicato il 7/1/2010 alle 15:43

Nel tutorial di oggi ti illustro come puoi riprodurre filmati MP4 con Flash CS3 ed ActionScript2. Puoi anche scaricare il sorgente

Iniziamo cliccando col tasto destro nella libreria e scegliendo “Nuovo Video…” come illustrato nella seguente immagine:

Trasciniamo un’istanza del video sullo stage e assegnamo come nome di istanza “video“.

Creiamo un nuovo layer dove posizioniamo un campo di testo con nome di istanza “output” e due pulsanti con nomi di istanza “bttPause” e “bttPlay“. Il primo pulsante arresta/riprende la riproduzione, il secondo fà partire il video dall’inizio.

Creiamo un nuovo layer dove inseriremo il seguente codice AS:

var file_video = “nome_filmato.mp4“;

var nc:NetConnection = new NetConnection();
nc.connect(null);
var stream_ns = new NetStream(nc);

stream_ns.onStatus = function(evt:Object):Void
{
if(evt.code == “NetStream.FileStructureInvalid”)
{
output.text = “Struttura MP4 non valida”;
}
else if(evt.code == “NetStream.NoSupportedTrackFound”)
{
output.text = “Il file MP4 non contiene dati audio o video) supportati!”;
} else
output.text = evt.code
}

// Visualizzazione del filmato
video.attachVideo(stream_ns);
stream_ns.play(file_video);

// Sound
var snd:Sound = new Sound();
snd.setVolume(100);
snd.attachSound(stream_ns);

// Buttons
bttPause.onPress = function() {
stream_ns.pause();
}

bttPlay.onPress = function() {
stream_ns.play(file_video);
}

Abbiamo finito il video player è pronto.

Nella variabile “file_video” inserite il nome del filmato (compresa l’estensione .mp4) del filmato da riprodurre.

download: Flash MP4 Player (16.07KB) added: 07/01/2010 clicks: 270 description: File Flash CS3 con videoplayer per la riproduzione di file MP4.

Web Developer: open source o cms fai da te?

Pubblicato il 23/12/2009 alle 13:18

Oggi le web agency, quando cercano sviluppatori con offerte di lavoro o di collaborazione, pretendono che il candidato sia in grado di lavorare con cms open source come Drupal, Joomla, WordPress ecc.

Perchè questo? Perchè la maggior parte delle web agency non possono permettersi di sviluppare siti e applicazioni “su mirura”, lavorano con cms open source di cui, magari, si sviluppa un template o si implementa qualche plugin per una particolare esigenza. Ovviamente per ridurre tempi  e costi.

Un giovane web developer allora non deve essere solo in grado di sviluppare un cms da zero ma deve saper mettere mano ai cms open source?

Come sempre dipende dagli obiettivi

Un giovane web developer, se vuole diventare un professionista con la P maiuscola, deve essere preparato su tutto e avere tutte le competenze utili:

1) Deve essere in grado di sviluppare web application da zero, qualsiasi sia il livello di difficoltà. Non devi mai accontentarti di essere in grado di sviluppare un piccolo cms che riesce ad interagire con un DB, devi porti come obiettivo quello di poter sviluppare qualsaisi tipo di web application a prescindere dal linguaggio di programmazione da utilizzare ecc.

2) Devi saper analizzare il problema “reale” del cliente, saper scrivere una buona analisi del problema. Aiutati con Modello E/R e tabelle dati.

3) Devi saper mettere mano ai cms open source perchè, anche se sei un eccellente developer e sei in grado di sviluppare qualsiasi tipo di web application, ci sarà sempre chi ti chiederà di lavorare con Drupal o con Joomla, quindi, studia questi cms e impara a “smanettare” con questi strumenti che tanto piacciono in quanto “gratuiti“.

Infine un ultimo consiglio

Se non conosci ActionScript e non hai mai lavorato con Flash, non ascoltare chi parla male del software di Adobe. Flash non è il “male” come qualcuno vuole far credere. E’ un potente strumento con cui si può realizzare di tutto: siti, applicazioni, games, video ed altro. Impara ad utilizzarlo, impara AS2 e AS3 e, soprattutto, impara a rendere i tuoi siti in Flash “amici” di SEO e Accessibilità perchè è possibile

I migliori post della settimana #41

Pubblicato il 11/10/2009 alle 12:46

Di seguito i migliori posts della settimana:

01) L’importanza della sezione “news”

02) Idee di business, mancano idee o soldi

03) SEO vuol dire fiducia (ma attenzione alle fregature!)

04) Il SEO dipendente e il SEO indipendente

05) Email Marketing: Creare E Gestire Mailing List Con WordPress

06) Leggere e scrivere file sul filesystem con ActionScript 3

07) Tutti gli elementi di una pagina pubblicitaria

Flashgames: Froglivery

Pubblicato il 13/7/2009 alle 18:10

Oggi vi presento Froglivery, un simpatico gioco in Flash. In questo gioco, come nel classico Frogger, protagonista è una rana che dovrete guidare in giro per la città a consegnare pacchi. Frecce direzionali per muoversi e barra spaziatrice per saltare da un edificio all’altro.

Per i nostalgici di Frogger, eccone uno realizzato in Flash: Frog crossroad

I migliori post della settimana #30

Pubblicato il 28/6/2009 alle 09:54

Di seguito i posts più interessanti di questa settimana:

01) Nuove procedure per la registrazione di domini .it

02) 6 fantastici trucchi per Facebook!

03) Alcuni Buoni Consigli per Progettare un Buon Layout

04) Come creare un widget in WordPress 2.8?

05) Protocollo Https: cos’è e perchè usarlo

06) Futurebox: Lightbox Senza Javascript!

07) Tutorial Flash AS3: Caricare un filmato SWF Esterno

08) Super simple way to work with Twitter API (PHP + CSS)

09) Cosa Ho Imparato nel Disegnare il Mio Background per Twitter

10) Creare una pagina di lavori in corso (sito in manutenzione) in WordPress

Flash, lista di risorse per flash designers/developers

Pubblicato il 27/5/2009 alle 11:58

Se siete appassionati di Flash o se siete flashdesigners/developers professionisti, spero vi sarà utile la seguente lista di risorse sulla famosa tecnologia di Adobe.

Programmazione con ActionScript

01) Flash Developer Center

02) ActionScript.it

03) ActionScript.org

04) Guida ActionScript base

05) Guida ActionScript avanzato

06) Guida ActionScript 3 base

07) FlashLite

Tutorial/Guide/Sorgenti/Componenti FREE & PRO

01) FlashValley

02) VirtualFlash

03) FlashKit

04) FlashLoaded

05) GotoAndLearn

06) AFcomponents

07) FlashDen

08) SWFspot

09) Flasheezy

10) FlepStudio

Conoscete altre risorse valide su Flash? Aggiungetele nei commenti

I migliori post della settimana #24

Pubblicato il 10/5/2009 alle 11:12

Di seguito alcuni posts interessanti di questa settimana:

1) Checklist per un sito usabile

2) Trasforma Google Analytics in un semplice contatore!

3) Come usare lo strumento per parole chiave di AdWords e trovare keyword remunerative

4) Tutorial Flash AS3: Intercettare la pressione di un tasto

5) Il prezzo di un sito: dal primo contatto allo sviluppo di una bozza

6) 10 modi per ottimizzare i fogli di stile

Raccolta di 45 free flash photo gallery

Pubblicato il 15/4/2009 alle 22:34

StayUpdate ha raccolto 45 photo gallery in Flash tra le migliori in circolazione. Un’ottima raccolta da “bookmarkare” anche se, oggi come oggi, le gallerie realizzate con i framework JS sono ormai degne avversarie di quelle in Flash.

Ecco il link alla raccolta:  45+ Great Free Flash Photo Gallery

Web Developer / Web Designer / SEO Specialist / Napoli :: EmaWebDesign utilizza WordPress con tema EWD 2.0 :: Articoli (RSS) e Commenti (RSS)



Questo blog (e tutti i suoi contenuti) è pubblicato sotto una Licenza Creative Commons. Leggi il disclaimer per tutte le info.

L'autore del blog è Emanuele Calì, web developer, web designer e SEO specialist. Per maggiori info sull'autore potete visualizzare la pagina about. Per informazioni su servizi inerenti siti web, grafica o SEO & Web Marketing potete visualizzare la pagina servizi.