ActionScript 3.0 Performance

Sabato 29 Settembre, 2007

Io sono un estimatore di Adobe Flash CS3 e quindi di ActionScript 3.0. Ecco un demo, presentata alla conferenza Adobe in Giappone, che dimostra le capacità del nuovo motore di rendering sviluppato da Adobe, giusto per smentire strane voci su un "superamento" da parte di Microsoft Silverlight. Cliccate e muovete il Mouse, aumentando il numero di sfere!

Loading Flash Player...

Davvero notevole...

Post correlati

Adobe Flash 3D simulator

Sabato 29 Settembre, 2007

Guardate che bella simulazione 3D (a volo d'uccello pilotabile con il mouse) in tempo reale realizzata in Adobe Flash!

Loading Flash Player...

Post correlati

Snap Shots diventa un Plungin per il tuo Browser

Venerdì 28 Settembre, 2007

Snap Shots Plugin

Snap Shots, nato come script Javascript Unobtrusive, diventa ora un Plugin per i browser Microsoft Internet Explorer (6 e 7), FireFox (1.5 - 2.0.0) e Safari (2.0.1 o superiori). Sono stato contento di averlo installato su questo Blog e ora che è diventato un Plugin è giunto il momento di toglierlo, così da rendere meno pesante il caricamento delle pagine. Da oggi, quindi, elimino Snap Shots da Undolog.com, se desiderate continuare ad avere questa features installate la versione Plugin più leggera e veloce.
Opzioni Snap dal Browser Dalla barra di Explorer è possibile impostare una serie di opzioni che rendono questa versione di Snap Shots estremamente più maneggievole rispetto a quella Javascript. È possibile impostare la modalità di visualizzazione degli Snap, con icona o meno, la lingua e il tema grafico.

Opzioni Snap

È interessante notare l'evoluzione di questo questo tipo di "software", di come un Widget nato come script Javascript sia evoluto ad "estensione". Il vantaggio di averlo come script Javascript, tuttavia, era quello di fornire la funzione di Snap a prescindere dall'installazione del Plugin sul browser. Chiunque avrebbe usufruito dello Snap Shots dei link. Quello che veniva richiesto, in modo trasparente (Unobtrusive), era solo l'attivazione di Javascript nel browser. La versione Plugin si lega invece al browser e non ha più nulla a che fare con il sito Web. Il vantaggio è nelle prestazioni della funzione di snapshot e uno script in meno nel nostro sito Web. In questo modo è l'utente a scegliere se usufruire dello snapshot e non più il sito Web (anche se nelle ultime release lo stesso SnapShots aveva messo a disposizione un pannello di opzioni per attivare o disattivare lo snapshot).

Post correlati

I dieci peggiori spot tecnologici di sempre

Venerdì 21 Settembre, 2007

Prendo spunto da un articolo uscito su corriere.it dove vengono elencati i 10 peggiori video tecnologi della storia mai realizzati.

WASHINGTON "La celebre webzine tecnologica CNet ripropone , ironizzando, una carrellata delle peggiori pubblicità tecnologiche, talvolta addirittura brutte altre semplicemente insensate. Sarà che la maggior parte dei video proposti ritraggono quell'atmosfera trash tipicamente anni ottanta, sarà che riguardavano tempi in cui tutto ciò che era tecnologico è divenuto velocemente obsoleto, in tutti i casi rivedere questi spot strappa un sorriso e spesso anche qualche critica.

Eccone qualcuno davvero divertente se non "ridicolo" ;)

Continua a leggere... »

Post correlati

Effetto arricciatura sulle immagini

Giovedì 20 Settembre, 2007

Effetto arricciatura L'autore di questa libreria Unobtrusive è lo stesso di Reflex (Reflex 1.1: aggiungere effetto di riflessione alle immagini). Questa volta propone un simpatico effetto di "arricciatura" (curl) sulle immagini fotocon varie opzioni tra cui l'animazione dell'arricciamento al passaggio del mouse sul bordo dell'immagine. La tecnica utilizzata è sempre quella delle CANVAS utilizzate in tutti gli script disponibili sul sito. Per scaricare il curl script clicca qui.

Post correlati

Accordion 2.0

Mercoledì 19 Settembre, 2007

image Ne avevamo già parlato di questa libreria Javascript Unobtrusive realizzata dallo stesso autore di LightWindow 2.0. Viene ora rilasciata la versione 2.0, che fa sempre uso di scriptaculous.
Tra le novità più interessanti troviamo la possibilità di "innestare" gli Accordion uno dentro l'altro, sia in modlità orizzontale che in verticale.
Allontanandosi poi dall'originale funzionamento degli Accrodion classici è stata aggiunto il comportamento di apertura/chiusura. Sul sito è possibile scaricare lo script (indicato ancora con la dicitura 1.0!?) e accedere agli esempi di codice.

Post correlati

reCAPTCHA: STOP allo SPAM

Martedì 18 Settembre, 2007

image C'è chi li odia e chi non ne può fare a meno! I Captcha (completely automated public Turing test to tell computers and humans apart), ovvero i sistemi di "controllo umano", permettono nella maggior parte dei casi di eliminare molto della SPAM prodotto nella rete. reCAPTCHA è un servizio gratuito che permette di installare un proprio controllo Captcha sul proprio Web. Una volta registrati sul sito è possibile elencare i propri Web generando due chiavi (una pubblica e una privata: vedi La cifratura RSA) da usare in PHP, WordPress, e MediaWiki..

image

Sul sito è possibile trovare anche un servizio di protezione mail. In pratica viene rilasciato un codice da inserire nel proprio Web in modo tale da non visualizzare in chiaro un indirizzo email, tipo "i[...]@miodominio.com". Cliccando verrà mostrato un Captcha da risolvere!

Vedi anche: 

Post correlati

Nasce N3TV: NetTV 2.0

Lunedì 17 Settembre, 2007

image È andata, il giorno è arrivato. Parte oggi il progetto N3TV, il nuovo "canale" NetTV di Tommaso Tessarolo con moltissime novità nteressanti. Ho avuto il piacere di partecipare come CTO allo sviluppo della nuova piattaforma di interazione che fornisce servizi di Poll, Digg e Chat. Complimenti a tutto il gruppo per i consigli, i test, i nuovi video e i testi. Così N3TV rappresenta davvero un nuovo modo di fare e vedere la NetTV, dove interazione e qualità s'incontrano. Tenete d'occhio il sito e partecipate alla prossima trasmissione!

Per qualsiasi commento, consiglio o bugs report sulla nuova interfaccia interattiva fate pure riferimento a me e a questo Blog!

Post correlati

Mogulus Studio 1.2 Beta

Sabato 15 Settembre, 2007

È stata rilasciata la Beta 1.2 di Mogulus Studio, l'applicazione Web in Flash utilizzata per la messa in onda delle trasmissioni. Poche le novità rispetto alla versione precedente, tuttavia (come suggerito) si procede nella direzione giusta:

Record

È stata introdotta la possibilità di registrare video in tempo reale nel pannello principale di controllo transizioni e rivederle immediatamente tramite l'auto-pilot.

image

Sono stati introdotti nuovo "bottoni" ON/OFF (vedi figura).

 

Controlli migliorati

Più interessante è il miglioramento apportato ai controlli delle sovraimpressioni, ancora lontani dall'esser perfetti ma di sicuro aiuto in una trasmissione in diretta. La possibilità di creare un elenco rende tutto molto più semplice rispetto a prima, dove copia & incolla erano uno strazio davvero insopportabile.

image

Finalmente, inoltre, la gestione della cache funziona ed è possibile ritrovare l'elenco come era stato lasciato all'ultima sessione. Entrambe le liste Lower Third Graphic e Over the Shoulder Graphic soffrono comunque di scarsa accessibilità quando si usa il tasto TAB e nel passaggio nella seconda colonna... poco intuitivo.
Le altre schede sono rimaste uguali, rivista leggermente la Ticker, affiancata dalle istruzioni che prima comparivano come Tooltip.

image

 

Gestione dei collaboratori

image Per chi produce NetTV (come Tommaso Tessarolo) quest'aggiornamento sarà di sicuro aiuto. Ora è possibile aggiungere un utente (un collaboratore) con accesso limitato, definendone quindi un minimo di profilo. Ancora poco per una vera e propria gestione utenti ma il passo è stato fatto.

 

Conferme

Introdotti i pannelli di conferma, mancanza grave nella versione precedente che portava - sovente - ad eliminazioni involontarie.

image

Post correlati

How I Did It: scrivere un countdown in Flash

Venerdì 14 Settembre, 2007

Per la serie "How I Did It" (ovvero come lo feci) ecco come realizzare un countdown in Flash per visualizzare, partendo da un data, quanto giorni, ore, minuti e secondi mancano ad un evento! Nel filmato Flash qui sotto, ad esempio, vediamo quanti giorni mancano al primo dell'anno! Possono essere utilizzati i menu a tendina per selezionare un diversa data:

Loading Flash Player...

Creiamo tre combo day_cmb, month_cmb ed year_cmb e li inizializziamo:

Actionscript:
  1. // init combo
  2. import mx.controls.ComboBox;
  3. //
  4. for (var i = 1; i <32; i++) {
  5.     day_cmb.addItem(i, i);
  6. }
  7. var sm:Array = Array("Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre");
  8. for (var i = 0; i <12; i++) {
  9.     month_cmb.addItem(sm[i], i);
  10. }
  11. // potrei partire dall'anno attuale...
  12. for (var i = 2007; i <2020; i++) {
  13.     year_cmb.addItem(i, i);
  14. }
  15. // imposto la data al 1 gennaio 2008
  16. day_cmb.selectedIndex = 0; // -1
  17. month_cmb.selectedIndex = 0; // -1
  18. year_cmb.selectedIndex = 1;

Il cuore del sistema lo posizioniamo nell'evento onEnterFrame:

Actionscript:
  1. this.onEnterFrame = function() {
  2.     //
  3.     var today:Date = new Date();
  4.     var currentYear = today.getFullYear();
  5.     var currentTime = today.getTime();
  6.     //
  7.     var targetDate:Date = new Date(year_cmb.selectedItem.data, month_cmb.selectedItem.data, day_cmb.selectedItem.data);
  8.     var targetTime = targetDate.getTime();
  9.     //
  10.     var timeLeft = targetTime - currentTime;
  11.     //
  12.     var sec = Math.floor(timeLeft / 1000);
  13.     var min = Math.floor(sec / 60);
  14.     var hrs = Math.floor(min / 60);
  15.     var days = Math.floor(hrs / 24);
  16.     //
  17.     sec = String(sec % 60);
  18.     sec = (sec.length <2) ? "0" + sec : sec;
  19.     // 
  20.     min = String(min % 60);
  21.     min = (min.length <2) ? "0" + min : min;
  22.     //   
  23.     hrs = String(hrs % 24);
  24.     hrs = (hrs.length <2) ? "0" + hrs : hrs;
  25.     // 
  26.     days = String(days);
  27.     days = (days.length <2) ? "0" + days : days;
  28.     //
  29.     var counter:String = days + ":" + hrs + ":" + min + ":" + sec;
  30.     //
  31.     time_txt.text = counter;
  32. };

Post correlati