Angular directive for a simple Three.JS scene
ngGeometry is used only as an HTML attribute. It sets the scene dimensions equal to the dimensions of the HTML element it's added to. You configure the directive with the following options:
HEX color value for the object in the scene
HEX color value for the background
Boolean value for whether the object should render as a wireframe or not
The size of the object. 1 is the default.
The type of object geoemtry to use. Takes the options octahedron
, sphere
, or cube
.
#Example
<div nx-geometry
<-- class used to set dimensions -->
class="header-overlay"
geometry="sphere"
object-color="#2aa198"
background-color="#fefcf5"
wireframe="true"
size="5"
></div>