Angular 2 i Three.js

Question

Tak więc próbuję zaimplementować THREE.js w mojej aplikacji Angular 2. Nie udało mi się pomyślnie zaimportować bibliotek do Angular 2. Istnieje kilka projektów, które mają przestarzały kod źródłowy, który jest uruchamiany za pomocą Angular 2 (beta) lub Angular js. W tej chwili byłbym zachwycony, że mam pusty projekt z THREE.js, z którego mógłbym zacząć tworzyć moje dyrektywy.

Jeśli ktoś zna jakieś dobre przykłady lub wskazówki na temat dodawania THREE.js do projektu kątowego 2, byłbym wdzięczny.

Answer 1

można zaimplementować Three.js do swojej Angular2 aplikacji w 2 etapach:

1. dodać bibliotekę do modułów z poleceniem npm install three;
2. wstaw import * as THREE from 'three' do wnętrza komponentu lub usługi.

Do obsługi typowań należy wykonać npm install --save @types/three.

Answer 2

Należy użyć pliku kątowe-cli.json więc 3 kroki byłoby:

1. Dodaj bibliotekę do modułów z poleceniem npm i three --save.

2. Dołącz bibliotekę w "kanciasty-cli.json" pliku w obszarze "scripts":

   "scripts": [ 
       "../node_modules/jquery/dist/jquery.min.js", 
       "../node_modules/three/build/three.min.js", 
   ], 
   

3. Put declare var THREE:any; w górnej części składowej lub usługi.