Accueil > > > [FLASH MX] AFFICHER DE LA 3D
[FLASH MX] AFFICHER DE LA 3D
Information sur la source
Description
Ce *.fla montre de manière simple comment afficher des formes géométriques en 3D polygonale sous Flash (via Action Script) et la manière dont on peut effectuer des transformations de base (translations, rotations) sur les points pour obtenir des animations. Il s'agit d'un modeste moteur 3D, imparfait certes, mais le résultat est là ! La mise à jour permet maintenant de remplir les faces avec une couleur et même d'obtenir des effets de transparence en changeant l'alpha ! (voir capture) Vous pouvez aussi enlever les traits pour ne laisser que la couleur.
Source
- //Voici un petit aperçu de ce qui vous attend :
- //============================
-
- //**Paramètres**
- /*Emplacement de l'origine.
- Sert de référence pour afficher les points dans
- l'espace.*/
- origine_x=Stage.width/2;
- origine_y=Stage.height/2;
-
- /*Distance entre celui qui regarde et l'écran.
- Selon sa valeur, accentue plus ou moins l'effet de
- perspective lors du rendu.*/
- distance=Stage.width/2;
-
-
- //**Fonctions**
- /*Sert à créer un point en retournant un objet
- renfermant les coordonnées de celui-ci dans
- l'espace.*/
- function point(x,y,z){
- triplet=new Object();
- triplet.x=x;
- triplet.y=y;
- triplet.z=z;
- return triplet;
- }
-
- /*Permet de relier 3 points entre eux par des
- traits, et avec un remplissage. Les points sont des
- objets retournés par la fonction du même nom.
- La couleur est à rentrer sous la forme
- héxadécimale et l'alpha doit être une valeur
- comprise entre 0 et 100*/
- function face(point1,point2,point3,couleur,alpha){
- polygone=new Object();
- polygone.sommet1=point1;
- polygone.sommet2=point2;
- polygone.sommet3=point3;
- polygone.couleur=couleur;
- polygone.alpha=alpha;
- return polygone;
- }
-
- /*Fonctions de translation : elles permettent
- de déplacer un point sur les axes du repère.*/
- function translation_x(point,valeur){
- point.x+=valeur;
- }
- function translation_y(point,valeur){
- point.y+=valeur;
- }
- function translation_z(point,valeur){
- point.z+=valeur;
- }
-
- /*Fonctions de rotation : elles permettent
- de faire tourner un point autour des axes du
- repère.*/
- function rotation_x(point,angle){
- angle=angle*Math.PI/180;
- y=point.y;
- z=point.z;
- point.y=y*Math.cos(angle)-z*Math.sin(angle);
- point.z=z*Math.cos(angle)+y*Math.sin(angle);
- }
- function rotation_y(point,angle){
- angle=angle*Math.PI/180;
- x=point.x;
- z=point.z;
- point.x=x*Math.cos(angle)-z*Math.sin(angle);
- point.z=z*Math.cos(angle)+x*Math.sin(angle);
- }
- function rotation_z(point,angle){
- angle=angle*Math.PI/180;
- x=point.x;
- y=point.y;
- point.x=x*Math.cos(angle)-y*Math.sin(angle);
- point.y=y*Math.cos(angle)+x*Math.sin(angle);
- }
-
-
- //**Autres variables et fonctions**
- faces=new Array();
-
- function ordre(a,b){
- z1=a.z;
- z2=b.z;
- if(z1>z2) return -1;
- else{
- if(z1<z2) return 1;
- else return 0;
- }
- }
//Voici un petit aperçu de ce qui vous attend :
//============================
//**Paramètres**
/*Emplacement de l'origine.
Sert de référence pour afficher les points dans
l'espace.*/
origine_x=Stage.width/2;
origine_y=Stage.height/2;
/*Distance entre celui qui regarde et l'écran.
Selon sa valeur, accentue plus ou moins l'effet de
perspective lors du rendu.*/
distance=Stage.width/2;
//**Fonctions**
/*Sert à créer un point en retournant un objet
renfermant les coordonnées de celui-ci dans
l'espace.*/
function point(x,y,z){
triplet=new Object();
triplet.x=x;
triplet.y=y;
triplet.z=z;
return triplet;
}
/*Permet de relier 3 points entre eux par des
traits, et avec un remplissage. Les points sont des
objets retournés par la fonction du même nom.
La couleur est à rentrer sous la forme
héxadécimale et l'alpha doit être une valeur
comprise entre 0 et 100*/
function face(point1,point2,point3,couleur,alpha){
polygone=new Object();
polygone.sommet1=point1;
polygone.sommet2=point2;
polygone.sommet3=point3;
polygone.couleur=couleur;
polygone.alpha=alpha;
return polygone;
}
/*Fonctions de translation : elles permettent
de déplacer un point sur les axes du repère.*/
function translation_x(point,valeur){
point.x+=valeur;
}
function translation_y(point,valeur){
point.y+=valeur;
}
function translation_z(point,valeur){
point.z+=valeur;
}
/*Fonctions de rotation : elles permettent
de faire tourner un point autour des axes du
repère.*/
function rotation_x(point,angle){
angle=angle*Math.PI/180;
y=point.y;
z=point.z;
point.y=y*Math.cos(angle)-z*Math.sin(angle);
point.z=z*Math.cos(angle)+y*Math.sin(angle);
}
function rotation_y(point,angle){
angle=angle*Math.PI/180;
x=point.x;
z=point.z;
point.x=x*Math.cos(angle)-z*Math.sin(angle);
point.z=z*Math.cos(angle)+x*Math.sin(angle);
}
function rotation_z(point,angle){
angle=angle*Math.PI/180;
x=point.x;
y=point.y;
point.x=x*Math.cos(angle)-y*Math.sin(angle);
point.y=y*Math.cos(angle)+x*Math.sin(angle);
}
//**Autres variables et fonctions**
faces=new Array();
function ordre(a,b){
z1=a.z;
z2=b.z;
if(z1>z2) return -1;
else{
if(z1<z2) return 1;
else return 0;
}
}
Conclusion
Allez, prochaine étape : les déplacements.
Si quelqu'un a une idée particulière, qu'il me la communique ! Et si vous avez des remarques, n'oubliez pas de m'en faire part !
Sources du même auteur
Sources de la même categorie
Commentaires et avis
|
Derniers Blogs
L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIESL'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit
La tendance est aux interfaces naturelles (NUI), et le keynote de Bill Buxton au MIX l'a bien souligné.
La charte graphique et ergonomique de Windows Phone 7 a donc été entièrement repensée en vue d'obtenir un maximum d'efficacité sur ce point. En re...
Cliquez pour lire la suite de l'article par odewit COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|