BabylonJS et 3DsMax Part 3

Résumé des épisodes précédents : Nous avons vu jusqu’à présent comment on incorpore, on prépare et on optimise un fichier 3D avec 3dsMax afin de le rendre compatible avec BabylonJS et le temps réel. Nous avons également vu comment éclairer basiquement, puis avec de l’occlusion ambiante une scène 3D et comment convertir cet éclairage en textures afin d’obtenir un maximum de performances.

Au programme de cet article, voyons comment donner un aspect décent à nos objets et finalement ajouter de la valeur par l’aspect et le rendu des matériaux et des shaders.

Un premier rendu dans Babylon.JS

Un premier rendu dans Babylon.JS

 

Dis monsieur, c’est quoi un shader ?

Un shader mon petit, c’est un ensemble d’opérations qui amène un pixel de l’écran à prendre une certaine couleur. Cela inclut donc la projection de votre objet 3D en pixels en 2D, le calcul de votre éclairage, de vos textures que vous allez appliquer, des effets particuliers que vous ajouterez à votre scène et éventuellement des opérations spécifiques au traitement de votre image finale. Lire la suite

BabylonJS et 3DsMax Part 2

Dans l’épisode 1, nous avons vu comment on récupérait, puis on optimisait et enfin on mettait un peu en scène un ensemble d’objets en 3D, avec l’ambition d’en faire une scène pour Babylon.Js. Ladite scène portera sur la célèbre montre Monaco de la marque Tag Heuer.

Le modèle dans son contexte

Le modèle dans son contexte

Ce second et long épisode portera sur la création de l’éclairage de base de cette scène, ainsi que sur les premiers calculs de textures de rendu. Entrons tout de suite dans le vif du sujet avec quelques notions d’éclairage. Lire la suite

BabylonJS et 3DsMax Part 1

Depuis quelques temps, je vous fais part de la vision  de l’artiste et de la vie en production d’une démo Babylon.JS. Il était plus que temps d’enchaîner sur une suite d’articles un peu plus techniques afin de vous dévoiler mon workflow et mes astuces pour créer une scène 3D avec ce formidable framework qu’est Babylon.JS. Nous commencerons donc cette série par l’origine d’un projet, la récupération de la modélisation, et l’optimisation des meshes en vue d’un usage pour le web.

Do you BabylonJS?

Tout d’abord, il va falloir télécharger tout ce qu’il faut pour pouvoir travailler sereinement. Commençons par télécharger la version d’essai de 3dsMax d’Autodesk à cette adresse : http://www.autodesk.fr/products/3ds-max/overview

Installez la version d’essai, puis rendez-vous sur le site de Babylon.JS, afin de télécharger le plugin pour Max, juste ici et pas plus loin : Lire la suite