Whitestorm.js ile 3D Web Uygulamaları ve Grafikler oluşturun

Web oyunları sayesinde çok yol kat ettin WebGL ve ilgili HTML5 API'leri. 3D için en belirgin açık kaynak kitaplığı Three.js.

Three.js güçlü olsa da sıfırdan öğrenmek için karmaşık. Bunun yerine, yapabilirsiniz Whitestorm.js dosyasını indirin, 3D web grafikleri için yapılmış açık kaynaklı bir çerçeve. O Three.js kullanıyor Tarayıcıda daha hızlı oluşturmanıza ve gerçekçi 3B efektler oluşturmanıza yardımcı olacak bir teknoloji.

Beyaz fırtına ile birlikte geliyor kendi fizik motoru Three.js işleme üzerine inşa edilmiştir. Bu, nesnelerde gerçekçi yerçekimi ve diğer benzer efektler oluşturmanıza olanak sağlar etkileşimde bulun ve birbirlerine cevap ver.

Ve beyaz fırtınası tamamen modüler, Böylece, hangi özelliklerin sayfaya yükleneceği üzerinde tam kontrol sahibi olursunuz. Kullanır Bullet Physics kütüphanesi için JavaScript’e aktarıldı Web’de tam destek.

İşte temel bir kod snippet'i yeni bir Three.js ortamı yarattı Whitestorm kullanarak.

 const app = new WHS.App ([yeni WHS.app.ElementModule (), // DOM’a ekleyin yeni WHS.app.SceneModule (), // THREE.Scene örneğini yeni oluşturur WHS.app.CameraModule (), // PerspectiveCamera örneğini yeni oluşturur WHS.app.RenderingModule () // WebGLRenderer örneğini oluşturur]); app.start (); // animasyonu çalıştır 

Doğal olarak yapabilirsiniz kendi modüllerini ekle ve hatta eklentiler / bileşenler oluşturun varsayılan kütüphaneden oluşturulmuş. JS kodu ECMAScript 6'yı destekliyor ve dilde yapılacak tüm değişiklikleri desteklemeli.

Geometri, fizik, ve hareket hepsi bir kütüphaneye yuvarlandı. Whitestorm gerçekten web için 3D animasyonun geleceği.

Bulabilirsin birçok örnek kod GitHub deposunda birlikte Bağlantılar İndir ve bir dosya tarayıcısı. Kütüphanenin uyarılması Kocaman Bu yüzden geçilecek çok şey var. Hatta belgeleri var uzun öğreticiler yeni başlayanlar için.

Ancak bu dokümanlar ile her şeyi öğrenebilirsiniz 3B dönüşümler için hata ayıklama ve detaylı 3D animasyon.

Daha fazla bilgi edinmek için ana siteyi ziyaret edin ve bazı canlı örneklere göz atın. Whitestorm'ı çalışırken görün. Dalış yapacak kadar cesaretiniz varsa, kütüphanenin bir kopyasını indirin. GitHub çıkışlı veya npm ile ve bazı tatlı 3D web uygulamaları oluşturmaya başlayın.