Buat Aplikasi & Grafik Web 3D dengan Whitestorm.js
Permainan web telah banyak terima kasih WebGL dan API HTML5 yang berkaitan. Perpustakaan sumber terbuka yang paling menonjol untuk 3D ialah Three.js.
Walaupun Three.js berkuasa, ia juga kompleks untuk belajar dari awal. Sebaliknya, anda boleh ambil Whitestorm.js, rangka kerja sumber terbuka yang dibuat untuk grafik web 3D. Ia menggunakan Three.js sebagai teknologi asas untuk membantu anda membina lebih pantas dan mewujudkan kesan 3D yang realistik dalam penyemak imbas.
Whitestorm datang dengannya enjin fizik sendiri dibina di atas penyampaian Three.js. Ini membolehkan anda mencipta graviti realistik dan kesan serupa lain di mana objek berinteraksi & bertindak balas antara satu sama lain.
Dan Whitestorm adalah sepenuhnya modular, jadi anda mempunyai kawalan penuh ke atas ciri yang dimuatkan ke dalam halaman. Ia menggunakan Perpustakaan fizik Bullet dipinda ke dalam JavaScript sokongan penuh di web.
Berikut adalah coretan asas kod itu mewujudkan persekitaran Three.js baru menggunakan Whitestorm.
app const = WHS.App baru ([WHS.app.ElementModule baru (), // melampirkan ke DOM baru WHS.app.SceneModule (), // membuat THREE.Scene contoh baru WHS.app.CameraModule (), // mewujudkan PerspectiveCamera contoh baru WHS.app.RenderingModule () // buat contoh WebGLRenderer]); app.start (); / // menjalankan animasi
Anda boleh secara semulajadi tambah modul anda sendiri dan juga buat plugin / komponen dibina di perpustakaan lalai. Kod JS menyokong ECMAScript 6 dan harus menyokong semua perubahan yang akan datang kepada bahasa tersebut.
Geometri, fizik, dan gerakan semuanya dilancarkan ke dalam satu perpustakaan. Whitestorm benar-benar adalah masa depan animasi 3D untuk web.
Awak boleh cari banyak kod sampel dalam repo GitHub bersama dengan muat turun pautan dan a pelayar fail. Beri amaran kepada perpustakaan itu besar jadi ada banyak yang perlu dilalui. Malah dokumentasi itu ada tutorial yang panjang untuk pemula.
Tetapi dengan dokumen-dokumen itu, anda boleh belajar segala-galanya dari Transformasi 3D kepada debugging dan animasi 3D terperinci.
Untuk mengetahui lebih lanjut, lawati tapak utama dan semak imbas beberapa contoh langsung kepada lihat Whitestorm dalam tindakan. Jika anda cukup berani untuk menyelam masuk, muat turun salinan perpustakaan dari GitHub atau melalui npm dan mula membuat beberapa aplikasi web 3D manis.