[HTML] Threejs With Angular

해당 디렉토리에서

 

 

 

 

 

 

 

 

 

 

 

1. npm install three --save
2. npm install @types/three
3. Add a div element in AppComponent.html: <div #rendererContainer></div>
4. Import three.js in AppComponent.ts: import * as THREE from 'three';
5. Get a handle to your div element with @ViewChild('rendererContainer') rendererContainer: ElementRef;
6. Do the necessary setup in your constructor / lifecycle methods. Note: the ViewChild is not available until ngAfterViewInit.

Full AppComponent:import {Component, ViewChild, ElementRef} from '@angular/core';

import * as THREE from 'three';