Continua a leggere
Visualizzazione post con etichetta ActionScript. Mostra tutti i post
Visualizzazione post con etichetta ActionScript. Mostra tutti i post
Interagire con la tastiera in Flash AS3
| ActionScript, ActionScript 3.0, as3, Flash, Flash Tutorial, game, GIOCHI ON LINE, MOTHER GIOCO DA HACKER | 0 commenti »
Uno degli hardware più usati per i videogiochi da PC è la tastiera. Una tastiera in campo informatico è una periferica derivata da quella in uso nella macchina per scrivere. Appositamente studiata per poter immettere dei dati per mezzo della pressione manuale dei tasti, una tastiera ha di solito una serigrafia su ciascun tasto per indicare quale carattere si ottiene con la relativa pressione. Infatti, in questo tutorial vedremo come interagire con la tastiera in flash grazie all'Actionscript 3.0. Anche se nel nostro tutorial ci limiteremo soltanto usando i tasti Freccia Su, Freccia Giù, Freccia Sinistra e Freccia Destra, ma vi assicuro che la procedura è uguale per tutti i tasti.
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Embedding Font in Flash AS3
| ActionScript, ActionScript 3.0, as3, Flash, Flash Tutorial | 0 commenti »
In questo tutorial vedremo come incorporare/embedding i font in flash tramite ActionScript 3.0.
L'integrazione dei font è l'inclusione dei caratteri all'interno di un file o documento elettronico.
Create un nuovo documento Flash (ActionScript 3.0).
Continua a leggere
Abbonati gratis a questo blog
L'integrazione dei font è l'inclusione dei caratteri all'interno di un file o documento elettronico.
Create un nuovo documento Flash (ActionScript 3.0).
Continua a leggere
In questo tutorial vedremo come utilizzare il metodo setInterval () per eseguire un segmento di codice più volte con intervalli di tempo specificati. Lo stesso risultato può essere ottenuto utilizzando Classe Timer , ma utilizzando il setInterval () potrebbe essere un metodo più semplice da utilizzare per progetti più semplici che non richiedono la funzionalità elaborata della classe Timer.
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Inserire sistemi di particelle nei giochi flash
| ActionScript, ActionScript 3.0, as3, Flash, Flash Tutorial, game, GIOCHI ON LINE, MOTHER GIOCO DA HACKER | 0 commenti »
Nei giochi di oggi non mancano gli effetti speciali tipo: fumo, fuoco, neve, acqua, pioggia, nebbia, eccetera, eccetera, e sinceramente quando gioco mi piacciono un sacco questi effetti, quel sistema di particelle che da al gioco un altro tocco e riempie lo schermo, creando una sensazione di realtà che non ha paragoni.
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Creare giochi isometrici in Flash AS3
| ActionScript, ActionScript 3.0, as3, Flash, Flash Tutorial, game, GIOCHI ON LINE, MOTHER GIOCO DA HACKER, REALIZZATI CON FLASH 3DS MAX PHOTOSHOP | 0 commenti »
Dopo che Happy Farm e FarmVille hanno invaso il mondo, guadagnando l'interesse di milioni di utenti e la fama di facebook e altri big del web si è cominciato a prlare un sacco dei giochi isometrici.
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Uso della classe Math con i metodi di disegno
| ActionScript, ActionScript 3.0, Flash, Flash Tutorial, TUTORIAL | 0 commenti »
Un oggetto Graphics disegna cerchi e quadrati ma è anche in grado di tracciare forme più complesse, in particolare quando i metodi di disegno vengono utilizzati in combinazione con le proprietà e i metodi della classe Math. La classe Math contiene costanti di interesse matematico comune, come Math.PI (circa 3.14159265...), una costante per il rapporto tra la circonferenza di un cerchio e il proprio diametro. Inoltre, contiene metodi per funzioni trigonometriche, tra cui Math.sin(), Math.cos() e Math.tan(). Disegnare forme utilizzando questi metodi e
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Drag&Drop con Fash ActionScript 3
| ActionScript, ActionScript 3.0, as3, Flash, Flash Tutorial | 0 commenti »
Tra le azioni più usate in flash e il Drag&Drop, il meccanismo di trascinamento e rilascio di oggetti in una applicazione o gioco, semplice ma utilissima(cliccate qui per vedere l'esempio).
In questo tutorial vedremo le azioni base per ottenere l'effetto trascina e lascia (drag and drop).
Create un nuovo documento Flash (ActionScript 3.0).
Continua a leggere
Abbonati gratis a questo blog
In questo tutorial vedremo le azioni base per ottenere l'effetto trascina e lascia (drag and drop).
Create un nuovo documento Flash (ActionScript 3.0).
Continua a leggere
Smoke Effect con ActionScript 3
| ActionScript, ActionScript 3.0, as3, Flash, Flash Tutorial, FOTOGRAFIE:applicare effetti gratis | 0 commenti »
Realizzare giochi in flash è sempre stato il mio sogno e anche il sogno di tanti flash designer. Inserire dei effetti speciali, tipo Smoke Effect/Effetto Fumo (cliccare qui per vedere l'effetto finale) o Fire Effect/Effetto Fuoco e altri effetti è di grande impatto. Nei giochi dove troviamo attrezzature meccaniche, granate, pistole, i vulcani, le fabbriche, gli incendi, i veicoli, e probabilmente un milione di altre cose questo effetto non può mancare. Creare o inserire questi effetti
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Random Color con ActionScript 3.0
| ActionScript, ActionScript 3.0, as3, Flash, Flash Tutorial | 0 commenti »
In questo tutorial vedremo come ottenere colori random (a caso) con Actionscript 3 da applicare a oggetti, pagine web, a un testo sia statico o dinamico,
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
In questo tutorial abbiamo visto come creare o usare e a cosa serve il componente slider.. Invece il seguente esempio mostra come creare e inserire nello stage, direttamente dalla libreria uno Slider posizionato verticalmente. Anche qui l'esempio è semplicissimo. Basta trascinare dal panello Componenti dentro la libreria il componente Slider (ingrandire la foto a sinistra).
Create un nuovo documento Flash (ActionScript 3.0).
Trascinate il componente Slider dal pannello Componenti al pannello Libreria.
In questo modo, il componente viene aggiunto alla libreria ma non è visibile nell'applicazione.
Aprite il pannello Azioni e inserite il codice seguente:
Alla fine proviamo il filmato, cliccando: Controllo/Prova filmato
Come potete notare nella 4 riga del codice ActionScript abbiamo impostato la direzione di proprietà della classe SliderDirection su VERTICAL. Tutto qui....
Buon lavoro... Continua a leggere
Abbonati gratis a questo blog
Create un nuovo documento Flash (ActionScript 3.0).
Trascinate il componente Slider dal pannello Componenti al pannello Libreria.
In questo modo, il componente viene aggiunto alla libreria ma non è visibile nell'applicazione.
Aprite il pannello Azioni e inserite il codice seguente:
import fl.controls.Slider;
import fl.controls.SliderDirection;
var slider:Slider = new Slider();
slider.direction = SliderDirection.VERTICAL;
slider.tickInterval = 1;
slider.move(200, 100);
addChild(slider);
Alla fine proviamo il filmato, cliccando: Controllo/Prova filmato
Come potete notare nella 4 riga del codice ActionScript abbiamo impostato la direzione di proprietà della classe SliderDirection su VERTICAL. Tutto qui....
Buon lavoro... Continua a leggere
Componente Slider in Flash AS3
| ActionScript, ActionScript 3.0, Flash, Flash Tutorial, TUTORIAL | 0 commenti »
In questo tutorial vedremo come usare il componente Slider in ActionScript 3.0.
Il componente Slider consente all'utente di selezionare un valore mediante lo spostamento di una casella di scorrimento tra le estremità di una traccia che corrisponde a un intervallo di valori. Potete usare un componente Slider per consentire, ad esempio, all'utente di scegliere un valore quale un numero o una percentuale. Inoltre, potete usare ActionScript per fare in modo che il valore del componente influisca sul comportamento di un secondo oggetto, associando ad esempio il componente a un'immagine e riducendolo o ingrandendolo in base alla posizione relativa, o valore, della casella di scorrimento.
E' un semplice esercizio composto da un testo dinamico per visualizzare il valore dello slider e il componente slider che si trova in libreria e posizionato sullo stage tramite AS3.
Create un nuovo documento Flash (ActionScript 3.0).
Create un campo di testo dinamico e assegnategli il nome di istanza "valore" nella finestra di ispezione Proprietà.
Trascinate il componente Slider dal pannello Componenti al pannello Libreria.
In questo modo, il componente viene aggiunto alla libreria ma non è visibile nell'applicazione.
Aprite il pannello Azioni e inserite il codice seguente:
Alla fine proviamo il filmato, cliccando: Controllo/Prova filmato.
Buon lavoro... Continua a leggere
Abbonati gratis a questo blog
Il componente Slider consente all'utente di selezionare un valore mediante lo spostamento di una casella di scorrimento tra le estremità di una traccia che corrisponde a un intervallo di valori. Potete usare un componente Slider per consentire, ad esempio, all'utente di scegliere un valore quale un numero o una percentuale. Inoltre, potete usare ActionScript per fare in modo che il valore del componente influisca sul comportamento di un secondo oggetto, associando ad esempio il componente a un'immagine e riducendolo o ingrandendolo in base alla posizione relativa, o valore, della casella di scorrimento.
E' un semplice esercizio composto da un testo dinamico per visualizzare il valore dello slider e il componente slider che si trova in libreria e posizionato sullo stage tramite AS3.
Create un nuovo documento Flash (ActionScript 3.0).
Create un campo di testo dinamico e assegnategli il nome di istanza "valore" nella finestra di ispezione Proprietà.
Trascinate il componente Slider dal pannello Componenti al pannello Libreria.
In questo modo, il componente viene aggiunto alla libreria ma non è visibile nell'applicazione.
Aprite il pannello Azioni e inserite il codice seguente:
//importiamo la classe slider
import fl.controls.Slider;
import fl.events.SliderEvent;
//impostiamo il valore="zero"
valore.text = "0";
//instanziamo lo slider
var mySlider:Slider = new Slider();
//posizioniamo lo slider
mySlider.move(200,200);
// se "true" slider si aggiorna immediatamente,
// se "false" si aggiorna dopo il rilascio del mouse
mySlider.liveDragging = true;
//impstiamo le dimensioni dello slider
mySlider.setSize(100,0);
//impostiamo il valore massimale dello slider
mySlider.maximum = 100;
//impostiamo il valore minimale
mySlider.minimum = 0;
//impostiamo i punti tra max e min(optional)
mySlider.tickInterval = 10;
// aggiungiamo un eventListener per il cambio di eventi
mySlider.addEventListener(SliderEvent.CHANGE, aggiornaSlider);
//aggiungiamo lo slider sullo stage
addChild(mySlider);
function aggiornaSlider(e:SliderEvent):void {
trace("il valore dello Slider è: " + e.target.value);
valore.text = e.target.value;
}
Alla fine proviamo il filmato, cliccando: Controllo/Prova filmato.
Buon lavoro... Continua a leggere
Testo con contorno colorato in Flash AS3
| ActionScript, ActionScript 3.0, Flash, Flash Tutorial | 0 commenti »
In questo tutorial vedremo come creare un testo con contorno colorato in Flash AS3. Il modo più semplice per ottenerlo è di usare il filtro Glow (GlowFilter ) in modo da individuare in automatico tutte le lettere nel campo testo dinamico e tutto questo interamente in ActionScript 3.0, sia la formattazione del testo, sia il posizionamento, sia il filtro Glow..eccettera.. e tutto grazie ad ActionScript 3.0
Aprite Flash
Selezionate File/Nuovo/ActionScript 3.0
Aprite il panello Azioni e inserite il codice sottostante:
In poche parole, nel codice sopra abbiamo creato due campi di testo dinamico con nome istanza: "campo1" e "campo2". Il contorno è stato creato assegnandoli il filtro Glow.
Tutto qui. E' stato più facile farlo che dirlo.
Buon lavoro. Continua a leggere
Abbonati gratis a questo blog
Aprite Flash
Selezionate File/Nuovo/ActionScript 3.0
Aprite il panello Azioni e inserite il codice sottostante:
var campo1:TextField=new TextField();
var campo2:TextField=new TextField();
var format:TextFormat=new TextFormat();
this.addChild(campo1);
this.addChild(campo2);
campo1.x=105;
campo1.y=20;
campo1.width=350;
campo1.height=250;
campo1.wordWrap=true;
campo1.mouseEnabled=false;
campo2.x=80;
campo2.y=250;
campo2.width=400;
campo2.height=200;
campo2.wordWrap=true;
campo2.mouseEnabled=false;
format.color=0xFF0000;
format.align="center";
format.size=40;
format.font="Arial";
format.letterSpacing=3;
campo1.defaultTextFormat=format;
campo1.text="contornoD TEXT SHOWS ON EVERY BACKGROUND.";
format.color=0xFF9900;
format.size=28;
campo2.defaultTextFormat=format;
campo2.text="contorno IS OBTAINED BY APPLYING A PROPER GLOW FILTER TO A TEXT FIELD.";
var contorno:GlowFilter=new GlowFilter(0x000000,1.0,2.0,2.0,10);
contorno.quality=BitmapFilterQuality.MEDIUM;
campo1.filters=[contorno];
campo2.filters=[contorno];
In poche parole, nel codice sopra abbiamo creato due campi di testo dinamico con nome istanza: "campo1" e "campo2". Il contorno è stato creato assegnandoli il filtro Glow.
Tutto qui. E' stato più facile farlo che dirlo.
Buon lavoro. Continua a leggere
Usare CSS in flash actionscript 3
| ActionScript, ActionScript 3.0, CSS, css3, Flash, Flash Tutorial | 0 commenti »
Il CSS (Cascading Style Sheets o Fogli di stile) è un linguaggio informatico usato per definire la formattazione di documenti HTML, XHTML e XML ad esempio in siti web e relative pagine web. Il supporto completo e corretto delle specifiche CSS non è offerto da nessun browser attuale. Tuttavia esistono browser che si avvicinano molto a questo risultato ed altri che invece ne sono molto lontani. La lista che segue è di motori di rendering perché a loro è assegnato il compito di formattare la pagina secondo le istruzioni CSS. Può essere utilizzato in progetti Flash per formattare l'aspetto dei i campi di testo. Usare i CSS in Flash offre una serie di vantaggi, come la possibilità di personalizzare il testo in maniera più profonda (ad esempio, cambiare il colore del dei collegamenti) e per aggiornare l'aspetto del testo senza dover tornare al file di origine.
Questo tutorial vi insegnerà come formattare un testo caricato esternamente tramite CSS.
Trovate il tutorial completo in questo sito: http://www.republicofcode.com/tutorials/flash/as3css/ Anche se in inglese, è molto semplice e intuitivo. In caso di difficoltà non esitate a chiedere.
Buon proseguimento. Continua a leggere
Abbonati gratis a questo blog
Questo tutorial vi insegnerà come formattare un testo caricato esternamente tramite CSS.
Trovate il tutorial completo in questo sito: http://www.republicofcode.com/tutorials/flash/as3css/ Anche se in inglese, è molto semplice e intuitivo. In caso di difficoltà non esitate a chiedere.
Buon proseguimento. Continua a leggere
Il componente TextArea in Flash e ActionScript 3.0
| ActionScript, ActionScript 3.0, Flash, Flash Tutorial | 0 commenti »
Il componente TextArea è un wrapper dell'oggetto TextField nativo di ActionScript. È possibile usare il componente TextArea per visualizzare del testo e per modificare e ricevere input di testo se la proprietà editable è impostata su true. Il componente è in grado di visualizzare o ricevere più righe di testo e mandare a capo automaticamente le righe di testo lunghe se la proprietà wordWrap è impostata su true.
Per cambiare lo stile del testo visualizzato in un'istanza TextArea, impostare lo stile textFormat usando il metodo setStyle(). A un componente TextArea può inoltre essere applicato il formato HTML usando la proprietà htmlText in ActionScript
Per creare un'istanza TextArea mediante ActionScript:
Creare un nuovo documento File Flash (ActionScript 3.0).
Trascinare il componente TextArea nel pannello Libreria.
Aprire il pannello Azioni, selezionare il fotogramma 1 nella linea temporale principale, quindi immettere il codice ActionScript seguente:
Alla fine selezionare Controllo > Prova filmato.
Buon lavoro... Continua a leggere
Abbonati gratis a questo blog
Per cambiare lo stile del testo visualizzato in un'istanza TextArea, impostare lo stile textFormat usando il metodo setStyle(). A un componente TextArea può inoltre essere applicato il formato HTML usando la proprietà htmlText in ActionScript
Per creare un'istanza TextArea mediante ActionScript:
Creare un nuovo documento File Flash (ActionScript 3.0).
Trascinare il componente TextArea nel pannello Libreria.
Aprire il pannello Azioni, selezionare il fotogramma 1 nella linea temporale principale, quindi immettere il codice ActionScript seguente:
import fl.controls.TextArea;
var MyTextArea:TextArea = new TextArea();
MyTextArea.move(50,50);
MyTextArea.setSize(200, 200);
MyTextArea.condenseWhite = true;
MyTextArea.htmlText = '<b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit. <b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit. <b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit. <b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit. <b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit. <b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit. <b>Lorem ipsum dolor</b> sit amet, consectetuer adipiscing elit. <u>Vivamus quis nisl vel tortor nonummy vulputate.</u> Quisque sit amet eros sed purus euismod tempor. Morbi tempor. <font color="#FF0000">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</font> Curabitur diam. Suspendisse at purus in ipsum volutpat viverra. Nulla pellentesque libero id libero.';
addChild(MyTextArea);
Alla fine selezionare Controllo > Prova filmato.
Buon lavoro... Continua a leggere
Componenti as3 ColorPicker e CheckBox
| ActionScript, ActionScript 3.0, Flash, Flash Tutorial | 0 commenti »
In questo tutorial vedremo come attivare o disattivare la visualizzazione del campo di testo del componente Color Picker usando il componente CheckBox in Flash ActionScript 3.0. Il componente ColorPicker consente all'utente di selezionare un colore da un elenco di campioni. La modalità predefinita del componente ColorPicker mostra un singolo colore all'interno di un pulsante quadrato. Quando l'utente fa clic sul pulsante, viene visualizzato l'elenco dei colori disponibili in un pannello di campioni insieme a un campo di testo con il valore esadecimale del colore attualmente selezionato.
Create un nuovo documento Flash (ActionScript 3.0).
Trascinate dal pannello Componenti i componenti ColorPicker e CheckBox.
Aprite il panello Azioni e inserite il codice sottostante:
Alla fine selezionare Controllo > Prova filmato.
NB: attivando o disattivando il componente CheckBox viene visualizzato il campo di testo a sinistra di ColorPicker.
Buon divertimento... Continua a leggere
Abbonati gratis a questo blog
Create un nuovo documento Flash (ActionScript 3.0).
Trascinate dal pannello Componenti i componenti ColorPicker e CheckBox.
Aprite il panello Azioni e inserite il codice sottostante:
import fl.controls.CheckBox;
import fl.controls.ColorPicker;
var checkBox:CheckBox = new CheckBox();
checkBox.selected = true;
checkBox.label = "showTextField";
checkBox.addEventListener(Event.CHANGE, checkBox_change);
checkBox.textField.autoSize = TextFieldAutoSize.LEFT;
checkBox.move(10, 10);
addChild(checkBox);
var colorPicker:ColorPicker = new ColorPicker();
colorPicker.move(10, 40);
addChild(colorPicker);
function checkBox_change(evt:Event):void {
colorPicker.close();
colorPicker.showTextField = checkBox.selected;
colorPicker.open();
}
Alla fine selezionare Controllo > Prova filmato.
NB: attivando o disattivando il componente CheckBox viene visualizzato il campo di testo a sinistra di ColorPicker.
Buon divertimento... Continua a leggere
Nel precedente tutorial abbiamo visto come creare una animazione con ActionScript 3 usando la Tween Class.
Invece in questo tutorial vedremo come trascinare oggetti con Easing senza la Tween Class usando ActionScript 3.0.
Presenteremo in questo esempio un modo semplice per creare una risposta morbida al trascinamento dell'oggetto con il mouse da parte dell'utente.
Useremo il metodo del drag&drop ma possiamo usare qualsiasi altro comando del mouse.
Aprite Flash/AS3 e disegnate un oggetto con nome istanza "ball" e inserite il codice sottostante:
Alla fine proviamo il filmato, cliccando: Controllo > Prova filmato
Buon lavoro... Continua a leggere
Abbonati gratis a questo blog
Invece in questo tutorial vedremo come trascinare oggetti con Easing senza la Tween Class usando ActionScript 3.0.
Presenteremo in questo esempio un modo semplice per creare una risposta morbida al trascinamento dell'oggetto con il mouse da parte dell'utente.
Useremo il metodo del drag&drop ma possiamo usare qualsiasi altro comando del mouse.
Aprite Flash/AS3 e disegnate un oggetto con nome istanza "ball" e inserite il codice sottostante:
var responsiveness:Number;
var mouseXClamped:Number;
var mouseYClamped:Number;
init();
function init():void {
responsiveness = 0.25;
ball.x = 250;
ball.y = 135;
ball.addEventListener(MouseEvent.MOUSE_DOWN, dragStart);
}
function dragStart(evt:MouseEvent):void {
ball.removeEventListener(MouseEvent.MOUSE_DOWN, dragStart);
stage.addEventListener(MouseEvent.MOUSE_UP, dragStop);
this.addEventListener(Event.ENTER_FRAME, onEnter);
}
function dragStop(evt:MouseEvent):void {
ball.addEventListener(MouseEvent.MOUSE_DOWN, dragStart);
stage.removeEventListener(MouseEvent.MOUSE_UP, dragStop);
this.removeEventListener(Event.ENTER_FRAME, onEnter);
}
function onEnter(evt:Event):void {
mouseXClamped = this.mouseX;
if (mouseXClamped > 450) {
mouseXClamped = 450;
}
else if (mouseXClamped < 50) {
mouseXClamped = 50;
}
mouseYClamped = this.mouseY;
if (mouseYClamped > 350) {
mouseYClamped = 350;
}
else if (mouseYClamped < 110) {
mouseYClamped = 110;
}
ball.x += responsiveness*(mouseXClamped - ball.x);
ball.y += responsiveness*(mouseYClamped - ball.y);
}
Alla fine proviamo il filmato, cliccando: Controllo > Prova filmato
Buon lavoro... Continua a leggere
Animazione in Flash con AS3 e TweenClass
| ActionScript, ActionScript 3.0, Flash, Flash Tutorial | 0 commenti »In questo tutorial vedremo come realizzare una semplice animazione con la Tween Class usando ActionScript 3.0.
La classe Tween consente di utilizzare ActionScript per spostare, ridimensionare, o modificare la proprietà alpha dei filmati specificando una proprietà del clip filmato target da animare per un numero di fotogrammi o secondi.
La classe Tween consente anche di specificare una serie di metodi di andamento. "Easing /Facilitare" si riferisce all'accelerazione o decelerazione graduale dell'animazione, che fa sembrare l'animazione più realistica. Nel pacchetto fl.transitions.easing sono disponibili numerosi metodi di andamento che contengono equazioni per questa accelerazione e decelerazione, che cambiano l'animazione dell'andamento.
Aprite Flash/AS3 e disegnate un oggetto con nome istanza "ball" e inserite il codice sottostante:
import fl.transitions.Tween;
import fl.transitions.easing.*;
var tween:Tween = new Tween(ball, "x", Elastic.easeOut, 0, 300, 3, true);
tween.FPS = 60;
ball.addEventListener(MouseEvent.CLICK, onClick);
function onClick(evt:MouseEvent):void {
tween.start();
}
Alla fine proviamo il filmato, cliccando: Controllo > Prova filmato
NB: Cliccando sull'oggetto riparte l'animazione.
Buon lavoro... Continua a leggere
Creare un Contact Form in Flash e AS3
| ActionScript, ActionScript 3.0, E-MAIL, Flash, Flash Tutorial, TUTORIAL | 0 commenti »
In questo tutorial vedremo come creare un semplice Contact Form, usando ActionScript 3.0 e PHP per inviare il messaggio.
Non si richiede conoscenza del PHP, perché lo script è semplice e può essere realizzato senza modifiche. Invece per lo script AS3 bisogna conoscere i principi fondamentali di variabili , gestione degli eventi , e le basi della classe URLLoader e la Classe URLVariable.
Trovate il tutorial completo in questo sito: http://www.republicofcode.com/tutorials/flash/as3contactform/
Anche se in inglese, è molto semplice e intuitivo. In caso di difficoltà non esitate a chiedere.
Continua a leggere
Abbonati gratis a questo blog
Caricare immagini random da un file XML esterno in AS3
| ActionScript, Flash, Flash Tutorial | 5 commenti »
In questo tutorial vedremo come caricare un immagine random/casuale da un file XML esterno.
Potete vedere un esempio qui
Useremo URLLoader per aprire il file XML "ListaImagini.xml", dove troviamo soltanto una semplice lista dei file immagine,
e utilizzeremo un Loader per caricare un'immagine dalla lista.
Le immagini che utilizeremo (bellissime opere gentilmente concesse dal grande pittore Tomasi Massimo), si trovano in una cartella chiamata "images",
Attenzione: il file swf e la cartella "images" DEVONO RISIEDERE NELLA STESSA DIRECTORY, altrimenti riceveremo un errore di caricamento.
1 - Per prima cosa, con un semplice editor di testo, creiamo il file xml e lo salviamo con il nome: ListaImagini.xml
Nel file xml inseriamo la lista dei file immagine:
NB: le immagini si devono trovare dentro la cartella chiamata: images
2 - Apriamo Flash, File > Nuovo > ActonScript 3.0
3 - Impostiamo le modifiche dell'area del lavoro cliccando su: Finestra > Proprietà > Modifica e impostiamo la larghezza a 600px e l'altezza a 450px
4 - Apriamo il panello Azioni, andando: Finestra > Azioni e inseriamo il codice sottostante (accompagnato dai commenti):
5 - Salviamo tutto e proviamo il filmato, cliccando: Controllo > Prova filmato
6 - Buon lavoro... Continua a leggere
Abbonati gratis a questo blog
Potete vedere un esempio qui
Useremo URLLoader per aprire il file XML "ListaImagini.xml", dove troviamo soltanto una semplice lista dei file immagine,
e utilizzeremo un Loader per caricare un'immagine dalla lista.
Le immagini che utilizeremo (bellissime opere gentilmente concesse dal grande pittore Tomasi Massimo), si trovano in una cartella chiamata "images",
Attenzione: il file swf e la cartella "images" DEVONO RISIEDERE NELLA STESSA DIRECTORY, altrimenti riceveremo un errore di caricamento.
1 - Per prima cosa, con un semplice editor di testo, creiamo il file xml e lo salviamo con il nome: ListaImagini.xml
Nel file xml inseriamo la lista dei file immagine:
<?xml version="1.0" encoding="utf-8"?>
<contenitore>
<contenuto>images/image01.jpg</contenuto>
<contenuto>images/image02.jpg</contenuto>
<contenuto>images/image03.jpg</contenuto>
<contenuto>images/image04.jpg</contenuto>
<contenuto>images/image05.jpg</contenuto>
<contenuto>images/image06.jpg</contenuto>
</contenitore>
NB: le immagini si devono trovare dentro la cartella chiamata: images
2 - Apriamo Flash, File > Nuovo > ActonScript 3.0
3 - Impostiamo le modifiche dell'area del lavoro cliccando su: Finestra > Proprietà > Modifica e impostiamo la larghezza a 600px e l'altezza a 450px
4 - Apriamo il panello Azioni, andando: Finestra > Azioni e inseriamo il codice sottostante (accompagnato dai commenti):
//impostiamo la larghezza e l'altezza delle immagini
var altezza:Number = 450;
var larghezza:Number = 600;
//definiamo URLLoader per caricare il file XML e il Loader per le immagini.
//NB: URLLoader è "eseguito" quando il costruttore viene chiamato
var xmlLoad:URLLoader = new URLLoader( new URLRequest("ListaImagini.xml") );
var imgLoad:Loader = new Loader();
//e alla fine diciamo a Flash di eseguire la funzione "caricaLista" quando URLLoader ha completato il suo caricamento del file xml,
xmlLoad.addEventListener(Event.COMPLETE, caricaLista);
/*
Nella funzione "caricaLista" otteniamo i dati dall'oggetto URLLoader
e avendo nel file xml diversi tag "contenuto" comunichiamo alla var "stImage" di caricare una random.
Dato che "imgLoad" è un oggetto Loader dobbiamo chiamare il metodo load per caricare l'immagine.
L'ultima riga rimuove il listener di evento associato all'evento "caricaLista".
*/
function caricaLista(evt:Event):void {
var xmlData:XML = XML(xmlLoad.data);
var numImmagini:Number = xmlData.contenuto.length();
var stImage:String = xmlData.contenuto[Math.floor(numImmagini*Math.random())].toString();
imgLoad.contentLoaderInfo.addEventListener(Event.COMPLETE, caricaImmagini);
imgLoad.load( new URLRequest(stImage) );
xmlLoad.removeEventListener(Event.COMPLETE, caricaLista);
}
/*
La funzione "caricaImmagini" inserisce il contenuto del "imgLoad" come un oggetto Bitmap
in modo che possiamo scalarlo prima di aggiungerlo nello stage.
Si noti che usiamo scaleX e scaleY per ridimensionare l'immagine dalle variabili altezza e larghezza,
indipendentemente dalle sue proporzioni originali.
Alla fine aggancio un listener che verifica il fine caricamente è richiama una funzione.
*/
function caricaImmagini(evt:Event):void {
var thisBmp:Bitmap = Bitmap(imgLoad.content);
thisBmp.x = 0;
thisBmp.y = 0;
var thisWidth:Number = thisBmp.width;
var thisHeight:Number = thisBmp.height;
thisBmp.scaleX = larghezza/thisWidth;
thisBmp.scaleY = altezza/thisHeight;
addChild(thisBmp);
imgLoad.contentLoaderInfo.removeEventListener(Event.COMPLETE, caricaImmagini);
}
5 - Salviamo tutto e proviamo il filmato, cliccando: Controllo > Prova filmato
6 - Buon lavoro... Continua a leggere
1 - Per prima cosa create un nuovo MovieClip > Inserisci/Nuovo simbolo (ctrl+F8)
2 - Assegnate al clip creato come Nome Istanza: myClip
3 - Aprite il panello Azioni > Finestra/Azioni (F9) e inserite il codice sottostante:
NB: Prima di ogni riga di codice trovate il commento che vi spiega le funzioni:
//Importiamo la classe Tween
import fl.transitions.Tween;
import fl.transitions.easing.*;
//funzione che gestisce il ridimensionamento/resize dello stage
stage.addEventListener(Event.RESIZE, resizeListener);
/*Rende fissa l'intera applicazione Flash, in modo che rimanga invariata
anche se cambiano le dimensioni della finestra del lettore.*/
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
//Creiamo due variabili che sarano come riferimento per i Tweens nella funzione di ridimensionamento
var xTween:Tween;
var yTween:Tween;
//e alla fine aggiorniamo la funzione "resizeListener" per posizionare il clip al centro dello Stage
function resizeListener (e:Event):void {
xTween = new Tween (myClip, "x", Elastic.easeOut, myClip.x, (stage.stageWidth / 2), 2, true);
yTween = new Tween (myClip, "y", Elastic.easeOut, myClip.y, (stage.stageHeight / 2), 2, true);
}
4 - Provate il filmato > Controllo/Prova filmato (ctrl+Invio) e ridimensionate la finestra per vedere l'effetto e.... buon divertimento :) Continua a leggere
Iscriviti a:
Post (Atom)












