La 3D isométrique pour les intégrateurs

Le 03/03/2016

La perspective 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 utilisent, la technique reste vivant avec des jeux comme par exemple Monument Valley.

Travailler avec obelisk.js

Beaucoup des ressources que je vais vous presenter aujourd'hui utilisent Obelisk.js, et c'est tout a fait normal ! Cette ressource permet tres simplement de creer des vues en 3d Isometrique tres simplement en manipulant des tableaux de "pixels". Libre a 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, je vous conseille de suivre le tutoriel prévu par les développeurs.