# ng-three

> Angular 4 version of Three: 3D library by mrdoob

Latest version **0.87.2** (published 2017-10-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng-three
pnpm add ng-three
yarn add ng-three
bun add ng-three
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.87.2 |
| Published | 2017-10-13 |
| First published | 2017-10-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | bentbot |
| Maintainers | bentbot |
| Keywords | three, ng2, three.js, ng-three, ng-three.js, 3d, webgl |

## Links

- npm: https://www.npmjs.com/package/ng-three
- Repository: https://github.com/mrdoob/ng-three.js
- Homepage: http://ng-threejs.org/
- Issues: https://github.com/mrdoob/ng-three.js/issues
- npm.io page: https://npm.io/package/ng-three

## Recent versions

- 0.87.2 (latest) — 2017-10-13
- 0.87.1 — 2017-10-13

## README

three.js
========

[![Gitter][gitter-badge]][gitter-badge-url]
[![Latest NPM release][npm-badge]][npm-badge-url]
[![License][license-badge]][license-badge-url]
[![Dependencies][dependencies-badge]][dependencies-badge-url]
[![Dev Dependencies][devDependencies-badge]][devDependencies-badge-url]

#### Angular 3D library ####

The Three.js 3D library has beed adapted for use with Angular >2.0!

[Official Website](http://threejs.org/) —

### Usage ###

Import Three.js into your module / component.

```html

```



```javascript

// TODO: Write Typescript Example

//Plain Javascript

var scene, camera, renderer;
var geometry, material, mesh;

init();
animate();

function init() {

	scene = new THREE.Scene();

	camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
	camera.position.z = 1000;

	geometry = new THREE.BoxGeometry( 200, 200, 200 );
	material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

	mesh = new THREE.Mesh( geometry, material );
	scene.add( mesh );

	renderer = new THREE.WebGLRenderer();
	renderer.setSize( window.innerWidth, window.innerHeight );

	document.body.appendChild( renderer.domElement );

}

function animate() {

	requestAnimationFrame( animate );

	mesh.rotation.x += 0.01;
	mesh.rotation.y += 0.02;

	renderer.render( scene, camera );

}
```

### Change log ###

1. First Angular conversion.


[Official THREE releases](https://github.com/mrdoob/three.js/releases)

---
_Source: https://npm.io/package/ng-three · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._