Options
All
  • Public
  • Public/Protected
  • All
Menu

Class NgxOrthographicCamera

Orthographic camera

See the ngx3js docs page for details. See the ngx camera page for a live demo.

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

  • new NgxOrthographicCamera(left: number, right: number, top: number, bottom: number, near?: number, far?: number): NgxOrthographicCamera
  • Creates an instance of ngx orthographic camera.

    Parameters

    • left: number

      Camera frustum left plane.

    • right: number

      Camera frustum right plane.

    • top: number

      Camera frustum top plane.

    • bottom: number

      Camera frustum bottom plane.

    • Optional near: number
    • Optional far: number

    Returns NgxOrthographicCamera

constructor

Properties

DefaultMatrixAutoUpdate

DefaultMatrixAutoUpdate: boolean

The default setting for .matrixAutoUpdate for newly created Object3Ds.

static

DefaultUp

DefaultUp: I3JS.Vector3

The default .up direction for objects, also used as the default position for DirectionalLight, HemisphereLight and Spotlight (which creates lights shining from the top down). Set to ( 0, 1, 0 ) by default.

static

animations

animations: I3JS.AnimationClip[]

Array with object's animation clips.

default

[]

bottom

bottom: number

Camera frustum bottom plane.

default

-1

castShadow

castShadow: boolean

Whether the object gets rendered into shadow map. Default is false.

default

false

children

children: I3JS.Object3D<Event>[]

Array with object's children. See Group for info on manually grouping objects.

default

[]

customDepthMaterial

customDepthMaterial: I3JS.Material

Custom depth material to be used when rendering to the depth map. Can only be used in context of meshes. When shadow-casting with a DirectionalLight or SpotLight, if you are modifying vertex positions in the vertex shader you must specify a customDepthMaterial for proper shadows. Default is undefined.

customDistanceMaterial

customDistanceMaterial: I3JS.Material

Same as .customDepthMaterial, but used with PointLight. Default is undefined.

far

far: number

Camera frustum far plane. Default is 2000. Must be greater than the current value of .near plane.

default

2000

frustumCulled

frustumCulled: boolean

When this is set, it checks every frame if the object is in the frustum of the camera before rendering the object. If set to false the object gets rendered every frame even if it is not in the frustum of the camera. Default is true.

default

true

Optional geometry

geometry?: I3JS.BufferGeometry

The BufferGeometry

id

id: number

Unique number for this object instance.

readonly

Readonly isCamera

isCamera: true

Readonly isObject3D

isObject3D: true

Used to check whether this or derived classes are Object3Ds. Default is true. You should not change this, as it is used internally for optimisation.

Readonly isOrthographicCamera

isOrthographicCamera: true

layers

layers: I3JS.Layers

The layers that the camera is a member of. This is an inherited property from Object3D. Objects must share at least one layer with the camera to be seen when the camera's viewpoint is rendered.

left

left: number

Camera frustum left plane.

default

-1

Optional material

material?: I3JS.Material | I3JS.Material[]

The Material

matrix

matrix: I3JS.Matrix4

The local transform matrix.

default

new THREE.Matrix4()

matrixAutoUpdate

matrixAutoUpdate: boolean

When this is set, it calculates the matrix of position, (rotation or quaternion) and scale every frame and also recalculates the matrixWorld property. Default is Object3D.DefaultMatrixAutoUpdate (true).

default

THREE.Object3D.DefaultMatrixAutoUpdate

matrixWorld

matrixWorld: I3JS.Matrix4

The global transform of the object. If the Object3D has no parent, then it's identical to the local transform .matrix.

default

new THREE.Matrix4()

matrixWorldInverse

matrixWorldInverse: I3JS.Matrix4

This is the inverse of matrixWorld. MatrixWorld contains the Matrix which has the world transform of the Camera.

default

new THREE.Matrix4()

matrixWorldNeedsUpdate

matrixWorldNeedsUpdate: boolean

When this is set, it calculates the matrixWorld in that frame and resets this property to false. Default is false.

default

false

Readonly modelViewMatrix

modelViewMatrix: I3JS.Matrix4

This is passed to the shader and used to calculate the position of the object.

default

new THREE.Matrix4()

name

name: string

Optional name of the object (doesn't need to be unique). Default is an empty string.

default

''

near

near: number

Camera frustum near plane. Default is 0.1. The valid range is between 0 and the current value of the .far plane. Note that, unlike for the PerspectiveCamera, 0 is a valid value for an OrthographicCamera's near plane.

default

0.1

Readonly normalMatrix

normalMatrix: I3JS.Matrix3

This is passed to the shader and used to calculate lighting for the object. It is the transpose of the inverse of the upper left 3x3 sub-matrix of this object's modelViewMatrix. The reason for this special matrix is that simply using the modelViewMatrix could result in a non-unit length of normals (on scaling) or in a non-perpendicular direction (on non-uniform scaling). On the other hand the translation part of the modelViewMatrix is not relevant for the calculation of normals. Thus a Matrix3 is sufficient.

default

new THREE.Matrix3()

parent

Object's parent in the scene graph. An object can have at most one parent.

default

null

Readonly position

position: I3JS.Vector3

A Vector3 representing the object's local position. Default is (0, 0, 0).

default

new THREE.Vector3()

projectionMatrix

projectionMatrix: I3JS.Matrix4

This is the matrix which contains the projection.

default

new THREE.Matrix4()

projectionMatrixInverse

projectionMatrixInverse: I3JS.Matrix4

The inverse of projectionMatrix.

default

new THREE.Matrix4()

Readonly quaternion

quaternion: I3JS.Quaternion

Object's local rotation as a Quaternion.

default

new THREE.Quaternion()

receiveShadow

receiveShadow: boolean

Whether the material receives shadows. Default is false.

default

false

renderOrder

renderOrder: number

This value allows the default rendering order of scene graph objects to be overridden although opaque and transparent objects remain sorted independently. When this property is set for an instance of Group, all descendants objects will be sorted and rendered together. Sorting is from lowest to highest renderOrder. Default value is 0.

default

0

right

right: number

Camera frustum right plane.

default

1

Readonly rotation

rotation: I3JS.Euler

Object's local rotation (see Euler angles), in radians.

default

new THREE.Euler()

Readonly scale

scale: I3JS.Vector3

The object's local scale. Default is Vector3( 1, 1, 1 ).

default

new THREE.Vector3()

top

top: number

Camera frustum top plane.

default

1

type

type: "OrthographicCamera"

up

This is used by the .lookAt method, for example, to determine the orientation of the result. Default is Object3D.DefaultUp - that is, ( 0, 1, 0 ).

default

THREE.Object3D.DefaultUp.clone()

userData

userData: {}

An object that can be used to store custom data about the Object3D. It should not hold references to functions as these will not be cloned.

default

{}

Type declaration

  • [key: string]: any

uuid

uuid: string

UUID of this object instance. This gets automatically assigned, so this shouldn't be edited.

view

view: { enabled: boolean; fullHeight: number; fullWidth: number; height: number; offsetX: number; offsetY: number; width: number }

Set by setViewOffset. Default is null.

default

null

Type declaration

  • enabled: boolean
  • fullHeight: number
  • fullWidth: number
  • height: number
  • offsetX: number
  • offsetY: number
  • width: number

visible

visible: boolean

Object gets rendered if true. Default is true.

default

true

zoom

zoom: number

Gets or sets the zoom factor of the camera. Default is 1.

default

1

Static DefaultMatrixAutoUpdate

DefaultMatrixAutoUpdate: boolean

The default setting for .matrixAutoUpdate for newly created Object3Ds.

static

Static DefaultUp

DefaultUp: I3JS.Vector3

The default .up direction for objects, also used as the default position for DirectionalLight, HemisphereLight and Spotlight (which creates lights shining from the top down). Set to ( 0, 1, 0 ) by default.

static

Static animations

animations: I3JS.AnimationClip[]

Array with object's animation clips.

default

[]

Static bottom

bottom: number

Camera frustum bottom plane.

default

-1

Static castShadow

castShadow: boolean

Whether the object gets rendered into shadow map. Default is false.

default

false

Static children

children: I3JS.Object3D<Event>[]

Array with object's children. See Group for info on manually grouping objects.

default

[]

Static customDepthMaterial

customDepthMaterial: I3JS.Material

Custom depth material to be used when rendering to the depth map. Can only be used in context of meshes. When shadow-casting with a DirectionalLight or SpotLight, if you are modifying vertex positions in the vertex shader you must specify a customDepthMaterial for proper shadows. Default is undefined.

Static customDistanceMaterial

customDistanceMaterial: I3JS.Material

Same as .customDepthMaterial, but used with PointLight. Default is undefined.

Static far

far: number

Camera frustum far plane. Default is 2000. Must be greater than the current value of .near plane.

default

2000

Static frustumCulled

frustumCulled: boolean

When this is set, it checks every frame if the object is in the frustum of the camera before rendering the object. If set to false the object gets rendered every frame even if it is not in the frustum of the camera. Default is true.

default

true

Static Optional geometry

geometry?: I3JS.BufferGeometry

The BufferGeometry

Static id

id: number

Unique number for this object instance.

readonly

Static Readonly isCamera

isCamera: true

Static Readonly isObject3D

isObject3D: true

Used to check whether this or derived classes are Object3Ds. Default is true. You should not change this, as it is used internally for optimisation.

Static Readonly isOrthographicCamera

isOrthographicCamera: true

Static layers

layers: I3JS.Layers

The layers that the camera is a member of. This is an inherited property from Object3D. Objects must share at least one layer with the camera to be seen when the camera's viewpoint is rendered.

Static left

left: number

Camera frustum left plane.

default

-1

Static Optional material

material?: I3JS.Material | I3JS.Material[]

The Material

Static matrix

matrix: I3JS.Matrix4

The local transform matrix.

default

new THREE.Matrix4()

Static matrixAutoUpdate

matrixAutoUpdate: boolean

When this is set, it calculates the matrix of position, (rotation or quaternion) and scale every frame and also recalculates the matrixWorld property. Default is Object3D.DefaultMatrixAutoUpdate (true).

default

THREE.Object3D.DefaultMatrixAutoUpdate

Static matrixWorld

matrixWorld: I3JS.Matrix4

The global transform of the object. If the Object3D has no parent, then it's identical to the local transform .matrix.

default

new THREE.Matrix4()

Static matrixWorldInverse

matrixWorldInverse: I3JS.Matrix4

This is the inverse of matrixWorld. MatrixWorld contains the Matrix which has the world transform of the Camera.

default

new THREE.Matrix4()

Static matrixWorldNeedsUpdate

matrixWorldNeedsUpdate: boolean

When this is set, it calculates the matrixWorld in that frame and resets this property to false. Default is false.

default

false

Static Readonly modelViewMatrix

modelViewMatrix: I3JS.Matrix4

This is passed to the shader and used to calculate the position of the object.

default

new THREE.Matrix4()

Static name

name: string

Optional name of the object (doesn't need to be unique). Default is an empty string.

default

''

Static near

near: number

Camera frustum near plane. Default is 0.1. The valid range is between 0 and the current value of the .far plane. Note that, unlike for the PerspectiveCamera, 0 is a valid value for an OrthographicCamera's near plane.

default

0.1

Static Readonly normalMatrix

normalMatrix: I3JS.Matrix3

This is passed to the shader and used to calculate lighting for the object. It is the transpose of the inverse of the upper left 3x3 sub-matrix of this object's modelViewMatrix. The reason for this special matrix is that simply using the modelViewMatrix could result in a non-unit length of normals (on scaling) or in a non-perpendicular direction (on non-uniform scaling). On the other hand the translation part of the modelViewMatrix is not relevant for the calculation of normals. Thus a Matrix3 is sufficient.

default

new THREE.Matrix3()

Static parent

Object's parent in the scene graph. An object can have at most one parent.

default

null

Static Readonly position

position: I3JS.Vector3

A Vector3 representing the object's local position. Default is (0, 0, 0).

default

new THREE.Vector3()

Static projectionMatrix

projectionMatrix: I3JS.Matrix4

This is the matrix which contains the projection.

default

new THREE.Matrix4()

Static projectionMatrixInverse

projectionMatrixInverse: I3JS.Matrix4

The inverse of projectionMatrix.

default

new THREE.Matrix4()

Static Readonly quaternion

quaternion: I3JS.Quaternion

Object's local rotation as a Quaternion.

default

new THREE.Quaternion()

Static receiveShadow

receiveShadow: boolean

Whether the material receives shadows. Default is false.

default

false

Static renderOrder

renderOrder: number

This value allows the default rendering order of scene graph objects to be overridden although opaque and transparent objects remain sorted independently. When this property is set for an instance of Group, all descendants objects will be sorted and rendered together. Sorting is from lowest to highest renderOrder. Default value is 0.

default

0

Static right

right: number

Camera frustum right plane.

default

1

Static Readonly rotation

rotation: I3JS.Euler

Object's local rotation (see Euler angles), in radians.

default

new THREE.Euler()

Static Readonly scale

scale: I3JS.Vector3

The object's local scale. Default is Vector3( 1, 1, 1 ).

default

new THREE.Vector3()

Static top

top: number

Camera frustum top plane.

default

1

Static type

type: "OrthographicCamera"

Static up

This is used by the .lookAt method, for example, to determine the orientation of the result. Default is Object3D.DefaultUp - that is, ( 0, 1, 0 ).

default

THREE.Object3D.DefaultUp.clone()

Static userData

userData: {}

An object that can be used to store custom data about the Object3D. It should not hold references to functions as these will not be cloned.

default

{}

Type declaration

  • [key: string]: any

Static uuid

uuid: string

UUID of this object instance. This gets automatically assigned, so this shouldn't be edited.

Static view

view: { enabled: boolean; fullHeight: number; fullWidth: number; height: number; offsetX: number; offsetY: number; width: number }

Set by setViewOffset. Default is null.

default

null

Type declaration

  • enabled: boolean
  • fullHeight: number
  • fullWidth: number
  • height: number
  • offsetX: number
  • offsetY: number
  • width: number

Static visible

visible: boolean

Object gets rendered if true. Default is true.

default

true

Static zoom

zoom: number

Gets or sets the zoom factor of the camera. Default is 1.

default

1

Methods

add

addEventListener

applyMatrix4

applyQuaternion

attach

clear

clearViewOffset

  • clearViewOffset(): void

clone

copy

dispatchEvent

  • dispatchEvent(event: Event): void

getObjectById

  • Note that ids are assigned in chronological order: 1, 2, 3, ..., incrementing by one for each new object.

    Parameters

    • id: number

      Unique number of the object instance Searches through an object and its children, starting with the object itself, and returns the first with a matching id.

    Returns I3JS.Object3D<Event>

getObjectByName

  • Searches through an object and its children, starting with the object itself, and returns the first with a matching name. Note that for most objects the name is an empty string by default. You will have to set it manually to make use of this method.

    Parameters

    • name: string

      String to match to the children's Object3D.name property.

    Returns I3JS.Object3D<Event>

getObjectByProperty

  • Searches through an object and its children, starting with the object itself, and returns the first with a property that matches the value given.

    Parameters

    • name: string

      The property name to search for.

    • value: string

      Value of the given property.

    Returns I3JS.Object3D<Event>

getWorldDirection

getWorldPosition

getWorldQuaternion

getWorldScale

hasEventListener

localToWorld

lookAt

  • lookAt(vector: number | I3JS.Vector3, y?: number, z?: number): void
  • Optionally, the .x, .y and .z components of the world space position. Rotates the object to face a point in world space. This method does not support objects having non-uniformly-scaled parent(s).

    Parameters

    • vector: number | I3JS.Vector3

      A vector representing a position in world space.

    • Optional y: number
    • Optional z: number

    Returns void

onAfterRender

onBeforeRender

raycast

remove

removeEventListener

removeFromParent

rotateOnAxis

rotateOnWorldAxis

rotateX

rotateY

rotateZ

setRotationFromAxisAngle

  • setRotationFromAxisAngle(axis: I3JS.Vector3, angle: number): void

setRotationFromEuler

  • setRotationFromEuler(euler: I3JS.Euler): void

setRotationFromMatrix

setRotationFromQuaternion

setViewOffset

  • setViewOffset(fullWidth: number, fullHeight: number, offsetX: number, offsetY: number, width: number, height: number): void
  • This is useful for multi-window or multi-monitor/multi-machine setups. For an example on how to use it see PerspectiveCamera. Sets an offset in a larger viewing frustum.

    Parameters

    • fullWidth: number

      full width of multiview setup

    • fullHeight: number

      full height of multiview setup

    • offsetX: number

      horizontal offset of subcamera

    • offsetY: number

      vertical offset of subcamera

    • width: number

      width of subcamera

    • height: number

      height of subcamera

    Returns void

toJSON

  • toJSON(meta?: any): any

translateOnAxis

translateX

translateY

translateZ

traverse

traverseAncestors

traverseVisible

  • Like traverse, but the callback will only be executed for visible objects. Descendants of invisible objects are not traversed. Note: Modifying the scene graph inside the callback is discouraged.

    Parameters

    Returns void

updateMatrix

  • updateMatrix(): void

updateMatrixWorld

  • updateMatrixWorld(force?: boolean): void
  • Updates the global transform of the object and its descendants.

    Parameters

    • Optional force: boolean

    Returns void

updateProjectionMatrix

  • updateProjectionMatrix(): void

updateWorldMatrix

  • updateWorldMatrix(updateParents: boolean, updateChildren: boolean): void
  • Updates the global transform of the object.

    Parameters

    • updateParents: boolean

      recursively updates global transform of ancestors.

    • updateChildren: boolean

      recursively updates global transform of descendants.

    Returns void

worldToLocal

Static add

Static addEventListener

Static applyMatrix4

Static applyQuaternion

Static attach

Static clear

Static clearViewOffset

  • clearViewOffset(): void

Static clone

Static copy

Static dispatchEvent

  • dispatchEvent(event: Event): void

Static getObjectById

  • Note that ids are assigned in chronological order: 1, 2, 3, ..., incrementing by one for each new object.

    Parameters

    • id: number

      Unique number of the object instance Searches through an object and its children, starting with the object itself, and returns the first with a matching id.

    Returns I3JS.Object3D<Event>

Static getObjectByName

  • Searches through an object and its children, starting with the object itself, and returns the first with a matching name. Note that for most objects the name is an empty string by default. You will have to set it manually to make use of this method.

    Parameters

    • name: string

      String to match to the children's Object3D.name property.

    Returns I3JS.Object3D<Event>

Static getObjectByProperty

  • Searches through an object and its children, starting with the object itself, and returns the first with a property that matches the value given.

    Parameters

    • name: string

      The property name to search for.

    • value: string

      Value of the given property.

    Returns I3JS.Object3D<Event>

Static getWorldDirection

Static getWorldPosition

Static getWorldQuaternion

Static getWorldScale

Static hasEventListener

Static localToWorld

Static lookAt

  • lookAt(vector: number | I3JS.Vector3, y?: number, z?: number): void
  • Optionally, the .x, .y and .z components of the world space position. Rotates the object to face a point in world space. This method does not support objects having non-uniformly-scaled parent(s).

    Parameters

    • vector: number | I3JS.Vector3

      A vector representing a position in world space.

    • Optional y: number
    • Optional z: number

    Returns void

Static onAfterRender

Static onBeforeRender

Static raycast

Static remove

Static removeEventListener

Static removeFromParent

Static rotateOnAxis

Static rotateOnWorldAxis

Static rotateX

Static rotateY

Static rotateZ

Static setRotationFromAxisAngle

  • setRotationFromAxisAngle(axis: I3JS.Vector3, angle: number): void

Static setRotationFromEuler

  • setRotationFromEuler(euler: I3JS.Euler): void

Static setRotationFromMatrix

Static setRotationFromQuaternion

Static setViewOffset

  • setViewOffset(fullWidth: number, fullHeight: number, offsetX: number, offsetY: number, width: number, height: number): void
  • This is useful for multi-window or multi-monitor/multi-machine setups. For an example on how to use it see PerspectiveCamera. Sets an offset in a larger viewing frustum.

    Parameters

    • fullWidth: number

      full width of multiview setup

    • fullHeight: number

      full height of multiview setup

    • offsetX: number

      horizontal offset of subcamera

    • offsetY: number

      vertical offset of subcamera

    • width: number

      width of subcamera

    • height: number

      height of subcamera

    Returns void

Static toJSON

  • toJSON(meta?: any): any

Static translateOnAxis

Static translateX

Static translateY

Static translateZ

Static traverse

Static traverseAncestors

Static traverseVisible

  • Like traverse, but the callback will only be executed for visible objects. Descendants of invisible objects are not traversed. Note: Modifying the scene graph inside the callback is discouraged.

    Parameters

    Returns void

Static updateMatrix

  • updateMatrix(): void

Static updateMatrixWorld

  • updateMatrixWorld(force?: boolean): void
  • Updates the global transform of the object and its descendants.

    Parameters

    • Optional force: boolean

    Returns void

Static updateProjectionMatrix

  • updateProjectionMatrix(): void

Static updateWorldMatrix

  • updateWorldMatrix(updateParents: boolean, updateChildren: boolean): void
  • Updates the global transform of the object.

    Parameters

    • updateParents: boolean

      recursively updates global transform of ancestors.

    • updateChildren: boolean

      recursively updates global transform of descendants.

    Returns void

Static worldToLocal

Generated using TypeDoc