http://www.flashperfection.com/tutorials/3D-Cube-Gallery-70735.html
Sinon, voici un tutoriel vidéo, bien sûr vous verrez quelques différences entre le tutoriel du site flashperfection et le mien, mais dans l'ensemble vous retrouverez les mêmes fonctionnalités, seul les parties graphiques et une petite partie du code ont été modifiés.
Voici le résultat du tutoriel:
Les sources:
(essayez quand même de faire le tutoriel avant de télécharger la source, je rappelle qu'à la base il a été réalisé dans le but de mieux comprendre l'utilisation de papervision3d :D )
Galerie3D.zip
Le code:
- Code:
//papervision
import org.papervision3d.scenes.*;
import org.papervision3d.cameras.*;
import org.papervision3d.objects.*;
import org.papervision3d.objects.special.*;
import org.papervision3d.objects.primitives.*;
import org.papervision3d.materials.*;
import org.papervision3d.materials.special.*;
import org.papervision3d.materials.shaders.*;
import org.papervision3d.materials.utils.*;
import org.papervision3d.lights.*;
import org.papervision3d.render.*;
import org.papervision3d.view.*;
import org.papervision3d.events.*;
import org.papervision3d.view.*;
import org.papervision3d.core.utils.*;
import org.papervision3d.core.utils.virtualmouse.VirtualMouse;
//caurina
import caurina.transitions.Tweener;
var viewport:Viewport3D = new Viewport3D(0,0,true,true);
addChild(viewport);
var render:BasicRenderEngine = new BasicRenderEngine ();
var scene:Scene3D = new Scene3D();
var camera:Camera3D = new Camera3D;
camera.zoom = 11;
camera.focus = 100;
var material1:MovieMaterial = new MovieMaterial (face1);
material1.interactive = true;
material1.animated =true;
material1.smooth =true;
var material2:MovieMaterial = new MovieMaterial (face2);
material2.interactive = true;
material2.animated =true;
material2.smooth =true;
var material3:MovieMaterial = new MovieMaterial (face3);
material3.interactive = true;
material3.animated =true;
material3.smooth =true;
var material4:MovieMaterial = new MovieMaterial (face4);
material4.interactive = true;
material4.animated =true;
material4.smooth =true;
var cube:Cube =new Cube (new MaterialsList({front:material1,left:material2,right:material3,back:material4}),250,250,250,10,10,10);
scene.addChild(cube);
addEventListener(Event.ENTER_FRAME,placement);
suite_mc.addEventListener(MouseEvent.CLICK, suite);
retour_mc.addEventListener(MouseEvent.CLICK, retour);
suite_mc.buttonMode = true;
retour_mc.buttonMode = true;
function placement (pEvt:Event){
render.renderScene(scene, camera, viewport);
}
function suite (pEvt:MouseEvent){
var newY = cube.rotationY +89;
Tweener.addTween(cube, {rotationY:newY, time:1, transition:"easeoutexpo"});
}
function retour (pEvt:MouseEvent){
var newY = cube.rotationY -89;
Tweener.addTween(cube, {rotationY:newY, time:1, transition:"easeoutexpo"});
}
Le tutoriel:
:::::::::::::::::::::::::::::::::::::::::::::Partie1::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::Partie2::::::::::::::::::::::::::::::::::::::::::
Dernière édition par artkabis le Ven 19 Déc - 10:17, édité 5 fois