Archives par étiquette : three.js

TEACH ME TO FLY – Jeu de vol en webgl

TEACH ME TO FLY est un petit jeu de vol en webgl développé en deux jours en utilisant la librairie Three.js . Le code est disponible sur github ici.

Ce jeu peut facilement être recustomisé. Tux est un modèle Collada créé sous Blender puis exporté.  La map est dans l’index.html et elle est composée de lignes sous la forme :

 FF 32 00 EA EA EF EF FF FF A8 00 FF \

Chaque ligne de ce type représente une rangée de building. Chaque bloc de charactères hexadécimaux représente un building. La forme du building correspond à la notation binaire du bloc en hexadécimal. Par exemple FF s’écrit 11111111 en binaire, et sera donc un building plein de hauteur maximale.

L’éclairage de la scène se compose d’une spotlight placée au niveau du pingouin pour éclairer les buildings, d’une lumière ambiante, d’une pointlight orangée placée au niveau de la caméra pour éclairer surtout le pingouin, et d’une lumière directionnelle utilisée uniquement pour l’ombrage.

Le jeu est disponible ici

Voici la vidéo capture d’écran pour les non compatibles webgl :

Webgl game : teach me to fly
Runtime
1:29
Compteur de vues
4,247