Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
.jpg "tastiera pc")
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
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
Quante volte ci siamo chiesti se un'amico/amica, collega di lavoro, compagno di banco, un/una ex sta guardando o controllando la nostra pagina di Facebook, i genitori segretamente a sbirciare nella tua vita privata?
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
Oggi vi mostriamo alcuni esempi di siti web che utilizzano combinazioni di colori belli e suggestivi.
Il colore è sicuramente un elemento molto importante del web design, e se si ha familiarità con la Teoria del colore usato nelle arti visive, si può sapere che, anche con un sacco di studi, la reazione ai colori è piuttosto soggettiva e le persone reagiscono in modo diverso.
Continua a leggere
Abbonati gratis a questo blog
Tra gli strumenti per i webmaster notiamo il famoso "Nofollow".
Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
Io personalmente amo gli effetti di luce, acqua, fuoco o fumo. Esistono diversi software sia 3D e non per ottenere questi effetti. Ed esistono un'infinità di tutorial per crearli. Usare software 3D tipo: Maya o 3D Studio Max si ottengono dei risultati pazzeschi e si possono realizzare effetti da paura ai livelli cinematografici e senza essere dei maghi della grafica, anche se devo dire che servono macchine potenti per fare il rendering ma vediamo in questo tutorial come ottenere un effetto luce in Photoshop.Continua a leggere
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
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
Abbonati gratis a questo blog
Continua a leggere
Abbonati gratis a questo blog
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
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
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
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
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
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
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
Abbonati gratis a questo blog
Iscriviti a:
Post (Atom)
