Ico JavaScript
Ico CSS
Ico HTML
Ico mooTools
Ico PHP
Ico Astuces

Three.js - Framework JS d'intégration 3D

Date 19/06/2012
Ico JavaScript
Comms 0 commentaire

http://www.canvasdemos.com/wp-content/uploads/2011/07/getting-started-with-3.jpg


Three.js est une bibliothèque Javascript permettant de générer très simplement des rendus 3D grâce à 3 méthodes d'affichage : Canvas, SVG ou WebGL.


En quelques lignes de code, on peut facilement créer une scène 3D, placer une caméra, créer des formes géométriques ou charger des modèles 3D, appliquer des textures à ces objets, créer des sources de lumière, et faire un rendu dans un élément HTML.


Les possibilités de cet outil sont gigantesques, avec un peu de patience et des idées claires, car il faut néanmoins connaitre ou réviser la trigonométrie, par exemple, retourner un plan créé d'origine à plat sur les axes x et z, il faudra lui faire une rotation de PI/2 radians... mais rien d'insurmontable, les exemples et les tutoriels sont nombreux pour aider le programmeur néophyte dans le domaine de la 3D.


Pour jeter un œil aux divers exemples fournis avec la distribution officielle de la bibliothèque, j'ai déposé sur un serveur web les samples : 


Exemples d'utilisation de Three.js


Quelques exemples bluffant :

Rendu peau humaine, Rendu terre plusieurs matériaux / rotations


Je suis actuellement en train de travailler sur un script d'affichage d'images en 3D pour l'affichage de galeries d'art, je posterai un billet à ce sujet quand j'aurais quelque chose à montrer.



Vous avez aimé ce billet ?

 

Vous aimerez peut être...
> mooTools v1.3 : Nouveautés
> Le débugger de Chrome
> Tester et debugger IE7/8 via IE9/IE10
> Génération d'une bannière texte
> Animation d'élements en CSS3
 

Mot-clefs de ce billet...
creer exemples framework integration rendu three

Commentaires


Aucun commentaire...


Ajouter un commentaire


La validation des commentaires se fait automatiquement, suite à la validation d'un « captcha » qui permet de filtrer le spam. La publication de votre commentaire se fera ensuite automatiquement. L'administrateur du blog se réserve toutefois le droit de supprimer votre commentaire après publication s'il contrevient à nos condition d'utilisation ou s'il est considéré comme spam.

Auteur
Email
 
(facultatif et caché)
Site web
 
(facultatif)
Message

Ico Valider


MP  Mighty Productions
> Blogs
> Partage de codes sources - PHP / JS / mooTools
> JavaScript
> Three.js - Framework JS d'intégration 3D
 
RSS       Mentions légales       Comms  Haut de la page  
◄ ►