Główna » zestaw narzędzi » Twórz aplikacje i grafiki 3D w sieci Web za pomocą Whitestorm.js

    Twórz aplikacje i grafiki 3D w sieci Web za pomocą Whitestorm.js

    Gry internetowe przeszliśmy długą drogę dzięki WebGL i powiązane API HTML5. Najważniejszą biblioteką open source dla 3D jest Three.js.

    Podczas gdy Three.js jest potężny, to również złożone, aby uczyć się od podstaw. Zamiast tego możesz wybierz Whitestorm.js, framework open source stworzony dla grafiki internetowej 3D. To używa Three.js jako podstawowa technologia, która pomoże Ci szybciej budować i tworzyć realistyczne efekty 3D w przeglądarce.

    Whitestorm pochodzi z jego własny silnik fizyki zbudowany na renderowaniu Three.js. Pozwala to tworzyć realistyczną grawitację i inne podobne efekty w przypadku obiektów współdziałać i reagować na siebie.

    A Whitestorm jest całkowicie modułowy, dzięki czemu masz pełną kontrolę nad tym, które funkcje zostaną załadowane na stronę. Używa Biblioteka Bullet Physics przeniesiony do JavaScript dla pełne wsparcie w sieci.

    Oto podstawowy fragment kodu, który tworzy nowe środowisko Three.js za pomocą Whitestorm.

     const app = new WHS.App ([nowy WHS.app.ElementModule (), // dołącz do DOM nowy WHS.app.SceneModule (), // tworzy instancję THREE.Scene nowy WHS.app.CameraModule (), // tworzy instancję PerspectiveCamera new WHS.app.RenderingModule () // tworzy instancję WebGLRenderer]); app.start (); // uruchom animację 

    Możesz naturalnie dodaj własne moduły i nawet tworzyć wtyczki / komponenty zbudowany z domyślnej biblioteki. Kod JS obsługuje ECMAScript 6 i powinien wspierać wszystkie nadchodzące zmiany w języku.

    Geometria, fizyka, i ruch wszystko w jednej bibliotece. Whitestorm naprawdę jest przyszłością animacji 3D w sieci.

    Możesz znaleźć wiele przykładowych kodów w repo GitHub wraz z Pobierz linki i a przeglądarka plików. Ostrzegam, że biblioteka jest olbrzymi więc jest wiele do przejścia. Nawet dokumentacja ma długie tutoriale dla początkujących.

    Ale z tymi dokumentami możesz dowiedzieć się wszystkiego Transformacje 3D do debugowanie i szczegółowa animacja 3D.

    Aby dowiedzieć się więcej, odwiedź główną stronę i przejrzyj kilka przykładów na żywo zobacz Whitestorm w akcji. Jeśli masz dość odwagi, aby się zanurzyć, pobierz kopię biblioteki z GitHub lub przez npm i zacznij tworzyć słodkie aplikacje internetowe 3D.