Popularity

6.7

Stable

Activity

0.0

Stable

Stars 6,123

Watchers 251

Forks 390

Last Commit 11 days ago

Description

WhitestormJS is a framework for 3D web apps built with Three.js technology.

It implements a core with component system and plugin support for fast development of 3D scene with physics.

Automizing your web app with whitestorm is fast and comfortable. This engine has physics support implemented by custom Physi.js library, which is much faster than others. Framework provides extended component control and high frame rate, because it uses WebWorkers technology for multithreading.

Code Quality Rank: L5

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: Editors API ES6 HTML5 JavaScript Web Webgl 3D Webpack Wagner Cannon.js Three.js Game Development Whitestorm.js Ammo.js Gulpjs

Latest version: v3.0.0-dev.6

whitestorm.js alternatives and similar libraries

Based on the "Game Development" category.
Alternatively, view whitestorm.js alternatives based on common mentions on social networks and blogs.

Phaser

9.7 9.6 L2 whitestorm.js VS Phaser

DISCONTINUED. Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. [Moved to: https://github.com/phaserjs/phaser]
Unreal.js

5.7 2.2 whitestorm.js VS Unreal.js

Unreal.js: Javascript runtime built for UnrealEngine

InfluxDB - Purpose built for real-time analytics at any scale.

InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

Promo www.influxdata.com

JS Game

1.1 0.0 whitestorm.js VS JS Game

JavaScript + Canvas 2D game engine

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of whitestorm.js or a related project?

Add another 'Game Development' Library

Popular Comparisons

README

Community chat. Join us!

Table of content

Basic setup
- npm
Featured projects
Features
Donate
[Why?](/.github/WHY.md)

New releases

whs is currently at v2 major version. We had plans for v3 yet but development isn't active. So v2 will probably remain the main stable version until further notice.

We try to publish minor update releases for bug fixes, we will review PRs.

NPM

# Install npm version
$ npm install whs

For [email protected] (Three.js r92) use @beta tag

# Install npm version
$ npm install whs@beta

Basic setup

Download the minified library or link the one from CDN

<script src="js/three.min.js"></script>
<script src="js/whs.min.js"></script>

The code below makes a WHS.App instance which handles all your [modules](modules) and components for better work with WebGL. This one creates a scene, camera and renderer - we add the following modules to the App.

const app = new WHS.App([
  new WHS.ElementModule(), // Apply to DOM.
  new WHS.SceneModule(), // Create a new THREE.Scene and set it to app.

  new WHS.DefineModule('camera', new WHS.PerspectiveCamera({ // Apply a camera.
    position: new THREE.Vector3(0, 0, 50)
  })),

  new WHS.RenderingModule({bgColor: 0x162129}), // Apply THREE.WebGLRenderer
  new WHS.ResizeModule() // Make it resizable.
]);

app.start(); // Run app.

Featured projects

Features

💎 Simple in usage
:rocket: Speeds up 3D scene prototyping
🔌 Component based scene graph
💣 Simple integration of any high performance physics even with Worker (Multithreading)
:dizzy: Automatization of rendering
🆕 ES2015+ based
:large_blue_diamond: Extension system (modules)
:package: Webpack friendly
✔️ Integrated Three.js rendering engine
:revolving_hearts: Work with whs.js and Three.js at the same time