CSS3DRenderer Class

Module: Postprocessing

3D renderer using DOM elements.

Applies the threejs transformation hierarchy to the DOM element using CSS3D.

Only renders CSS specific objects, the output of the renderer is not combined with the WebGL output. Everything is renderer of top.

Based on the three.js adaptation (mrdoob, yomotsu) of http:// www.emagix.net/academic/mscs-project/item/camera-sync-with-css3-and-webgl-threejs

Item Index

Methods

getSize

()

Get the size of the renderer.

render

(
  • scene
  • camera
)

Render the CSS object of a scene using a camera.

Parameters:

  • scene Scene

    Scene to be rendered.

  • camera Camera

    Camera used to render the scene.

setSize

(
  • width
  • height
)

Set the size of the renderer.

The size is also applie to the internal DOM division.

Parameters:

  • width Number
  • height Number

Attributes

cache

Object

Object cache, used to store the rendered objects state.

domElement

Element

Main DOM element used for the renderer.

domElement

Element

Camera projected DOM element.

matrix

Matrix4

Temporary matrix object.

size

Vector2

Size of the renderer viewport.

size

Vector2

Size of the renderer viewport.