Audio video e vari effeiUna grande news dal sito della Apple

Un laboratorio audio-video per organizzare lo streaming di CampVweb

(e non solo) via NetShow

Tre applicativi shareware per fare il nostro multi media

Infine qualche dritta (in JavaScript) per dinamicizzare le nostre

personal page oppure arricchire lidea di un Webgame da sballo

di Bruno Rosati

QulckTime 30 Developer Prevlew bull MacWorid Release

1 QuickTime 30 Developer Pre-view (wwwapplecomquicktimepreview) for Windows

La notizia egrave un vero boom il motoredi sviluppo mediale dei sistemi MacOSegrave ora disponibile anche per le basi PC-Windowsl Non piugrave quindi il solo runti-me per la riproduzione ma lintera ar-chitettura Apple OuickTime approda nelmondo Intel

In pratica anche gli utenti di Windows95NT potranno perciograve realizzare diretta-

[il JodIb YMIIizl v fNI ~

4418

Ecco la News delOuickTime 3 O Develo-per Preview (sia perMac che per Win-dows) e la nuova ver-sione del protocollo In-deo Video 43

mente in mov i propri clip medialiNel pacchetto della beta-version del

OT30 Developer for Windows oltrealleditor OuickTime saragrave possibile rin-tracciare anche il kit OuickTime-VR 21il nuovo runtime e tutti i codec compati-bili Nella lista di questultimi oltre almov saragrave possibile rintracciare (e quin-di utilizzare in fase di codifica) i formatiAvilndeo MPEG e DV Oltre a questisono compresi nella lista altri formatistatici (tif jpg png) e le notazioni MI-DI

Per quanto riguarda specificamente iltool di sviluppo ol-tre ad esser statodotato delle esten-sioni verso lam-biente di Windowsla nuova versionerisulta essere parti-colarmente svilup-pata anche dal pun-to di vista delle fun-zioni di editing Neltool autore egrave difattipossibile rintraccia-re piugrave di 150 tra ef-

--

tear-howto~onmiddot bull lIitQuldaT_VR bullbullbullbullCligravedl--~figravend

~ JaoolllY26 1998middotOuIckTime 3 o 816 nowavadable Gat Il nowl

inclell JarollY 14 1998- lndeo VIdeo IS

now available far OuickTimef()( Windows 3 O Intel hascreated a newverslon or thelrIndeo techno1ow speclficaltfor usa W1th ApplesDevelopef Pr8VI9W Relesseor QulckTime 3 O NowWIndows users csn playbeck Video fl)( Windows(AVI) files that cont81n IndeoVideO conlenl Thls relesseof Indeo also contams theablbty to compIess contentlnto the Indeo formar Indeo81so supportS advancedfeatures ampke media accesskeys data rata Itmibng andtransparency Indeo VideO4 3 bara IS SV81lable forOul

mediaLiNKIl sommario del numero (che valeanche per CampVweb98 n3) egrave prestofatto

- News (mediallNK) Per quanto ri-guarda tale rubrica questo mese pro-poniamo linteressantissima notiziainerente la resa disponibilitagrave dellAppleOuickTime Developer 30 anche per lebasi PC-Windows In piugrave una bella na-vigazione nei siti delle software-housedelle quali presentiamo gli sharewaredi questo mese

- Laboratori multimediali (media-lABS) cominciamo a mettere a puntofile codec bit-rate e codice necessa-rio per pilotare le pagine di Computeramp Video On the Web con il NetShowServer

- Il software applicativo (mediaWA-RE) Deformer 10 (per fare effetti ani-mati su immagini statichel Video Sta-bilizer (per stabilizzare i flussi dei fileAVI) e AnaWave CoolCat (un web-edi-tor capace di costruire anche mappeGIF Animate Applet e JavaScript)

-realizzazioni pratiche (mediaGA-ME) Provvederemo alla presentazionedi due routine JavaScript scritte perCampVweb e per essere liberamente uti-lizzate da chi ci legge

Nellordine si tratta di rotimage (im-magini che ruota no ciascuna con ilproprio link) e colorfade (transizionicromatiche programma bili in velocitagrave enumero di colori per il background)

268 MCmicrocomputer n 182 - marzo 1998

Collage dei prodotti diAnaWave WebSnakeper il browsering off-li-ne Gravity per il news-reading e finalmenteCoolCat per lauthoringWeb

3

Visdyn presenta JutVi-sion per la riproduzionedi immagini panorami-che a 360deg

OUIlIAT

ULIOHOflOM

BECOME AN ANASEltVERUELLEIt TOIgtAY

il PictureMan PRO un imagevideo-processor capace di manipolare imma-gini e frame attraverso lelasticitagrave dellemaschere cromatiche e dei layer Cilie-gina sulla torta PictureMan oltre ad es-sere un vero 32bit egrave anche MMX-com-patibile Sempre della serie PictureMannel catalogo Stoik egrave possibile rintraccia-re PictureMan Rubber e Rubber Plug-In Il primo egrave una versione ridotta delPM-Pro alla quale sono state comun-que aggiunte le funzioni di deformingcapaci di realizzare caricature ed altrebizzarrie grafiche Il secondo comegraveevidente risultaessere la versio-ne plug-in utilizza-bile dallo sheet di

AltN $000 ~IN tAIM bull -1111 $

I Y lrHacIi bullbullbullbullbullbull mori - tIIotI Fori IlnoL ICli bullbull

2o~ifl~ li

bull y- AgjolN p~ le ~ Ccrloltot cIllIL Home-Page diAnaWave

reader e Web-Snake un browseroff-line veloce eleggero ancheper il quale egrave previ-sto il download del-la versione trial

3 Entrando poinel sito della Visdyn(wwwvisdyncom)egrave possibile scarica-re limage-editorJutVision Un ap-plicativo questo ingrado di rendereimmagini panorami-che a 360deg incollando in serie una se-quenza fotografica come una piugrave artico-lata ripresa video Il risultato che si ot-tiene egrave unimmagine finale dove egrave pos-sibile vedere la riproduzione ad angolopiatto di un intero panorama sia chequesto fosse stato ripreso fotografica-mente che carrellando da camcorder

4 Quarta ed ultima tappa di questogiro di mediaLiNK egrave quella che ci portaal sito della Stoik Software (l11QJLwwwstoikcom)

Nella lista di tale azienda oltre alDeformer (un generatore di effetti gra-fico-animati del quale egrave possibile segui-re una breve presentazione su questestesse pagine) sono disponibili altri ap-plicativi interessanti Come ad esempio

fetti di transizione e filtri audiovisiviData la precedenza a quella che mul-

timedialmente parlando potrebbe esse-re la notizia dellanno passiamo ora allealte tappe che vi consigliamo di farenellusuale navigazione mensile Tappeche invero risultano essere le stesse danoi effettuate (in mezzo a decine e de-cine di altre ) per arrivare a scaricaregli applicativi in shareware o trial ver-sion che sia presentati nella rubricamediaWARE

2 La prima di queste tappe(httpwwwanawavecom) egrave quellache ci porta allhome-page dellaAnaWave dal cui sito abbiamo provve-duto a scaricare CoolCat

CoolCat (presente nella rassegna me-diaWARE di questo stesso numero) egraveun web-editor capace di realizzare sitiweb particolarmente dotati dal punto divista dinamico e mediale

Tra le sue caratteristiche oltre allasemplicitagrave realizzativa di frame tabellee form CoolCat annovera sicuramente ipreset disponibili per la realizzazionerapida e facilitata di applet Java con-trolli JavaScript ed inserimento di plug-in Fiori allocchiello sono senzaltro imoduli interni delegati alla creazione dimappe sensibili e gif animate

Scorrendo lHome Page di AnaWaveoltre che il web-editor CoolCat troviamo

in catalogo altriapplicativi Comead esempioAnaWave Gra-vity 20 un inte-ressa nte news-

~~ V-ry _ ~The World s Mas Pobullbullcrful Ncsreadlr

jfio __ v fNj_2

) t~ bull bull T ~ pe-i Inciizzol1 ~~eornI

JUlVISlon for Java was awarded[he preshgeous 100 PureJava rating ISeptember 1997)

ls 1

CltySearch has IncorporaledCNer 150 v1rtua1rea~ty sltes of[ha greater TOfonto area lOtohalf landmark webslle(Sepember 1997)

1802

MCmicrocomputer n 182 - marzo 1998 269

[

ASF S_D~(ASD) IMicroooItMPEG-4WleoQOF 71ps FhGMPEGL_-3 aucio 8 kbpsHp quaitjI

SlIIllMIVSetmgo------- SlIIllMIVStab--------8ugraveate 32kbps Time 000000Video Codec MS-MPEG4 DataS 53~Video S- Fk Carticorcampyl82prova5asIAucioCodec MPEGL_-3 no Sile 54 ~ bullbullbullAucioS- Carticoicampv182prov--------------Auciol~PortNetShowSerYel~erN-ne

Il tempia te audiovisivo MPEG-4 e FhG (MPEG) Layer-3 per la realizzazionedei nostri video Si noti al riguardo il bitrate massimo assegnato (22 Kbitsec) e quello riparti-to per la componente audio (B Kbitsec)

ltq Internet Vdeo (MPEG-4) ampAudIo (FhG Laye-3) asd - NetShow ASF 1lll1iJE

-Tllonsfonn _ animate

lmagesin Real Time with

--

Wl tbinklMlpt fmmlaquo lttgipMr Iplaquo mfzrirnrwapbic wiIt Ood inttcwippmI pltpegravelt IIlfmeIMA [ti( iJ yPu MNl 9 lf1

De Fonner 10DownIoed FREE trial vrlon

S-Stw~d byZONot

Download FREE trial versionI

r--------Me your Wb gnophkswIlhtantastlc Brushesand Buttonlzers or

bull bullNtwDeFORMER 10

-Compllny Info

Contact UI

fu Downlod

Our ProducuPlcture ManPROPMRubber

~bberptuil-+nPM Art GalteryMoltphMan

ePMPalnter

Dal tempia te solo audiodopo averlo richiamatocome Input File (menu Fi- [ConlroI------------r~~~-=-I~1le) stiamo ora proceden- Il ilart I do alla conversione di unfile wav-pcm in asf-mp3

middot~Internet AudIOOnly (FhG Layemiddot3) asdmiddot NetShow ASF Real-Tlme Ene 1lll1iJE

[ASFS~_D~(ASD)

SlIIllMIVSetmgo---c=------- r SlIIllMIVStab--------8ugraveate 32 kbps Time 000000Video Codec DataS 39~Video S- Fk Carticorcampy182prova6asIAucioCodec MPEGL_-3 no Sile 39 ~AucioS- CpinocchiowavelatAuciol~PortNetShowServer~N-ne

vero la possibilitagrave di utilizzare un Net-Show Server

Per il momento tale trattazione saragravepuramente teorica spesso pure acca-demica e di conseguenza non si provve-deragrave (almeno per qualche altro articoloancora) ad andare oltre che ad alcuneprove tecniche di trasmissione Perleffettiva implementazione della piat-taforma aspetteremo varie conferme(dal gradimento e la curiositagrave di chi cilegge alla disponibilitagrave del nostro provi-der)

Tanto per cominciare perograve ci siamoiscritti come developer al sito Net-Show (wwwmicrosoftcomnetshow)abbiamo scaricato le piugrave recenti versionidei NetShow Tools (Encoder Convertere Player) e cominciato a studiarelestensione NetShow Server per Win-dows NT Questultima dovragrave essere at-tivata dal provider come ulteriore servi-ce (direttamente da sistema)

Entrando nel pratico la prima faserealmente produttiva ci vede ovviamen-te nei panni del webmaster che dopoaver acquisito e montato i filmati ed icommenti sonori che gli necessitanoper il sito provvede alla loro conversio-ne da Avi e Wav allo standard Asf pro-prietario della piattaforma NetShow

AI riguardo cosigrave come lo standardAvi di Video for Windows ingloba unacodifica audiovisiva in un determinatoformato (per il video solitamente Indeoe per laudio quasi esclusivamente ilPCM) anche l Asf adotta i formati dicodifica ad esso compatibili

Nello specifico esiste una lista di for-mati NetShow-compatibili Tale lista dicui abbiamo giagrave dettagliata mente di-scusso sui numeri passati egrave attualmen-te formata dai seguenti protocolli dicompressione

Per quanto riguarda i mediaLABS do-po aver parlato di MPEG (mpg per il vi-deo e mp3 per laudio) e quindi prova-to anche la novitagrave delllndeo Video 50Progressive Download questo mesevorremmo cominciare a parlare di unprogetto che riguarda CampVweb98 Ov-

ding fino al solito PhotoShop ( ampCompany) per limage-processing noncegrave ambito produttivo che non vieneraggiunto dai plug-in di Stoik

Lindirizzo da digitare e dal quale sca-ricare quante piugrave demo-version sia pos-sibile egrave il seguente httpwwwunboxedcomwinplugins html

mediaLABSprimi passi nel mondodi NetShow

lavoro di PhotoShop e degli applicativi8bf-compatibili (al solito Photo-Paint 6Painter Paint Shop Pro Picture Publi-sher ecc) Morph Man questo pro-gramma di morphing a differenza deipiugrave tradizionali sistemi a due immagini(InOuO egrave in grado di realizzare -ilmorphing dinamico trasformando i fra-me di due sequenze video

PM Painter a sua volta egrave un paintingplug-in compatibile capace di offrirecontrolli su rese frattali utilizzo di brushe texture ed effetti buttonizer

Sempre in questo ricchissimo sito ol-tre ai trial degli applicativi qui elencaticegrave infine la possibilitagrave di poter scaricareanche le versioni demo dellancora piugravericca serie di plug-in multimediali che al-la Stoik hanno preparato per tutte lepiattaforme plug-in-compatibili

Da Premiere e Speed-Razor per i si-stemi di video a CakeWalk per i se-quencer ed i sistemi per lHD-Recor-

Reaclv

Stoik Software uno trai siti piugrave coloriti e so-prattutto ricchi disoftware da scaricare eprovare

270 MCmicrocomputer n 182 - marzo 1998

Questi sono i parametri in grado direalizzare lunico tipo di contributo videoal momento in grado di riprodursi in li-nea Impostandone il template va tralaltro ricordato che andragrave specificata lagrandezza del quadro video che potragrave

che dai primi file codificati per prova sirileva alla vista egrave difatti caratterizzato dauna scarsa qualitagrave dimmagine A con-solazione suoni il fatto che cegrave comun-que un vertiginoso abbassamento dellaquantitagrave ovvero delloccupazione in

anche essere di tipo custom cioegrave di-verso a seconda della grandezza delquadro originale di ogni singolo file daconvertire Piugrave in generale egrave meglio op-tare per assegnare un taglio prestabili-to In tal modo riusciremo a controllaremeglio loccupazione dei Kbyte

AI riguardo il consiglio egrave quello di im-portare nel NetShow RealTime Encoderdei file video giagrave lavorati con un resize a176x 144 pixel

Ma comegrave la qualitagrave dimmagine cheesce dalla ricodifica in asf Usando iparametri appena descritti non cegravedaspettarsi nulla di eccezionale Quello

o- y od- t-9 ~ dIo--~LII~~JutVision Da una seriedi frame prelevati dauna carrellata fatta alcamcorder o da una se-rie di scatti fotografici(vedi la Crop View inbasso) si puograve ottenereuna vista panoramicasicuramente suggesti-va

Limmagine egrave ora di-ventata un file Aviattraverso il quale egravepossibile far eseguirelanimazione dellef-fetto deformante

Deformer al lavoro sudi una bitmap da640x480 alla quale va aimporre uno dei suoitool-effect

- Compressore video ad alta velocitagraveMPEG-4

- Microsoft H263 Video Codec- Duck TrueMotion RT 20- VDONet VDOWave- CELP (48 bits) Lernout amp Hauspie- Microsoft G7231- MPEG Layer-3- Microsoft Network Audio- Voxware MetaSound- Voxware MetaVoiceI primi quattro sono i codec video i

successivi sei quelli audio Tra questiper CampVweb98 abbiamo scelto (e por-teremo avanti ad experimentum)luso del formato MPEG-4 ad alta velo-citagrave per le compressioni video e il for-mato MPEG Layer-3 per quella audio

Ciograve significheragrave che tutti i contributimediali che via via inseriremo nelle pa-gine dedicate alla sperimentazione delnostro NetShow Server per esserevisti eo sentiti dovranno venire neces-sariamente riprodotti per mezzo delNetShow Player Questultimo oltreche ad essere compreso nel kit diestensione di Internet Explorer 40x egravepossibile scaricarlo sempre dal sito diNetShow

In base a tali assunzioni e dopo averacquisito e montato (in VidEdit come inPremiere) i primi contributi sperimenta-li stiamo provvedendo ad organizzareuna pagina del mediaLAB inserendo inquesta gli streaming Asf ottenuti perconversione attraverso il modulo di la-voro NetShow RealTime Encoder

Lutilizzo di tale modulo (presentatosul n180 di MCmicrocomputer) ci per-mette di ottenere con estrema rapiditagravee facilitagrave gli streaming che ci necessita-no Ciograve grazie alla possibilitagrave di sfruttaredei template Questi sono dei moduli dilavoro nei quali sono giagrave inseriti in pre-set i parametri audiovisivi e la velocitagravedi streaming da rispettare (bit-rate eKHz) noncheacute la path di salvataggio edindirizzamento del file convertito

AI riguardo abbiamo messo a puntodue differenti template di produzione ingrado di caricare il modulo di conversio-ne giagrave con i codec ed i rispettivi para-metri presettati

Nello specifico abbiamo preparato untemplate audiovisivo ed uno solo-audio

Per quanto riguarda quello audiovisivolabbiamo denominato come

Internet Video [MPEG-4] amp Audio[FhG Layer-3]asd

e dotato della capacitagrave di automatizza-re le fasi della codifica nel rispetto di unbitrate pari a 32 kbps (Kbyte per secon-do di cui 24 per il video e 8 per laudio)ed un frame-rate di 7 framesec

MCmicrocomputer n 182 - marzo 1998 271

CoolCat Una fase dellavoro di mappa turache il tool interno perla realizzazione dimappe sensibifi ciconsente di utilizzarecon facilitagrave ed immemiddotdiatezza

CooCat al momentodel caricamento

nputetYideo 98I CampYilldex IIJfbullbull bullbullbull -IIMC-UnJiI

piazza01bmp piazza02bmp plaz-za03bmp ecc)

Riconoscendo la serie e rispettandola numerazione JutVision (un po comefanno gli scanner) provvederagrave a scandi-re pixel per pixel provvedendo ad ag-ganciare limmagine successiva nellagiusta posizione appresso alla prece-dente senza sovrapposizione oppureantiestetici effetti shifting

Per quanto riguarda la versione demoin prova questa non egrave purtroppo in gra-do di attivare la funzione video wel-der con la quale diviene possibile ac-quisire una scena da un file avi Talefunzione puograve essere integrata scarican-do dallo stesso sito sopra indicato lup-grade che provvederagrave alla sua abilitazio-ne Leffetto dellimmagine panoramicaripresa da una carrellata video egrave sor-prendente ed oltre che in posa staticapuograve essere resa anche con leffetto car-rellata

j~ E~lmiddot_IliE bullbullbullbull _~ il IeCetmiddotmiddot1

et OiIJOoIu-

~w~r~~~odI_Io __ oIllw9wc bullbull ~

-I~

bull IMG INfUlbull UMlTTOO E

NOOANOSWARTOUOlES

SElftlbull SlOEBAIIbull BLEbull TObull TOOAREAo

o

~ lJo di ~ _ - bullbullbull _ Il

D e5id lJ ograve Itl QI (l bull ~ ~ Cl ~ lJ - lEF bullbull fll A- BlU Il li

fin lWIb T I~ I t et DMllteWhdIt bullbullbullbull bullbull liiM bullbullbull

lw t ~1~1c211~lbullbull

c AUOIOSCOPElt BASEFOHTIl IlGSOUNO

bullbullbull (lH HR

BOOYgt+rTMl)

il HTML20bull Hfllaquo12~ HMlUN~NDIlOIlmiddot~N~2N~N~J

bull ~N bullbullbullbull _~[ bullbullbull 2~[ __ J

WflbNtgt Cddf_~--~bull ~Oblectt~--JScJ(lIStaterIwoIlbull J~faoncJs~MeamphodIJ-~~tgt J~S~ Qpel bullbullbulltrJwaSa~~bull JaSSIIllleflllri1

~~l-=I~~~~~~~~~~~~_~~ bullbullbull_CrrlnOOCgtO bullbullbull r3114 HII4

1Il bullbullbullbull Ir~~J I l~l bullbullmiddot-I lJE-middotlildleCoollAlu ltl I ~ gtl

i ferri da stiro op-pure il battutoottenibile comequando si martellaun oggetto metal-lico

Di ogni effetto egravepossibile graduar-ne lincidenza inmodo che questoappaia piugrave o menoa marcato realiz-zarne una prevlewe quindi salvarne(oltre che il file-progetto) anche laversione in bitmapo quella animatain Avi Questulti-ma renderagrave gra-duale laumentaredelleffetto realizzato dallimmagine ori-ginale a quella effettizzata

Vi consigliamo di scaricarlo nella suaversione in prova (15 giorni di full opera-tion) e magari di farci qualche bella cari-catura animata da mettere poi sulla vo-stra home-page

Visdyn JutVision (scaricabiledallURL httpwwwvisdyncom) egrave unsoftware in grado di trasformare imma-gini fotografiche sequenziali come veree proprie carrellate video in immagini aresa panoramica Ovvero immagini (sta-tiche o dinamicizzabili via Java-applet)che aprono una vista a 360deg

Il montaggio di piugrave immagini fotogra-fiche in resa panoramica egrave abbastanzasemplice ed immediato Per attivare laprocedura (detta di rendering stit-cher) egrave sufficiente che si rinomini laserie di bitmap fotografiche che si vuo-le montare in modo che queste abbia-no una successione cronologica (es

Kbyte del contributo audiovisivo Senzaentrare fin da adesso nei dettagli si puogravecomunque calcolare che rispettoallAvi un video in Asf occuperagrave almassimo il 10-15 delloriginale

Per quanto poi riguarda il templatesolo-audio denominato a sua voltacome

Internet Audio Only (FhG Layer-3)asd

labbiamo costituito in modo che sup-porti i parametri relativi al codec diFraunhofer IIS MPEG Layer-3 Audio co-dec con rate pari a 32 Kbitsec e risolu-zione monofonica di 2205 KHz

Tali parametri garantiscono una qua-litagrave riproduttiva che egrave buona per la vocee piugrave che sufficiente per la musica

Mentre nelle figure 6 e 7 proviamo adevidenziare i parametri imposti nei tem-plate audiovisivo e solo-audio sul nu-mero di marzo di CampVweb98 cerchere-mo di mettere giagrave in linea i file realizzatiper le prime prove Resta sempre sot-tinteso che per eseguire gli asf ci si do-vragrave necessariamente dotare del Net-Show Player

Apriamo questa rubrica di marzo cari-cando subito il Deformer 10 di StoikSoftware (httpUwwwstoikcom) un ap-plicativo appositamente realizzato per laresa di effetti di deformazione sulle im-magini

Un po comegrave stato con il morphingultimamente egrave stata lanciata la modadelle immagini deformate Immagini daeffettizzare in maniera massiccia o nelcaso di personaggi piugrave o meno famosied animali da rendere in caricaturaDeformer seguendo questa scia sipresenta sul mercato con tutte le cartein regola per essere apprezzato e quindiacquistato da cartoonist e bozzettisti ingenere

Deformer facile alluso e rapido nellarealizzazione degli effetti si basasullutilizzo di comandi e tool di lavororappresentati in forma grafica Gli stru-menti a disposizione sono tantissimi edoltre a deformare i soggetti nelle lineegenerali della fisionomia (allungamentodi colli ingrandimenti di nasi o di orbiteoculari) sono in grado di rendere altri ef-fetti ancora Come ad esempio lalonedelle bruciature che possono procurare

mediaWARE effettidigitali stabilizzatori diclip ed un WebAuthoring Tool

272 MCmicrocomputer n 182 - marzo 1998

CoolCat Una fase dellavoro di mappa turache il tool interno perla realizzazione dimappe sensibifi ciconsente di utilizzarecon facilitagrave ed immemiddotdiatezza

CooCat al momentodel caricamento

nputetYideo 98I CampYilldex IIJfbullbull bullbullbull -IIMC-UnJiI

piazza01bmp piazza02bmp plaz-za03bmp ecc)

Riconoscendo la serie e rispettandola numerazione JutVision (un po comefanno gli scanner) provvederagrave a scandi-re pixel per pixel provvedendo ad ag-ganciare limmagine successiva nellagiusta posizione appresso alla prece-dente senza sovrapposizione oppureantiestetici effetti shifting

Per quanto riguarda la versione demoin prova questa non egrave purtroppo in gra-do di attivare la funzione video wel-der con la quale diviene possibile ac-quisire una scena da un file avi Talefunzione puograve essere integrata scarican-do dallo stesso sito sopra indicato lup-grade che provvederagrave alla sua abilitazio-ne Leffetto dellimmagine panoramicaripresa da una carrellata video egrave sor-prendente ed oltre che in posa staticapuograve essere resa anche con leffetto car-rellata

j~ E~lmiddot_IliE bullbullbullbull _~ il IeCetmiddotmiddot1

et OiIJOoIu-

~w~r~~~odI_Io __ oIllw9wc bullbull ~

-I~

bull IMG INfUlbull UMlTTOO E

NOOANOSWARTOUOlES

SElftlbull SlOEBAIIbull BLEbull TObull TOOAREAo

o

~ lJo di ~ _ - bullbullbull _ Il

D e5id lJ ograve Itl QI (l bull ~ ~ Cl ~ lJ - lEF bullbull fll A- BlU Il li

fin lWIb T I~ I t et DMllteWhdIt bullbullbullbull bullbull liiM bullbullbull

lw t ~1~1c211~lbullbull

c AUOIOSCOPElt BASEFOHTIl IlGSOUNO

bullbullbull (lH HR

BOOYgt+rTMl)

il HTML20bull Hfllaquo12~ HMlUN~NDIlOIlmiddot~N~2N~N~J

bull ~N bullbullbullbull _~[ bullbullbull 2~[ __ J

WflbNtgt Cddf_~--~bull ~Oblectt~--JScJ(lIStaterIwoIlbull J~faoncJs~MeamphodIJ-~~tgt J~S~ Qpel bullbullbulltrJwaSa~~bull JaSSIIllleflllri1

~~l-=I~~~~~~~~~~~~_~~ bullbullbull_CrrlnOOCgtO bullbullbull r3114 HII4

1Il bullbullbullbull Ir~~J I l~l bullbullmiddot-I lJE-middotlildleCoollAlu ltl I ~ gtl

i ferri da stiro op-pure il battutoottenibile comequando si martellaun oggetto metal-lico

Di ogni effetto egravepossibile graduar-ne lincidenza inmodo che questoappaia piugrave o menoa marcato realiz-zarne una prevlewe quindi salvarne(oltre che il file-progetto) anche laversione in bitmapo quella animatain Avi Questulti-ma renderagrave gra-duale laumentaredelleffetto realizzato dallimmagine ori-ginale a quella effettizzata

Vi consigliamo di scaricarlo nella suaversione in prova (15 giorni di full opera-tion) e magari di farci qualche bella cari-catura animata da mettere poi sulla vo-stra home-page

Visdyn JutVision (scaricabiledallURL httpwwwvisdyncom) egrave unsoftware in grado di trasformare imma-gini fotografiche sequenziali come veree proprie carrellate video in immagini aresa panoramica Ovvero immagini (sta-tiche o dinamicizzabili via Java-applet)che aprono una vista a 360deg

Il montaggio di piugrave immagini fotogra-fiche in resa panoramica egrave abbastanzasemplice ed immediato Per attivare laprocedura (detta di rendering stit-cher) egrave sufficiente che si rinomini laserie di bitmap fotografiche che si vuo-le montare in modo che queste abbia-no una successione cronologica (es

Kbyte del contributo audiovisivo Senzaentrare fin da adesso nei dettagli si puogravecomunque calcolare che rispettoallAvi un video in Asf occuperagrave almassimo il 10-15 delloriginale

Per quanto poi riguarda il templatesolo-audio denominato a sua voltacome

Internet Audio Only (FhG Layer-3)asd

labbiamo costituito in modo che sup-porti i parametri relativi al codec diFraunhofer IIS MPEG Layer-3 Audio co-dec con rate pari a 32 Kbitsec e risolu-zione monofonica di 2205 KHz

Tali parametri garantiscono una qua-litagrave riproduttiva che egrave buona per la vocee piugrave che sufficiente per la musica

Mentre nelle figure 6 e 7 proviamo adevidenziare i parametri imposti nei tem-plate audiovisivo e solo-audio sul nu-mero di marzo di CampVweb98 cerchere-mo di mettere giagrave in linea i file realizzatiper le prime prove Resta sempre sot-tinteso che per eseguire gli asf ci si do-vragrave necessariamente dotare del Net-Show Player

Apriamo questa rubrica di marzo cari-cando subito il Deformer 10 di StoikSoftware (httpUwwwstoikcom) un ap-plicativo appositamente realizzato per laresa di effetti di deformazione sulle im-magini

Un po comegrave stato con il morphingultimamente egrave stata lanciata la modadelle immagini deformate Immagini daeffettizzare in maniera massiccia o nelcaso di personaggi piugrave o meno famosied animali da rendere in caricaturaDeformer seguendo questa scia sipresenta sul mercato con tutte le cartein regola per essere apprezzato e quindiacquistato da cartoonist e bozzettisti ingenere

Deformer facile alluso e rapido nellarealizzazione degli effetti si basasullutilizzo di comandi e tool di lavororappresentati in forma grafica Gli stru-menti a disposizione sono tantissimi edoltre a deformare i soggetti nelle lineegenerali della fisionomia (allungamentodi colli ingrandimenti di nasi o di orbiteoculari) sono in grado di rendere altri ef-fetti ancora Come ad esempio lalonedelle bruciature che possono procurare

mediaWARE effettidigitali stabilizzatori diclip ed un WebAuthoring Tool

272 MCmicrocomputer n 182 - marzo 1998

Limmagine di partenza infine saragravedescritta con il solito TAG

In definitiva per utilizzare tale preseta parte il pizzico di accademia fattasaragrave sufficiente inserire le vostre gif diriferimento settare la durata in scher-mo e quindi assegnare i link (la path an-dragrave inserita al posto dei genericilinkpgXXhtm da noi usati nellesem-pio)

Una volta che si saragrave completato lin-serimento di immagini in screen e linke ci si porteragrave a verificarne la resa nelbrowser saragrave piacevole vedere chetutto funziona davvero Le immagini aseconda del delay settato potrebberosuccedersi piugrave o meno veloci comequelle di una Gif-Animation ma oltre arendere esteticamente avranno in piugravela potenza dellinterazione Il rotima-ge (che lo ripetiamo puograve essere libe-ramente scaricato e utilizzato per leproprie produzioni) funziona bene siasotto Explorer che Navigator che hopotuto perograve verificare solo nelle versio-ni 40

ltIMG NAME=pubIrngSRC=filrnOlagif WIDTH=lOOHEIGHT=76 BORDER=OgtltAgt

ltA HREF=linkpgOlhtrnonClick=liens=newCreaArray(linkpgOlhtrnlinkpg02htrnlinkpg03htrn)location=liens[pub] returnfalsegt

Tutto ciograve egrave compreso come al solitotra i TAG ltSCRIPTgt e ltSCRIPTgt

Nel ltBODYgt direttamente al carica-mento (evento OnLoad) si assegnanopoi le denominazioni delle gif da utiliz-zare (direttamente nellidentificatoredella funzione invocata CreaArray) e iltempo di permanenza in schermo dellestesse (il delay egrave univoco e va inseritonellidentificatore della funzione Dura-talng)

Infine lultima cosa che si deve com-piere a livello di script egrave quella di indiriz-zare i link con il TAG ltA HREF gt

Nellesempio che troverete online suCampVweb98 n3 abbiamo descritto i se-guenti link

docurnentpubIrngsrc pubsz[++pub]

pubT = setTirneout(DurataIrng(pubspubDelai)pubDelail)

J

Q 1734

e oltre ad una variabile (var pubTpub=Ol su di una funzione di controllodella durata in screen di ogni singola im-magine

if (pub == pubslength)pub = o

function DurataIrng(pubspubDelail)

pubDelai = pubDelail

function CreaArray() thislength = CreaArrayargumentslength

for (var i = o i lt thislength i++)

this[i+l] = CreaArrayarguments[i]

- la prima (rotimage) realizza unoscript per avere delle immagini rotantiche ciclano una dopo laltra sulla stessaarea di schermo ciascuna con il pro-prio specifico link

- la seconda (colorfade) propone uneffetto cromatico sul background chedegrada dal colore iniziale a quello finalecreando latmosfera dinamica del giornoe della notte

Mentre di questultima se ne potran-no godere gli effetti cromatici (e scari-carne lHTML che la contiene) diretta-mente su CampVweb98 della prima pen-siamo che sia proprio il caso di ap-profondire un po le caratteristiche

Dal punto di vista della programma-zione pura in JavaScript tale dritta(che dora in avanti definirei con il termi-ne piugrave appropriato di preset) basa lasua struttura su di una funzione princi-pale (CreaArray) dotata di un ciclo FORcosigrave organizzata

ROTIMAGEEsempio di JayaScripl ipermediale

LnnmaguH -lUI SOPnll lt1 rculla 1 frutto di una IcmpnnUlIlOOl dx manda In sccedilfl~n

ICOll ritardI llmporoh prdlssablh a pHl(CrC)trcdlcfgtl IInntagllll

Queste sono di uguale grl~ ma portano cilbCuna un propno ~JXClfic(lImlCfSO tre dlcrsr pagloc Il rMI

8001 onlod-II (VrsiOflNltgleut1304011 (putl-new CeerAny(fllm011giffilmO 1bgtr fllm01eglf)AffkherPub(pubs3000I) onUnloedmiddot-clur1lmeouqpub Tr

ltA HREFpnet02htmr onclkklien~_ CnAryfpreHt02htmrpreseIOl tltmlpteset04htmr)IocMion-Ilen(pub) retum 111bullbull 0

ltIMG NAMEpublrng $RC-mmol bull gil wtOTHmiddot-OO HEIGHTa76- 8OROER-O-gtltJAgt

r~oRilordeIQD111111lQ1

[Por_ ~P bullbullbull ShlpPto I1XWicfoeaf

Rotimage il file HTMLper la dimostrazione dellink rotante Limmagi-ne che vediamo subitosotto il titolo egrave in realtagraveuna delle tre che si al-ternano cicicamente inscreen ciascuna con ilproprio link ltA HREF

o bullbull gt

mediaGAMEdritte in JavaScript

Due le dritte che proviamo a proporvisu questo numero

Proprio sul sitodella Visdyn vienedata ampia dimo-strazione delle qua-litagrave di JutVision conrese panoramichesia statiche che di-namiche

Il terzo applicativo di questa rassegnaegrave il web-editor CoolCat (httpwwwnawavecom)

In realtagrave piugrave che un semplice editorHTML lapplicativo in questione va vistocome un ampio sistema di Authoringcapace comegrave di scrivere codice partico-larmente sofisticato dal punto di vista di-namico ed interattivo Dalla sua CoolCatha difatti una serie di frecce che lo faran-no sicuramente apprezzare da tutti iwebmaster Disponibili come moduli in-terni lapplicativo in questione disponedei tool di scrittura e compilazione di co-strutti JavaScript canali CDF animazioni(in GIF e sotto forma di Java-applet)mappe sensibili form tabelle e frame

Le estensioni JavaScript ad esempiopossono aiutarci nella realizzazione dibanner casuali scrolling-text inserimen-to di data ed orario Java egrave supportatodalle classi per realizzare applet inerentileffettizzazione di testo e la realizzazio-ne di display a led I Channel a loro voltapossono essere realizzati in compatibi-litagrave con il NetCaster e lActive ChannelInfine moltissime le classi ActiveX a di-sposizione dellutente che a sua voltapuograve indirizzare la scrittura del suo codicee sfruttare di ogni tool anche le solespecifiche che risultano supportate dauna precisa versione di browser

Il convertitore da txt ad HTML il cor-rettore ortografico e un modulo per ildownload-FTP completano questo bel-lissimo sistema autore

MCmicrocomputer n 182 - marzo 1998 273