Jump to Content
WhitestormJS FrameworkGuidesIntegrationsBlog
GuidesIntegrationsBlog
GuidesIntegrationsBlogLog InModulesTry it on CodepenWhitestormJS Framework
Guides
Log InModulesTry it on Codepen
CubeCamera
These docs are for v1.2. Click to read the latest docs for v2-beta.x.

Tutorials

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

Core

  • World
  • Component
  • Element
  • MeshComponent
  • PhysicsComponent
  • SoftbodyComponent
  • LightComponent
  • CameraComponent

Components | Meshes

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

Components | Lights

  • AmbientLight
  • DirectionalLight
  • HemisphereLight
  • PointLight
  • SpotLight

Components | Camera

  • PerspectiveCamera
  • OrthographicCamera
  • CubeCamera

Components | Rendering

  • RenderingModule
    • BasicRendering
    • PostProcessor

Extras

  • Controls
    • OrbitControls
    • FirstPersonControls

API

  • .extend(object, ...extensions)
  • .loadMaterial(material)
  • .texture(url, options)
Powered by 

CubeCamera

components / cameras / CubeCamera.js

Suggest Edits

Creates 6 cameras that render to a WebGLRenderTargetCube.

const camera = new WHS.CubeCamera({
  camera: {
    cubeResolution: 256
  },

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

world.camera = camera;

Updated less than a minute ago