Install
=======
1 - Get the lib
---------------
Use the "global" version of infamous via script tag in your HTML page:
```html
```
Or install from NPM:
```sh
npm install infamous --save
```
```js
import infamous from 'infamous'
infamous.html.useDefaultNames()
```
2 - Define the HTML elements
----------------------------
You *must* register the infamous HTML elements with your browser, using default
names (easier), or custom names.
with default names
The fastest way to get up and running is to tell infamous to use default naming
for all of its HTML elements:
```js
import { useDefaultNames } from 'infamous/html'
// tell infamous to
useDefaultNames()
```
Then either write the scene with JavaScript,
```js
import Scene from 'infamous/core/Scene'
import Node from 'infamous/core/Node'
const scene = new Scene()
const node = new Node({
position: [100, 100, 0]
})
scene.add(node)
scene.mount(document.body)
// outputs to the DOM:
//
//
//
//
//
//
```
...or write HTML using the default names.
```html
```
The documentation will refer to all the elements by their default names.
with custom names
But sometimes you might like to use different element names (f.e. to avoid a
naming conflict, or just because you feel like it). You can do this using the
`.define()` method on any of the classes, for example:
```js
import Scene from 'infamous/core/Scene'
import Node from 'infamous/core/Node'
// define custom names:
Scene.define('nfms-scene')
Node.define('nfms-node')
```
Then either write the scene with JavaScript,
```js
const scene = new Scene()
const node = new Node({
position: [100, 100, 0]
})
scene.add(node)
scene.mount(document.body)
// outputs to the DOM:
//
//
//
//
//
//
```
...or write HTML using the custom names.
```html
```