Encyclopédie Wikimonde

WhitestormJS

Aller à : navigation, rechercher
Whitestorm.js
Description de l'image Whitestormjs.png.
[[Fichier:Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value). |frameless |upright=1 |alt=Description de cette image, également commentée ci-après ]]
Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Informations
Créateur Alexander Buzin[1]
Développé par WhitestormJS community
Première version Erreur Lua dans Module:Wikidata à la ligne 768 : 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 768 : attempt to index field 'wikibase' (a nil value).
Dépôt Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Assurance qualité Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
État du projet actif
Écrit en JavaScript
Interface Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Supporte les langages Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Système d'exploitation Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Environnement Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Taille des données Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Formats lus Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Formats écrits Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Langues Erreur Lua dans Module:Wikidata à la ligne 768 : attempt to index field 'wikibase' (a nil value).
Type Framework JavaScript
Licence Licence MIT[3]
Documentation Erreur Lua dans Module:Wikidata à la ligne 768 : 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

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

HTML

Téléchargez la librairie minifiée ou accédez-y depuis le CDN :

<source lang=html> <script src="js/three.min.js"></script> <script src="js/whs.min.js"></script> </source>

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.

<source lang=javascript> 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. </source>

NPM

<source lang=bash> $ npm install whs </source>

Intérêts

  • 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

Liens externes

Article publié sur Wikimonde Plus

Erreur Lua dans Module:Suivi_des_biographies à la ligne 197 : attempt to index field 'wikibase' (a nil value).