WhitestormJS
| Créateur | Alexander Buzin[1] |
|---|---|
| Développé par | WhitestormJS community |
| Première version | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Dernière version | 2.0.0 (Modèle:Release date and age[2],[2]) |
| Version avancée | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Dépôt | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Assurance qualité | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| État du projet | actif |
| Écrit en | JavaScript |
| Interface | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Supporte les langages | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Système d'exploitation | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Environnement | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Taille des données | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Formats lus | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Formats écrits | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Langues | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Type | Framework JavaScript |
| Licence | Licence MIT[3] |
| Documentation | Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |
| Site web | whsjs.io |
Chronologie des versions
WhitestormJS ou WHS est un framework JavaScript basé sur Three.js qui simplifie le code, ajoute un moteur physique et du post-processing. Son code source est disponible sur GitHub.
Principe[modifier]
WHS se base sur un système à composants et à plugins, pour développer rapidement des scènes 3D avec moteur physique, basé sur Physi.js, et l'utilisation de web workers.
Utilisation[modifier]
HTML[modifier]
Téléchargez la librairie minifiée ou accédez-y depuis le CDN :
<script src="js/three.min.js"></script>
<script src="js/whs.min.js"></script>
Le code ci-dessous crée une instance de WHS.App, qui contient les modules et composants. Ici il crée une scène, une caméra et un renderer.
const app = new WHS.App([
new WHS.ElementModule(), // Appliquer au DOM.
new WHS.SceneModule(), // Création d'une scène ThreeJS, appliquée à App.
new WHS.DefineModule('camera', new WHS.PerspectiveCamera({ // Applique une caméra.
position: new Vector3(0, 0, 50)
})),
new WHS.RenderingModule({bgColor: 0x162129}), // Applique le renderer
new WHS.ResizeModule() // Prend en compte les évènements 'resize'.
]);
app.start(); // Démarre l'application.
NPM[modifier]
$ npm install whs
Intérêts[modifier]
- Accélère le prototypage d'une application
- Graphe de scène à composants
- Intégration rapide d'interactions physiques à web worker
- Automatisation du processus de rendu
- Comprend ES2015
- Système à extensions (modules)
- Utilisable avec Webpack
Références[modifier]
- ↑ 2,0 et 2,1 (en-US) « Releases · WhitestormJS/whs.js », sur GitHub
- ↑ (en-US) « whs.js/LICENSE.md at master », sur GitHub
Liens externes[modifier]
- WhitestormJS - Three.js Based Game Engine - Interview with Alexander Buzin
- « Documentation »(Archive • Wikiwix • Archive.is • Google • Que faire ?) (consulté le 2 août 2017)
- Github repository.
- Github Organization.
- Issues.
- Examples
- Blog
Erreur Lua dans Module:Catégorisation_badges à la ligne 170 : attempt to index field 'wikibase' (a nil value).Erreur Lua dans Module:Suivi_des_biographies à la ligne 189 : attempt to index field 'wikibase' (a nil value).
Cet Article wiki "WhitestormJS" est issu de Wikipedia. La liste de ses auteurs peut être visible dans ses historiques et/ou la page Edithistory:WhitestormJS.
