Jump to Content
WhitestormJS FrameworkGuidesIntegrationsBlog
GuidesIntegrationsBlog
GuidesIntegrationsBlogLog InModulesTry it on CodepenWhitestormJS Framework
Guides
Log InModulesTry it on Codepen
OrthographicCamera
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 

OrthographicCamera

components / cameras / OrtographicCamera.js

Suggest Edits

Camera with orthographic projection.

const camera = new WHS.OrthographicCamera({
  camera: {
    far: 10000
  },

  position: {
    y: 50
  }
});

world.camera = camera;

Updated less than a minute ago