Oggi vedremo come utilizzare le classi di Papervision 3D 2.0 Interactivity utilizzando Adobe Flash CS3 per creare un cubo tridimensionale
Avremo la possibilità di ruotare il cubo con il puntatore del mouse o cambiare la veste grafica delle sei facce
L’esempio originale ci mostra come utilizzare le classi di Papervision 3D 2.0 con la possibilità di interagire con l’applicazione, in questo caso tramite un url.
Nel scaricare i file originali ho notato che purtroppo l’applicazione forse è stata scritta con delle classi meno recenti di Papervision, infatti non funzionava.
Quindi non è stato possibile mantenere questa interattività (si cercherà di implementarla prima possibile) dopo le varie mdofiche.
Questo è il codice per utilizzare le classi Papervision 3D 2.0
import org.papervision3d.scenes.*;
import org.papervision3d.cameras.*;
import org.papervision3d.objects.*;
import org.papervision3d.materials.*;
import org.papervision3d.core.proto.*;
var container:Sprite = new Sprite();
container.x = stage.stageWidth * 0.5;
container.y = stage.stageHeight * 0.5;
addChild (container);
var scene:Scene3D = new Scene3D(container);
var camera:Camera3D = new Camera3D(null, 11, 100);
var materials:Array = [];
for (var i:uint=1; i<=6; i++){
materials.push(new MovieMaterial(new (getDefinitionByName("face"+i) as Class)()));
materials[uint(i-1)].smooth = true;
materials[uint(i-1)].animated = true;
}
var cube:Cube = new Cube(new MaterialsList({front:materials[0], back:materials[1], right:materials[2], left:materials[3], top:materials[4], bottom:materials[5]}), 200, 200, 200, 10, 10, 10);
scene.addChild (cube);
addEventListener (Event.ENTER_FRAME, loop);
function loop (e:Event):void {
var xDist:Number = mouseX - stage.stageWidth * 0.5;
var yDist:Number = mouseY - stage.stageHeight * 0.5;
cube.rotationY -= xDist * 0.05;
cube.rotationX += -yDist * 0.05;
scene.renderCamera (camera);
}
Un ringraziamento speciale a and80 per aver corretto le classi di Papervision3D
Scarica il sorgente
Guarda il VideoTutorial
Fonte [The Flash Bblog]
Prezzo: EUR 7,90
Promozione: EUR 6,72
Prezzo: EUR 49,90
Promozione: EUR 42,42
Prezzo: EUR 12,90
Promozione: EUR 10,96
Prezzo: EUR 40,00 |
Promozione: EUR 38,00
Articoli simili 3DAdobeAS3BlogDesignEsperimentoFileFlashGalleriaGamesGraficaImmaginiLinksOpensourceSviluppoTutorial
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]

Guglielmo
10 aprile 2008
Ciao Julius, vorrei sapere una cosa, ma come faccio a cambiare le immagini di ogni faccia?
Grazie!
Julius
10 aprile 2008
Nel file sorgente trovi tutte le facce, non eccedere di dimensioni
per ora puoi cambiare solo il contenuto…
Controlla anche in libreria
luke
24 aprile 2008
ciao julius
volevo chiederti se era possibile settare un tot di gradi di rotazione per i 2 assi x e y.
una cosa del genere
http://www.whitevoid.com/application.html
Sara
25 settembre 2008
Come si fa, se si può fare, inserire questa animazione in un sito flash? Grazie!
Julius
25 settembre 2008
@luke: ciao
bè questo esempio non ti aiuta molto, anche se il progetto che mi hai segnalato è sempre in AS3 e utilizza classi 3d Papervision..
se trovo qualcosa faccio un articolo
@Sara: ciao
devi utilizzare una funzione in AS3 per caricare un swf esterno
federichissima
3 ottobre 2008
ciao julius, un altro fantastico lavoro! volevo chiederti perchè non è possibile utilizzare il file swf che esporto. ho modificato le facce del cubo e ho esportato l’swf.ma quando lo importo dentro uno stage di un altro file non succede nulla. come mai? grazie in anticipo, buona serata!
Julius
5 ottobre 2008
@federichissima: ciao hai provato a importarlo in questo modo?
Enrico
2 novembre 2008
Ciao Julius, grande come sempre!
Senti, ho aggiustato il problema dell’interattività nel cubo.
In effetti ci ho studiato un pò sopra, perchè ho dovuto rifare un pò tutto il codice.
Cmq le parti più importanti sono queste:
//definizione dei materiali delle varie facce e attivazione interattività
fronteMaterial.interactive = true;
fronteMaterial.name = “frontale”;
dietroMaterial.interactive = true;
dietroMaterial.name = “dietro”;
sinistraMaterial.interactive = true;
………
//realizzazione del Cubo coi nuovi materiali
cubo = new Cube(new MaterialsList( {
front: fronteMaterial,
back: dietroMaterial,
left: sinistraMaterial,
right: destraMaterial,
top: sopraMaterial,
bottom: sottoMaterial
} ), 100, 100, 100, 3, 3, 3);
//creazione listener che intercettano il Click sulla faccia
private function onPresss(e:InteractiveScene3DEvent):void {
switch(e.face3d.material.name) {
…..
ovviamente non posso inserire tutto il codice ;-) non si capirebbe niente.
ma l’ho inserito nel mio blog.
BYYYYYE
fabio ramassotto
24 maggio 2009
Julius… tu sei un TIC nella parola mi-tic-o
grazie
Luca
8 giugno 2009
Mi sono messo a studiare papervision3D, ma non riesco a capire se sia possibile e/o come sia possibile cambiare il materiale del cubo (o anche solo di una faccia) una volta che il cubo sia già stato creato.
Hai idea di come si possa fare?
Nele
24 giugno 2009
Ciao..scusa l’imperdonabile ignoranza, ma come faccio a dare un urlo ad ogni faccia?
Grazie mille anticipatamente
Julius
24 giugno 2009
@Nele è stato implementato da Enrico
Puglisi Riccardo
22 luglio 2009
Ciao Giulio,
spero posso darti del tu dato che siamo quasi coetani nonchè tu abbia un anno + di me..
ti scrivo xk nn so + cm ringranziarti
perchè l’ottimo lavoro che fai x tutti quelli che navigano nella confusione della rete
e alla fine trovano sempre delle giuste informazioni munite di tutorial e video che spiegano in modo semplicissimo
la qualsiasi dei tuoi studi..
grazi a te ho conosciuto la realtà amplificata e molto altro…così da approfondirli nel mio mondo di arte
detto questo ti ringrazio ancora e mi chiedevo se potevo condividere i miei saperi con te in qualche modo x darti una mano
sarebbe tropp chiedere il tuo contatto però so che potrei apprendere molto da una amicizia cm la tua e sicuramente
poterti far conoscere cose che non sai
per attivare quel mondo di condivisione e unione che si stava perdendo ma che piano piano internet innalzandosi come democrazia moderna e belva in continua evoluzione sta cercando di liberarci
detto questo nn volevo farti xere altro tempo ma spero che mi risp a quest’e-mai xk t volevo parlare di alcuni progetti che avevo in mente sia sulla rete che ne condividere e tu mi sembri al xsona + azzeccata e sopratutt xk m fai tropp simpatia e denoto tutt l’aiuto che cerchi di dar al prox
continua così…….
Julius
22 luglio 2009
Grazie per le belle parole, sentiamoci in privato via mail per i progetti su cui mi devi chiedere consigli ;) ciao
fm
8 gennaio 2010
utilizzando il sorgente non riesco ad aggiungere la funzione per richiamare un url sul click di ogni singola faccia
ho provato a seguire sia le indicazioni di
http://www.enricoviola.it/blog/2008/cubo-3d-come-menu-interattivo-con-papervision/
sia
http://www.gotoandlearn.com/play?id=68
in entrambi i casi ottengo diversi errori
quale suggerimento usando gli script e il fla indicato in questo sito?
Piuma
10 giugno 2010
Ciao Julius, come posso aggiungere un bagliore esterno o un’ombra intorno al cubo come nella demo che vedo qui sul tuo sito? Ho provato ad aggiungere un bagliore alle facce ma non si vede… forse perchè è esterno all’area consentita? Ho provato a mettere 210 210 210 come dimensioni ma non si vede comunque…
Complimenti per tutti i tuoi tutorial!
Dezua
2 febbraio 2011
Grande,
io l’ho utilizzato per un sito, devo aggiustarlo un attimo, ma di ottimo effetto.
http://www.dezuagroup.webuda.com/
ilgorgo
1 luglio 2011
come faccio a cambiare le dimensioni grazie?