La 3D isométrique pour les intégrateurs

Le 03/03/2016

La 3D isométrique est une méthode de représentation en perspective dans laquelle les trois directions de l'espace sont représentées avec la même importance, d'où le terme. C'est un cas particulier de perspective axonométrique.
source : Wikipedia

Pour faire simple, la 3D isométrique est donc une façon de représenter de la 3D en 2D sans perdre une des 3 dimensions. Cette technique était très utilisée par les jeux vidéo il y a une grosse vingtaine d'années, par exemple. Aujourd'hui, bien que moins utilisée, la technique reste d'actualité avec des jeux comme par exemple Monument Valley.

Intégrer la 3D isométrique avec obelisk.js

Beaucoup de ressources pour intégrer la 3D isométrique aujourd'hui utilisent Obelisk.js, et c'est tout à fait normal ! Cette ressource permet très simplement de créer des vues en 3D isométrique en manipulant des tableaux de "pixels". Libre à vous par la suite de dynamiser ou animer ces vues.

See the Pen obelisk buildr stripped by Nicolas Gryman (@ngryman) on CodePen.

Pour plus d'informations sur Obelisk.js, nous vous conseillons de suivre le tutoriel prévu par les développeurs.