WhitestormJS/whs.js

WhitestormJS/whs.js has 6,369 GitHub stars and 400 forks. GitHot measured 0 stars in 24 hours and +1 in 7 days. Last checked 2026-11-04 21:58 UTC. Last push 2025-01-01.

この数値の測り方

:rocket: 🌪 Web アプリケーション 🥇 とゲーム 🎮 向けの超高速 3D フレームワーク。Three.js をベースにしています。

6,369 スター 400 forks

できること

💎 Simple in usage
:rocket: Speeds up 3D scene prototyping
🔌 Component based scene graph
💣 Simple integration of any high performance physics even with Worker (Multithreading)

計測したスター増加

24時間: 0
7日間: +1
15日間: 履歴を収集中
1か月: 履歴を収集中

期間ごとの純増数です。期間は重複しており、日別の値ではありません。未計測の値は空欄です。スター数は注目度の指標であり、品質の保証ではありません。

README.md

オリジナル

Community chat. Join us!

Table of content

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 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

https://rmallick6806.github.io/SolarSystemBuilder/

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

External Modules

Name	Status	Description
physics-module-ammonext		Physics module based on Ammo.js

Donate

Backers

Support us with a monthly donation and help us continue framework development🎉 and adding new features💡🎁.