Amélioration rendu visuel 3D du configurateur i-clips.com avec :

Retravail des matériaux pour un rendu plus réaliste avec application des normal map, displacement, Ambient, Specular maps
Refonte complète des lumières via threejs pour former des ombres cohérentes
Mise en place de mesh 3D via l’importation de obj/mtl
Ajout de la gestion des ombres au mesh 3D
Gestion de toutes les formes de terrasses disponibles sur génération procédurale en temps réel
Amélioration de la gestion des vertices pour les mesh générés via des coordonnées en JSON
Correction du wrapping texture pour sol et modification shininess pour correspondre au bon matérial

TreeJS : Quand Javascript rencontre la 3D

ThreeJS est une librairie Javascript permettant de réaliser de la 3D. Elle a été écrite pour être facile à utiliser. On peut retrouver son code source sur Github. Largement utilisée sur le web pour tout ce qui touche eu display d’éléments 3D elle associe performance, flexibilité et modularité.

La bibliothèque utilise WebGL pour faire son rendu, mais elle est aussi capable d’utiliser les technologies Canvas et SVG pour faire de la 3D. Bien sûr, utiliser Webgl sera plus efficace puisqu’il utilise l’accélération matérielle de la carte graphique.