Erstellen Sie mit Whitestorm.js 3D-Web-Apps und -Grafiken

Web-Spiele Ich bin weit gekommen dank WebGL und verwandte HTML5-APIs. Die bekannteste Open Source-Bibliothek für 3D ist Drei js.

Three.js ist zwar mächtig, aber auch komplex von Grund auf zu lernen. Stattdessen kannst du Holen Sie sich Whitestorm.js, ein Open Source-Framework für 3D-Webgrafiken. Es verwendet Three.js als zugrunde liegende Technologie, mit der Sie schneller und realistischer 3D-Effekte im Browser erstellen können.

Whitestorm kommt mit eigene Physik-Engine aufgebaut auf Three.js-Rendering. Auf diese Weise können Sie realistische Schwerkraft und andere ähnliche Effekte bei Objekten erzeugen interagieren und aufeinander reagieren.

Und Whitestorm ist vollständig modular, So haben Sie die volle Kontrolle darüber, welche Funktionen in die Seite geladen werden. Es verwendet die Bullet Physics Bibliothek in JavaScript portiert für volle Unterstützung im Web.

Hier ist ein grundlegendes Codefragment erstellt eine neue Three.js-Umgebung mit Whitestorm.

 const app = new WHS.App ([new WHS.app.ElementModule (), // mit DOM verbinden, neues WHS.app.SceneModule ()), // erstellt die THREE.Scene-Instanz new WHS.app.CameraModule (), // erstellt eine PerspectiveCamera-Instanz new WHS.app.RenderingModule () // erstellt eine WebGLRenderer-Instanz]); app.start (); // Animation ausführen 

Das kannst du natürlich fügen Sie Ihre eigenen Module hinzu und selbst Plugins / Komponenten erstellen aus der Standardbibliothek aufgebaut. Der JS-Code unterstützt ECMAScript 6 und sollte alle anstehenden Änderungen an der Sprache unterstützen.

Geometrie, Physik, und Bewegung Alles in einer Bibliothek zusammengefasst. Whitestorm ist wirklich die Zukunft der 3D-Animation für das Web.

Sie können finden viele beispielcodes im GitHub-Repo zusammen mit Download links und ein Dateibrowser. Seien Sie gewarnt, die Bibliothek ist enorm Es gibt also viel zu tun. Sogar die Dokumentation hat langwierige Tutorials für Anfänger.

Aber mit diesen Dokumenten können Sie alles lernen 3D-Transformationen zu Debugging und detaillierte 3D-Animation.

Um mehr zu erfahren, besuchen Sie die Hauptseite und stöbern Sie durch einige Live-Beispiele siehe Whitestorm in Aktion. Wenn Sie sich trauen, einzutauchen, laden Sie eine Kopie der Bibliothek herunter von GitHub oder über npm und beginnen Sie mit der Erstellung süßer 3D-Web-Apps.