three.js-Freigabe über Modulimportbeispiel

Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen zum Erlernen und Importieren von Three.js-Dokumenten in chinesischer Sprache anhand von Beispielcodes vor . Es wird benötigt Freunde, bitte folgen Sie dem Herausgeber, um gemeinsam zu lernen.

Vorwort

Dieser Artikel führt Sie hauptsächlich in den relevanten Inhalt von three.js ein, der über Module importiert wird, und ist eine gute Möglichkeit, schnell zu beginnen und auszuführen -term Das aktualisierte Projekt weist einige Mängel auf, wie zum Beispiel:

• Sie müssen eine Kopie der Bibliothek manuell aufrufen und als Teil Ihres Projektquellcodes einführen.

• Das Aktualisieren der Version einer Bibliothek ist ein manueller Vorgang

• Bei der Einführung einer neuen Version der Bibliothek werden Ihre Versionsverwaltungsunterschiede durcheinander gebracht up mit den Quelldateien

Durch die Verwendung eines Abhängigkeitsmanagers wie NPM können diese Versionsprobleme vermieden werden.

Installation über NPM

Three.js wurde als npm-Modul veröffentlicht, siehe: npm. Informationen zur Deinstallation und Installation von npm finden Sie in diesem Artikel: http://www.jb51.net/article/90518.htm. Ich werde hier nicht zu sehr ins Detail gehen Sie müssen npm install three ausführen, three.js wird in Ihr Projekt aufgenommen.

Module importieren

Angenommen, Sie verwenden Webpack oder das Verpackungstool von Browserify, können Sie require('modules') in Ihrem Code verwenden, um auf alle gepackten Abhängigkeiten zu verweisen.

Sie sollten nun in der Lage sein, das Modul in den Quellcode zu importieren und wie gewohnt fortzufahren.

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

Sie können auch die ES6-Importsyntax

import * as THREE from 'three';

const scene = new THREE.Scene();

verwenden oder Teile der three.js-Bibliothek importieren, z. B. Importing Scene:

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

Warnung

Derzeit ist es nicht möglich, alle Dateien im Verzeichnis „examples/js“ zu importieren. Dies liegt daran, dass einige Dateien auf den globalen Namespace THREE angewiesen sind, was zu Verschmutzung führt. Für Einzelheiten erkundigen Sie sich bitte nach Transform examples/js to support module #9562.

Verwandte Empfehlungen:

Python-Modulimport zur Implementierung der von Ihnen benötigten Funktionen

Detaillierte Erklärung, wie man three.js lokal ausführt

JS-Bibliothek Three.js grundlegende Einführung

Das obige ist der detaillierte Inhalt vonthree.js-Freigabe über Modulimportbeispiel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!