Créez des applications Web et graphiques 3D avec Whitestorm.js
Jeux web ont parcouru un long chemin grâce à WebGL et API HTML5 associées. La bibliothèque open source la plus importante pour la 3D est Three.js.
Alors que Three.js est puissant, c’est aussi complexe pour apprendre à partir de zéro. Au lieu de cela, vous pouvez ramasser Whitestorm.js, un framework open source conçu pour les graphiques Web 3D. Il utilise Three.js en tant que technologie sous-jacente pour vous aider à créer plus rapidement et à créer des effets 3D réalistes dans le navigateur.
Whitestorm vient avec son propre moteur physique construit sur le rendu Three.js. Cela vous permet de créer une gravité réaliste et d’autres effets similaires lorsque des objets interagir et se répondre.
Et Whitestorm est complètement modulaire, vous avez donc un contrôle total sur les fonctionnalités chargées dans la page. Il utilise le Bibliothèque Bullet Physics porté en JavaScript pour support complet sur le web.
Voici un extrait de code de base qui crée un nouvel environnement Three.js en utilisant Whitestorm.
const app = new WHS.App ([new WHS.app.ElementModule (), // attache au DOM une nouvelle WHS.app.SceneModule (), // crée une nouvelle instance de THREE.Scene WHS.app.CameraModule (), // crée une instance de PerspectiveCamera new WHS.app.RenderingModule () // crée une instance de WebGLRenderer]); app.start (); // lance l'animation
Vous pouvez naturellement ajoutez vos propres modules et même créer des plugins / composants construit à partir de la bibliothèque par défaut. Le code JS prend en charge ECMAScript 6 et devrait supporter tous les changements à venir dans la langue.
Géométrie, la physique, et mouvement tous roulés dans une bibliothèque. Whitestorm est vraiment l'avenir de l'animation 3D pour le Web.
Tu peux trouver beaucoup d'échantillons de codes dans le repo GitHub avec Liens de téléchargement et un Navigateur de fichiers. Soyez averti que la bibliothèque est énorme donc il y a beaucoup de choses à traverser. Même la documentation a longs tutoriels pour les débutants.
Mais avec ces docs, vous pouvez tout apprendre de Transformations 3D à débogage et animation 3D détaillée.
Pour en savoir plus, visitez le site principal et parcourez quelques exemples en direct pour voir Whitestorm en action. Si vous osez y plonger, téléchargez une copie de la bibliothèque de GitHub ou via npm et commencez à créer des applications web 3D douces.