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.

UX in Kürze und was User Experience Designer tun

UX in Kürze und was User Experience Designer tun

Der Kontext unserer Online-Interaktionen hat sich in letzter Zeit dramatisch verändert, und in den letzten Jahren haben wir eine bedeutende Verschiebung im Bereich der Technologie erfahren. Das Informationszeitalter wurde durch das Erfahrungszeitalter ersetzt .In Bezug auf die Web-Entwicklung ist die bemerkenswerteste Manifestation dieser Verschiebung die Entstehung eines neuen UX-Designs (Field User Experience) .

(Tech- und Design-Tipps)

So aktivieren Sie SSL für Localhost mit MAMP

So aktivieren Sie SSL für Localhost mit MAMP

Ein SSL (Socket Secure Layer) ist eine Möglichkeit, Ihre Website zu sichern. Grundsätzlich verschlüsselt SSL Datentransaktionen zwischen dem Browser und dem Server. Daher möchten Sie Ihre Website wahrscheinlich bereits in der Entwicklungsphase in einer SSL-Umgebung testen.URLs und andere Website-Assets wie CSS und JavaScript werden über das https Protokoll korrekt https . Als

(Tech- und Design-Tipps)