La 3D isométrique pour les intégrateurs

Le 03/03/2016

Dans Inspiration

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

C'est quoi la 3D isométrique ?

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 3D isométrique reste d'actualité avec des jeux comme par exemple Monument Valley.

3d isometrique

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.

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

3D isométrique Obelisk Test Case

3D isométrique Snake Game with obelisk.js

3D isométrique Build Monument Valley by Obelisk.js

3D isométrique Isometric map using Obelisk.js and NoiseJs

3D isométrique Namek Builder

3D isométrique Custom City Builder

3D isométrique Fun with "flat" and transforms

3D isométrique Burger

3D isométrique GSAP and isometric elements test

3D isométrique CSS3 Isometric Text Effect created by Duncan Midwinter

3D isométrique Isometric wave

3D isométrique CSS Isometric Pokemon