Class: element

css3d. element

new element(domElement) → {css3d.element}

Parameters:
Name Type Description
domElement DOMElement
Source:
Returns:
Type
css3d.element

Members

#this.autoCenter :Boolean

Element will get centered in the container element. This makes it easier to position it in 3D space.
Type:
  • Boolean
Source:

#this.inheritScaling :Boolean

Indicates if the element inherits the scaling from an parent element.
Type:
  • Boolean
Source:

#this.shading :Boolean

Set shading on/off
Type:
  • Boolean
Source:

#this.zIndex :Integer

Set the custom zIndex. Only used if browser doesn't support preserve-3d (IE10)
Type:
  • Integer
Source:

Methods

#element#addChild(child) → {css3d.element}

Parameters:
Name Type Description
child css3d.element
Source:
Returns:
Type
css3d.element

#element#backVector() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#forward(steps) → {css3d.element}

Move forward
Parameters:
Name Type Description
steps Number
Source:
Returns:
Type
css3d.element

#element#forwardVector() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#getBackfaceCulling() → {Boolean}

Source:
Returns:
Type
Boolean

#element#getChildren() → {Array}

Source:
Returns:
Type
Array

#element#getDomElement() → {DOMElement}

Source:
Returns:
Type
DOMElement

#element#getLerpFunction(toScale, toTranslation, toQuaternion) → {function}

Parameters:
Name Type Description
toScale css3d.vector3
toTranslation css3d.vector3
toQuaternion css3d.quaternion
Source:
Returns:
Type
function

#element#getPivot() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#getPivotTransformed() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#getRotation() → {Array}

Source:
Returns:
Type
Array

#element#getScale() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#getShaderElement() → {DOMElement}

Source:
Returns:
Type
DOMElement

#element#getTotalRotation() → {Array}

Source:
Returns:
Type
Array

#element#getTotalTranslation() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#getTranslation() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#getWorldMatrix() → {Array}

Source:
Returns:
Type
Array

#element#init(hasFilter, containerElement) → {css3d.element}

Parameters:
Name Type Description
hasFilter Boolean
containerElement DOMElement
Source:
Returns:
Type
css3d.element

#element#left(steps) → {css3d.element}

Move left
Parameters:
Name Type Description
steps Number
Source:
Returns:
Type
css3d.element

#element#lerp(fromScale, toScale, fromTranslation, toTranslation, fromRotationMatrix, toQuaternion, t) → {css3d.element}

Parameters:
Name Type Description
fromScale css3d.vector3
toScale css3d.vector3
fromTranslation css3d.vector3
toTranslation css3d.vector3
fromRotationMatrix Array
toQuaternion css3d.quaternion
t Number 0-1
Source:
Returns:
Type
css3d.element

#element#lerpRotation(fromMatrix, toQuaternion, t) → {css3d.element}

Parameters:
Name Type Description
fromMatrix Array
toQuaternion css3d.quaternion
t Number 0-1
Source:
Returns:
Type
css3d.element

#element#lerpScale(from, to, t) → {css3d.element}

Parameters:
Name Type Description
from css3d.vector3
to css3d.vector3
t Number 0-1
Source:
Returns:
Type
css3d.element

#element#lerpTranslation(from, to, t) → {css3d.element}

Parameters:
Name Type Description
from css3d.vector3
to css3d.vector3
t Number 0-1
Source:
Returns:
Type
css3d.element

#element#rightVector() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3

#element#setBackfaceCulling(value) → {css3d.element}

Parameters:
Name Type Description
value Boolean
Source:
Returns:
Type
css3d.element

#element#setChildrenDirty() → {css3d.element}

Source:
Returns:
Type
css3d.element

#element#setMatrix(styleTransform, styleBackfaceVisibility) → {css3d.element}

Parameters:
Name Type Description
styleTransform String
styleBackfaceVisibility String
Source:
Returns:
Type
css3d.element

#element#setParent(parent) → {css3d.element}

Parameters:
Name Type Description
parent css3d.element
Source:
Returns:
Type
css3d.element

#element#setPivot(x, y, z) → {css3d.element}

Parameters:
Name Type Description
x Number
y Number
z Number
Source:
Returns:
Type
css3d.element

#element#setRotation(axis, angle) → {css3d.element}

Parameters:
Name Type Description
axis Number
angle Number
Source:
Returns:
Type
css3d.element

#element#setRotationMatrix(m) → {css3d.element}

Parameters:
Name Type Description
m Array
Source:
Returns:
Type
css3d.element

#element#setRotationXYZ(x, y, z) → {css3d.element}

Parameters:
Name Type Description
x Number
y Number
z Number
Source:
Returns:
Type
css3d.element

#element#setScale(x, y, z) → {css3d.element}

Parameters:
Name Type Description
x Number
y Number
z Number
Source:
Returns:
Type
css3d.element

#element#setTranslation(x, y, z) → {css3d.element}

Parameters:
Name Type Description
x Number
y Number
z Number
Source:
Returns:
Type
css3d.element

#element#up(steps) → {css3d.element}

Move up
Parameters:
Name Type Description
steps Number
Source:
Returns:
Type
css3d.element

#element#update() → {css3d.element}

Build the world matrix
Source:
Returns:
Type
css3d.element

#element#upVector() → {css3d.vector3}

Source:
Returns:
Type
css3d.vector3