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 THREE.Scene

    Scene to be rendered.

  • camera THREE.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

Properties

cache

Object

Object cache, used to store the rendered objects state.

domElement

DOM

Main DOM element used for the renderer.

domElement

DOM

Camera projected DOM element.

matrix

THREE.Matrix4

Temporary matrix object.