par Bonjour à tous, j'étais en quête d'un bon tutoriel flash utilisant le moteur Papervison 3D allié à la classe Caurina, malheureusement je n'ai pas trouvé mon bonheur sur les sites français. Par contre, en cherchant sur les sites anglophones, j'ai pu enfin trouver ce dont j'étais venu chercher. Je ne sais pas si vous avez remarqué, mais je vous ai présenté le moteur pv3d et aussi préparé un tutoriel sur les Tweens. Je pense qu'avec ce qui a déjà été présenté, vous êtes maintenant capable d'utiliser concrètement les derniers tutoriaux. Pour les anglophones, vous pouvez visiter le site qui propose ce tutoriel sur cette page:
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:
Le tutoriel:
:::::::::::::::::::::::::::::::::::::::::::::Partie1::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::Partie2::::::::::::::::::::::::::::::::::::::::::
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 - 11:17, édité 5 fois
