Bienvenue sur EveryBodyWiki ! Créez un compte ou connectez vous pour participer, améliorer ou créer un article, une biographie (la vôtre ?), une page entreprise...


WhitestormJS

De EverybodyWiki Bios & Wiki
Sauter à la navigation Sauter à la recherche


Whitestorm.js
Description de l'image Whitestormjs.png.
[[Fichier:Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value). |frameless |Erreur Lua dans Module:Wikidata à la ligne 606 : attempt to index field 'wikibase' (a nil value). |upright=1 |alt=Description de cette image, également commentée ci-après ]]
Erreur Lua dans Module:Wikidata à la ligne 606 : 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 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).
État du projet actif
Écrit en JavaScript
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).
Langues Erreur Lua dans Module:Wikidata à la ligne 118 : attempt to index field 'wikibase' (a nil value).
Type Framework JavaScript
Licence Licence MIT[3]
Site web whsjs.io

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]

Cette section relève du guide pratique, ce qui n'est pas de nature encyclopédique (août 2017).

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]

Liens externes[modifier]

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).


Autres articles des thèmes informatique ET Logiciels libres Logiciels libres : Nash (logiciel), Démosphère, Profdepanne, Béa-BSD

Autres articles du thème Informatique informatique : Datafari, Medsys, Insyde, MarkMonitor, TI-89 Titanium, Mc2i Groupe, NoOoN

Autres articles du thème imagerie numérique : Liens mml, 3DReshaper, Population Library

Autres articles du thème Logiciels libres Logiciels libres : Ubuntu Customization Kit, Béa-BSD, Nash (logiciel), Démosphère, e-venement, Code Typhon, Afpy


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.



Compte Twitter EverybodyWiki Follow us on https://twitter.com/EverybodyWiki !