sasha240100 c33c76d1cb Update three.js to r79
Former-commit-id: 8fd6cadcaa61f4b630f3a9b77dc307b2866fd73c
2016-07-14 23:32:29 +03:00
2016-07-11 16:02:31 +03:00
2016-07-14 23:08:24 +03:00
2016-07-14 23:32:29 +03:00
2016-07-14 23:08:24 +03:00
2016-07-10 15:52:11 +03:00
2016-07-14 23:32:29 +03:00
2016-07-14 23:32:29 +03:00
2016-07-06 20:42:07 -06:00
2016-05-31 22:09:26 +03:00
2016-05-26 01:46:05 +09:00
2016-07-11 13:27:40 +03:00
2016-07-11 13:27:40 +03:00
2016-07-11 17:55:11 +03:00
2016-04-12 00:29:23 +03:00
2016-06-26 20:12:24 +03:00
2016-07-14 23:08:24 +03:00
2015-10-18 00:43:05 +03:00
2016-07-14 23:32:29 +03:00
2016-07-14 23:08:24 +03:00
2016-07-11 14:40:47 +03:00

           

<p align="center"><i><b>Framework for developing 3D web apps with physics.</b></i></p>



FEATURES

  • Simple shape crafting — We use a JSON-like structure for creating objects from inputted data and adding them to your 3D world.

  • Physics with WebWorkers — We use the Physi.js library for calculating physics of 3D shapes with WebWorkers technology that allows for rendering and calculating physics in multiple threads.

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

  • Automatization of rendering — Our framework does rendering automatically and doesn't need a to be called. Functionality like the resize function can be called automatically by setting additional parameters such as autoresize: true.

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

  • Softbodies - WhitestormJS is the only engine (except native ammo.js) that supports softbodies.

GAME EXAMPLE 🎮

INSTALLATION USAGE

Include a script tag linking the WhitestormJS library in your head or after your body:

<script src="{path_to_lib}/whitestorm.js"></script>

After adding these libraries, you can configure your app:

const world = new WHS.World({
    stats: "fps", // fps, ms, mb or false if not need.
    autoresize: true,

    gravity: { // Physic gravity.
        x: 0,
        y: -100,
        z: 0
    }
});

const sphere = new WHS.Sphere({ // Create sphere object.
  geometry: {
    radius: 3
  },

  mass: 10, // Mass of physics object.

  material: {
    color: 0xffffff,
    kind: 'basic'
  },

  pos: {
    x: 0,
    y: 100,
    z: 0
  }
});

sphere.addTo(GAME);
sphere.getNative(); // Returns THREE.Mesh of this object.

world.start(); // Start animations and physics simulation.

Examples:

👾 BASIC:

💎 DESIGN:

🏂 FIRST-PERSON:

  • FPS / Shooter (First person example with Wagner effects and terrain. + fog)
  • FPS / Fog (First person game with animated objects)

🎳 PHYSICS:

🚀 PERFORMANCE:


📈 Changelog | 📖 Documentation


Contributors:

Author

Contributor

Contributor

Contributor

Contributor

Contributor


forthebadge Лицензия Creative Commons

Description
🚀 🌪 Super-fast 3D framework for Web Applications 🥇 & Games 🎮. Based on Three.js
Readme 347 MiB
Languages
JavaScript 100%