Buat Aplikasi Web 3D & Grafik dengan Whitestorm.js

Game web telah datang jauh berkat WebGL dan API HTML5 terkait. Pustaka sumber terbuka paling menonjol untuk 3D adalah Three.js.

Sementara Three.js kuat, itu juga kompleks untuk belajar dari awal. Sebaliknya, kamu bisa ambil Whitestorm.js, kerangka kerja open source yang dibuat untuk grafik web 3D. Saya t menggunakan Three.js sebagai teknologi yang mendasari untuk membantu Anda membangun lebih cepat dan membuat efek 3D yang realistis di browser.

Whitestorm hadir dengan itu mesin fisika sendiri dibangun di atas render Three.js. Ini memungkinkan Anda membuat gravitasi realistis dan efek serupa lainnya di mana objek berinteraksi & merespons satu sama lain.

Dan Whitestorm adalah sepenuhnya modular, sehingga Anda memiliki kontrol penuh atas fitur mana yang dimuat ke halaman. Ini menggunakan Perpustakaan Fisika Bullet porting ke JavaScript untuk dukungan penuh di web.

Berikut potongan kode dasar itu menciptakan lingkungan Three.js baru menggunakan Whitestorm.

 app const = WHS.App baru ([WHS.app.ElementModule baru (), // lampirkan ke DOM WHS.app.SceneModule (), // baru buat THREE. Contoh instance WHS.app.CameraModule baru), // membuat instance PerspectiveCamera, WHS.app.RenderingModule () // baru, membuat instance WebGLRenderer]); app.start (); // jalankan animasi 

Anda bisa secara alami tambahkan modul Anda sendiri dan bahkan buat plugins / komponen dibangun dari perpustakaan default. Kode JS mendukung ECMAScript 6 dan harus mendukung semua perubahan bahasa yang akan datang.

Geometri, fisika, dan gerakan semua digulung menjadi satu perpustakaan. Whitestorm benar-benar adalah masa depan animasi 3D untuk web.

Kamu dapat menemukan banyak kode sampel di repo GitHub bersama dengan tautan unduhan dan a browser file. Diperingatkan perpustakaan itu besar sekali jadi ada banyak hal yang harus dilalui. Bahkan dokumentasinya sudah tutorial panjang untuk pemula.

Tetapi dengan dokumen-dokumen itu, Anda dapat mempelajari semuanya Transformasi 3D untuk debugging dan detail animasi 3D.

Untuk mempelajari lebih lanjut, kunjungi situs utama dan telusuri beberapa contoh langsung ke lihat Whitestorm sedang beraksi. Jika Anda cukup berani untuk menyelam, maka unduh salinan perpustakaan dari GitHub atau via npm dan mulai membuat beberapa aplikasi web 3D yang manis.