Table des matières
babylon.sbi version 1.0 (09 Janvier 2017)
Version de SpiderBasic : 2.20
Version du framework babylon.js : 3.1
Qu'est ce que babylon.sbi ?
Babylon.sbi est un module codé avec le langageSpiderBasic permettant de disposer d'un accès simplifié au framework javascript 3D babylonjs.com créée par David Catuhe et David Rousset, deux ingénieurs spécialisés dans le web chez Microsoft.
Les principales fonctionnalités sont la création d'une ou plusieurs scènes, la création d'un skybox, la création d'un plan d'eau, la création des lumières, la création d'une ou plusieurs caméras, la création de meshs et de matériel, la création d'un terrain, le système d'ombrage, la gestion des collisions, la gestion de la gravité, la sauvegarde d'une scène, etc …
Vous pouvez créer vos scènes sur https://clara.io et l'exporter au format babylon pour une utilisation dans votre code.
Téléchargement
Les sources et les exemples sont téléchargeables sur la plateforme GitHub : BJS-Master.zip 57 Mo environ.
Une fois décompressé, le dossier fait environ 88 Mo.
- Le dossier babylon contient l'interface de communication Babylon.sbi ainsi que ces dépendances (Engine.sbi, Mesh.sbi, material.sbi, etc …). Il pèse environ 70 Ko.
- Le dossier sbbjs contient le framework Javascript personnalisé babylon.custom.js et pése 2.40 Mo environ.
- Le dossier data contient l'ensemble des textures et sons nécessaires aux fonctionnement des exemples. C'est le dossier le plus lourd avec un poids de 85 Mo actuellement.
Les dossiers babylon et sbbjs sont obligatoires pour le développement d'un code 3D.
En production, seul le dossier contenant le framework (sbbjs) est obligatoire.
Environnement de travail
- Votre dossier
- → babylon Dossier contenant les includes assurant l'interface avec le framework Babylon.js à utiliser avec SpiderBasic.
- → sbbjs Dossier contenant le framework babylon.custom.js qui sera à exporter lors de la création de votre application.
- → Data Dossier facultatif qui contiendra vos textures, son, etc ….
- code.sb Votre code. (Voir exemples 00-template.sb)
Compatibilité avec les navigateurs
Les meilleures résultats visuels sont avec le navigateur Chrome. Pas de soucis non plus avec FireFox bien que par moment j'ai pu observer des ralentissements. Le résultat n'est pas au rendez vous avec Edge et non fonctionnel avec Internet Explorer.
Fonctionnalités de Babylons.sbi
Le module principal babylon.sbi inclut d'autres modules. Vous obtiendrez la listes des fonctionnalités en cliquant sur chacun d'eux.
engine.sbi
Passage obligé pour créer votre espace 3D.
scenes.sbi
La scène est un conteneur d’objets 3D comme des cubes ou des modèles 3D.
environnement.sbi
Le ciel, l'eau, la lumière et l'ombre. Que c'est beau !
camera.sbi
Sans caméra, pas de visualisation 3D.
meshs.sbi
Les Meshs (maillages en 3D) sont des objets 3D composés de triangles reliés entre eux pour donner une forme finale.
Création de spheres, cubes, ground, terrain
texture.sbi
Les textures permettent aux objets 3D (Meshs) d'avoir un aspect réaliste.
materials.sbi
Un mesh sans textures c'est laid. Un matériel est un papier peint composé d'une ou plusieurs textures et parfois de couleurs qui sera plaqué sur un objet (mesh).
particle.sbi
Système de particules.
music.sbi
Environnement musicale.
keyboard.sbi
Gestionnaire de clavier.
gui.sbi
Du texte, des boutons, des images et des liens dans un espace 2D.
assetsmanager.sbi
Les fonctionnalités peuvent être utilisées pour importer des meshs dans une scène ou charger du texte et des fichiers binaires.
Showcase
Garden
Addiction Vidéo
Reflection Le ciel se reflète sur une sphère.