de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Erstellen Sie 3D Web Apps & Graphics mit Whitestorm.js

Webspiele haben dank WebGL und verwandter HTML5-APIs einen langen Weg zurückgelegt. Die bekannteste Open-Source-Bibliothek für 3D ist Three.js .

Während Three.js mächtig ist, ist es auch komplex, von Grund auf neu zu lernen . Stattdessen können Sie Whitestorm.js, ein Open-Source-Framework für 3D-Webgrafiken, herunterladen. Es verwendet Three.js als eine zugrunde liegende Technologie, die Ihnen hilft, schneller zu bauen und realistische 3D-Effekte im Browser zu erstellen.

Whitestorm verfügt über eine eigene Physik-Engine, die auf dem Three.js-Rendering basiert. Auf diese Weise können Sie realistische Schwerkraft und ähnliche Effekte erzeugen, bei denen Objekte interagieren und aufeinander reagieren .

Und Whitestorm ist vollständig modular aufgebaut, so dass Sie die volle Kontrolle darüber haben, welche Features in die Seite geladen werden. Es verwendet die in JavaScript portierte Bullet Physics-Bibliothek für die vollständige Unterstützung im Web .

Hier ist ein einfacher Codeschnipsel, der mithilfe von Whitestorm eine neue Three.js-Umgebung erstellt .

 const app = neue WHS.App ([new WHS.app.ElementModule (), // an DOM anhängen new WHS.app.SceneModule (), // erstellt THREE.Scene-Instanz new WHS.app.CameraModule (), // erstellt PerspectiveCamera-Instanz new WHS.app.RenderingModule () // erstellt WebGLRenderer-Instanz]); app.start (); // Animation ausführen 

Sie können natürlich Ihre eigenen Module hinzufügen und sogar Plugins / Komponenten erstellen, die nicht in der Standardbibliothek enthalten sind. Der JS-Code unterstützt ECMAScript 6 und sollte alle bevorstehenden Änderungen an der Sprache unterstützen.

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

Im GitHub Repo finden Sie viele Beispielcodes mit Downloadlinks und einem Dateibrowser . Sei gewarnt, die Bibliothek ist riesig, also gibt es eine Menge zu tun. Auch die Dokumentation hat langwierige Tutorials für Anfänger.

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

Um mehr zu erfahren, besuchen Sie die Hauptseite und durchsuchen Sie einige Live-Beispiele, um Whitestorm in Aktion zu sehen . Wenn Sie genug Mut zum Tauchen haben, dann laden Sie eine Kopie der Bibliothek von GitHub oder via npm herunter und beginnen Sie damit, ein paar süße 3D-Web-Apps zu erstellen.

10 hilfreiche Schreibseiten für Fiction-Autoren

10 hilfreiche Schreibseiten für Fiction-Autoren

Ihr kreativer Prozess als Romanautor kann sich von dem Ihrer Kollegen unterscheiden, aber eines ist sicher: Sie alle haben mit denselben grundlegenden Problemen zu kämpfen.Zum Beispiel, wie schlagen Sie Schreibblockade? Wie entwickeln Sie die Gewohnheit, jeden Tag zu schreiben? Wie stellst du die feineren Details für deinen letzten historischen Roman aus?

(Tech- und Design-Tipps)

5 beste Beispiele dafür, warum Selfies gefährlich (und tödlich) sein können

5 beste Beispiele dafür, warum Selfies gefährlich (und tödlich) sein können

Das Selfie, das 2013 von Oxford Dictionaries zum Wort des Jahres gemacht wurde, ist kein Trend, der in absehbarer Zeit absterben wird (ja, Wortspiel beabsichtigt). Punkt ist, die Menschen werden weiterhin Selfies machen, unabhängig davon, ob es sich um eine psychische Störung handelt oder nicht.Schließlich haben die Leute entschieden, dass einfache Selfies einfach zu gewöhnlich sind und versucht haben, aufregendere zu nehmen. Wi

(Tech- und Design-Tipps)