Pagina inicial » Kit de ferramentas » Crie aplicativos da Web e gráficos 3D com o Whitestorm.js

    Crie aplicativos da Web e gráficos 3D com o Whitestorm.js

    Jogos da Web percorremos um longo caminho graças a WebGL e APIs HTML5 relacionadas. A biblioteca de código aberto mais proeminente para 3D é Three.js.

    Enquanto Three.js é poderoso, também é complexo para aprender do zero. Em vez disso, você pode pegar Whitestorm.js, um framework open source feito para gráficos web 3D. isto usa Three.js como uma tecnologia subjacente para ajudar você a construir mais rapidamente e criar efeitos 3D realistas no navegador.

    Whitestorm vem com sua próprio motor de física construído em cima da renderização Three.js. Isso permite criar gravidade realística e outros efeitos similares onde objetos interagir e responder uns aos outros.

    E Whitestorm é completamente modular, então você tem controle total sobre quais recursos são carregados na página. Ele usa o Biblioteca de Física de Bala portado para JavaScript para suporte completo na web.

    Aqui está um trecho básico de código que cria um novo ambiente Three.js usando Whitestorm.

     const app = novo WHS.App ([novo WHS.app.ElementModule (), // anexa ao DOM new WHS.app.SceneModule (), // cria a instância THREE.Scene new WHS.app.CameraModule (), // cria a instância PerspectiveCamera new WHS.app.RenderingModule () // cria a instância WebGLRenderer]); app.start (); // roda animação 

    Você pode naturalmente adicione seus próprios módulos e até mesmo criar plugins / componentes construiu a biblioteca padrão. O código JS suporta ECMAScript 6 e deve apoiar todas as próximas mudanças no idioma.

    Geometria, física, e movimento tudo rolou em uma biblioteca. Whitestorm é realmente o futuro da animação 3D para a web.

    Você pode encontrar muitos códigos de amostra no repositório do GitHub junto com Links para download e um navegador de arquivos. Esteja avisado que a biblioteca é imenso então há muito o que passar. Até a documentação tem tutoriais demorados para iniciantes.

    Mas com esses documentos, você pode aprender tudo, desde Transformações 3D para depuração e animação 3D detalhada.

    Para saber mais, visite o site principal e navegue por alguns exemplos ao vivo para veja Whitestorm em ação. Se você é ousado o suficiente para mergulhar, faça o download de uma cópia da biblioteca do GitHub ou via npm e comece a criar alguns aplicativos web em 3D.