partage three.js via un exemple d'importation de module

Cet article vous présente principalement les informations pertinentes sur l'apprentissage et l'importation de documents chinois three.js via des modules. L'article le présente en détail à travers un exemple de code. Il a une certaine valeur d'apprentissage de référence pour que tout le monde puisse apprendre ou utiliser three.js. . C'est nécessaire les amis, veuillez suivre l'éditeur pour apprendre ensemble.

Avant-propos

Cet article vous présente principalement le contenu pertinent sur three.js importé via des modules. L'importation de three.js via des balises de script est un bon moyen de démarrer et de fonctionner rapidement. -term Le projet mis à jour présente certaines lacunes, telles que :

• Vous devez appeler manuellement et introduire une copie de la bibliothèque dans le cadre du code source de votre projet.

• La mise à jour de la version d'une bibliothèque est un processus manuel

• Lors de l'introduction d'une nouvelle version de la bibliothèque, vos différences de gestion des versions seront gâchées avec les fichiers sources

L'utilisation d'un gestionnaire de dépendances comme NPM peut éviter ces problèmes de version.

Installer via NPM

trois.js a été publié en tant que module npm, voir : npm. Concernant la désinstallation et l'installation de npm, vous pouvez vous référer à cet article : http://www.jb51.net/article/90518.htm Je n'entrerai pas dans les détails ici Une fois l'installation réussie, vous seul. vous devez exécuter npm install three, three.js sera inclus dans votre projet.

Importer des modules

En supposant que vous utilisez Webpack ou l'outil de packaging de Browserify, cela vous permettra d'utiliser require('modules') dans votre code pour référencer toutes les dépendances packagées.

Vous devriez maintenant pouvoir importer le module dans le code source et procéder normalement.

var THREE = require('three');
var scene = new THREE.Scene();

Vous pouvez également utiliser la syntaxe d'importation ES6

import * as THREE from 'three';

const scene = new THREE.Scene();

ou vous souhaitez importer des parties de la bibliothèque three.js, comme l'importation de Scene :

import {Scene} from 'three';
const scene = new Scene();

Attention

Actuellement il n'est pas possible d'importer tous les fichiers du répertoire "examples/js". Cela est dû au fait que certains fichiers s'appuient sur l'espace de noms global TROIS, provoquant une pollution. Pour plus de détails, veuillez vous renseigner sur Transform examples/js to support modules #9562.

Recommandations associées :

Importation de modules Python pour implémenter les fonctions dont vous avez besoin

Explication détaillée de la façon d'exécuter three.js localement

Introduction de base de la bibliothèque JS Three.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!