À l'aide de three.js dans Angular2

Je suis en train d'intégrer un three.js la scène dans une angulaires 2 page. Je suis un débutant dans Angulaire 2 et javascript, j'ai inclus l'three.js fichier dans la balise script, index.html j'.e, et dans la scène.composante.fichier ts, j'ai le code comme ceci...

//scene.component.ts
import { Component } from 'angular2/core';
import { THREE } from 'three-js/three';
@Component({
    selector: 'ps-scene',
    templateUrl: 'app/webgl/scene.component.html'
})
export class SceneComponent{
    scene = new THREE.Scene();
}
///////////////

Le problème est affiché dans la ligne d'import - { TROIS } à partir de trois js/trois";

C'est dans le même chemin d'accès au répertoire comme "angular2/core'

Merci d'avance.

OriginalL'auteur rashmi | 2016-10-17

  1. 5

    êtes-vous à l'aide angulaire de la cli?

    si oui, n'oubliez pas d'ajouter la référence dans votre typings.d fichier:

    declare module 'three';

    https://github.com/angular/angular-cli#3rd-party-library-installation

    3rd Party Library Installation

Simply install your library via npm install lib-name --save and import it in your code.

If the library does not include typings, you can install them using npm:

npm install d3 --save
npm install @types/d3 --save-dev
If the library doesn't have typings available at @types/, you can still use it by manually adding typings for it:

//in src/typings.d.ts
declare module 'typeless-package';

//in src/app/app.component.ts
import * as typelessPackage from 'typeless-package';
typelessPackage.method();
    Il semble que le lien pour la 3ème partie de la bibliothèque de documentation de l'installation ne fonctionne plus. En fait je ne trouve pas de documentation sur ce plus.

    OriginalL'auteur Benjamin McFerren

  2. 3

    Caisse ng2-trois-démo, où j'utilise des Composants Angulaires pour définir des objets pour ThreeJS.

    En outre, il y a une présentation sur le sujet lui-même dans le repo.

    Pour moi, votre demande a été très utile, merci beaucoup. Magnifique travail!!!

    OriginalL'auteur amcdnl

  3. 2

    Il devrait probablement être importés comme ceci:

    import * as THREE from 'three';

    OriginalL'auteur hex

  4. 1

    Je me suis mise en route sur Angulaire 2 détails à propos de l'intégration d'autres bibliothèques pour vos propres projets, donc je pense qu'il faudrait être inclus dans votre system.js dossier config.

    Ce que je veux vraiment vous montrer est cette angulaire 2 + three.js la mise en œuvre
    pour vous donner un peu de lumière sur le sujet.

    Je voudrais poster un commentaire, mais je n'ai pas la réputation encore à faire.

    Cheers!

    en espérant vous pouvez maintenant commenter @Bruno Di Giuseppe Dans qui repo-vous liés à, il y a un dossier où le vendeur three.js fichier de vie. Est-ce obligatoire ou est-il un moyen pour le three.js fichier de vivre à l'intérieur du répertoire node_modules comme un résultat de la référence à "trois": "^0.80.1", dans les dépendances du paquet.json? Si oui, quelle est la syntaxe à l'importation? Je suis "Impossible de trouver le module "trois"." quand j'ai essayer cette importation { TROIS } à partir de "trois"; à l'intérieur de l'un de mes Injectable fichiers de service
    Merci Ben! Donc, autant je comprends la "voie de la main gauche" de l'Angulaire 2, vous pouvez créer votre propre .les librairies js et de faire de la typings pour ceux à utiliser dans angulaire. J'avais besoin d'utiliser DeviceOrientationControl bibliothèque dans mon projet et il n'avait aucun typings définition. Depuis la fin angulaire va compiler TS en JS, vous pouvez avoir un .fichier js inclus dans votre index.html avec un <script> tag et écrire vos propres définitions et de les enregistrer sur le typings dossier.
    Donne-moi du temps et je vais le poster sur Git pour vous de voir. Mais dans l'ensemble, TS définition(par exemple de la bibliothèque.d.ts) c'est tout comme un DLL fichier de métadonnées. Vous de dire à l'ordinateur "Hey, je vais être en utilisant quelque chose qui a ces fonctions et paramètres. Assurez-vous de ne pas vous plaindre de moi, en utilisant, ok?" S'il trouve ces définitions que vous utilisez dans l'exécution, tout est bon

    OriginalL'auteur Bruno Di Giuseppe