For AI agents: visit https://whsjs.readme.io/llms.txt for an index of all pages formatted in Markdown and endpoints in OpenAPI.
Jump to Content
WhitestormJS FrameworkGuidesIntegrationsBlog
GuidesIntegrationsBlog
GuidesIntegrationsBlogLog InModulesTry it on CodepenWhitestormJS Framework
Guides
Log InModulesTry it on Codepen
ElementModule

Tutorials

  • Getting Started
  • Basic sphere («Hello World» example)
  • Loops & 3D Animation
  • Groups
    • Collision filtering
  • 3D transforms
  • Usage with webpack
  • Variations
  • Modules

Core

  • App
  • Component
  • MeshComponent
  • LightComponent
  • CameraComponent
  • ModuleSystem
  • ModuleManager

Modules

  • App
    • SceneModule
    • ElementModule
    • CameraModule
    • ResizeModule
    • RenderingModule
    • PostProcessorModule
    • VirtualMouseModule
  • Controls
    • Orbit
    • First Person
  • Meshes
    • TextureModule
    • DynamicGeometryModule

Components | Meshes

  • Box
  • Cylinder
  • Dodecahedron
  • Extrude
  • Icosahedron
  • Lathe
  • Line
  • Model
  • Octahedron
  • Parametric
  • Plane
  • Polyhedron
  • Ring
  • Shape
  • Sphere
  • Tetrahedron
  • Text
  • Torus
  • Torusknot
  • Tube

Components | Lights

  • AmbientLight
  • DirectionalLight
  • HemisphereLight
  • PointLight
  • SpotLight

Components | Camera

  • PerspectiveCamera
  • OrthographicCamera
  • CubeCamera

API

  • .extend(object, ...extensions)
Powered by 

ElementModule

WHS.app.ElementModule

Suggest Edits
const app = new WHS.App([
  new WHS.app.ElementModule({
    container: document.getElementById('app')
  })
]);

Parameters

NameDescriptionDefault value
containerDOM object to which application's canvas will be added to.document.body

Exported dependencies

NameDescription
containerSee above
elementdiv tag with .whs class that handles a canvas.

Updated over 9 years ago


  • Table of Contents
    • Parameters
    • Exported dependencies