神刀安全网

Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics Framework for developing 3D web apps with physics Framework for developing 3D web apps with physics Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics.

Features

  • Simple shape crafting — We use JSON-like structure for creating objects by inputed data and adding them to 3d world.

Framework for developing 3D web apps with physics Framework for developing 3D web apps with physics Framework for developing 3D web apps with physics Framework for developing 3D web apps with physics

  • Physics with WebWorkers — It usesPhysi.js library for calculating physics of 3D shapes with WebWorkers technology that allows to make rendering an calculating physics in multiple threads.

Framework for developing 3D web apps with physics

  • Plugin system— Framework supports plugins & components made by other users. You need to include them after whitestorm.js and follow provided instructions.

  • Automatization of rendering— Framework does rendering automatically and doesn’t need function to be called for it. Functionality like resize function can be called automatically by setting additional parameters such as autoresize: true .

  • ES6 Features- Framework is written with using latest features of ECMAScript 6 and ECMAScript 7 (beta) features and compiled with Babel .

    Framework for developing 3D web apps with physics Framework for developing 3D web apps with physics

Installation

It is advised to download your own copies of the following libraries, as large changes can break backwards compatibility.

Include Three.js andPhysi.js libraries. Include a script tag linking the WhitestormJS library in your head or after your body :

<script src="three.js"></script> <script src="physi.js"></script> <!-- WhitestormJS library --> <script src="{path_to_lib}/whitestorm.js"></script>

After adding these libraries, you can configure your app:

var world = new WHS.World({     stats: "fps", // fps, ms, mb or false if not need.      gravity: { // Physic gravity.         x: 0,         y: -100,         z: 0     },      path_worker: 'physijs_worker.js', // Path to Physijs worker here.     path_ammo: 'ammo.js' // Path to Ammo.js from Physijs worker. });  // Define your scene objects here.  world.start(); // Start animations and physics simulation.

Framework for developing 3D web apps with physics

Documentation: Look here

Game example

Framework for developing 3D web apps with physics

Other examples:

Changelog:Look here

Contributors:

Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics

License

Framework for developing 3D web apps with physics

Framework for developing 3D web apps with physics

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » Framework for developing 3D web apps with physics

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址