Repository files navigation

• Documentation
• Examples
• Contributions/Trello
• Donate / OpenCollective

Community chat.Join us!

• Basic setup
  • npm
• Featured projects
• Features
• Donate
• Why?

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 publishminor update releases for bug fixes, we will review PRs.

# Install npm version$ npm install whs

Forwhs@2.2.x (Three.js r92) use @beta tag

# Install npm version$ npm install whs@beta

Download theminified library or link the one fromCDN

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

The code below makes aWHS.App instance which handles all yourmodules and components for better work withWebGL. This one creates ascene,camera andrenderer - we add the following modules to the App.

constapp=newWHS.App([newWHS.ElementModule(),// Apply to DOM.newWHS.SceneModule(),// Create a new THREE.Scene and set it to app.newWHS.DefineModule('camera',newWHS.PerspectiveCamera({// Apply a camera.position:newTHREE.Vector3(0,0,50)})),newWHS.RenderingModule({bgColor:0x162129}),// Apply THREE.WebGLRenderernewWHS.ResizeModule()// Make it resizable.]);app.start();// Run app.

• 💎Simple in usage
• 🚀 Speeds up 3D scene prototyping
• 🔌Component based scene graph
• 💣 Simple integration of anyhigh performance physics even withWorker (Multithreading)
• 💫 Automatization of rendering
• 🆕ES2015+ based
• 🔷 Extension system (modules)
• 📦Webpack friendly
• ✔️IntegratedThree.js rendering engine
• 💞 Work with whs.js and Three.js at the same time

Name	Status	Description
physics-module-ammonext		Physics module based onAmmo.js

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