每当我试图在本地浏览器上打开并查看使用three.js的进度时,它都不会加载并抛出此错误,
Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".
我刚开始接触three.js,被困了一段时间,甚至还没有真正开始。我很感激你的帮助。如果我的javascript文件的第一行是:import * as THREE from '/U
因此,我正在尝试学习如何使用THREE.js制作浏览器游戏,然而,当我尝试使用代码导入模型时,屏幕呈现为黑色。我正在使用括号编写代码并运行它,到目前为止我还没有遇到任何问题。
下面是代码
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
scene.background = new THREE.Color(0xdddddd);
var renderer = new THREE.Web
我有问题的动画对象通过导出从搅拌器到THREE.js。动画没有开始运行..。
当然,在从搅拌器导出并导入到THREE.js库时,我尝试了许多设置组合,但都没有成功。
这是代码,我认为应该有效。注释关键部分注释的地方可能是一些错误。指向源JSON的链接也在示例中。当然,我可以提供源文件,如果需要的话.
var tgaLoader = new THREE.TGALoader();
var objectLoader = new THREE.ObjectLoader();
var clock = new THREE.Clock();
var SCREEN_WIDTH = window.inne
我正在尝试用three.js构建以下线框球体。重要的是,我可以将它们导出为带有单行(垂直和水平)的结构化SVG文件,这样我就可以用我的Axidraw绘图机绘制它们。 ? 我已经使用下面的设置获得了一个带有纯白表面的线框球体: let geometry = new THREE.SphereGeometry(1, 32, 16);
let material = new THREE.MeshBasicMaterial({ color: 0xd3d3d3 });
let mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
当我尝试导入OrbitControls.js时,请执行以下操作: 我得到Cannot use import statement outside a module错误 因此,我使用: <script type="module" src="OrbitControls.js"></script> 但这一次我得到了: ReferenceError: OrbitControls is not defined HTML正文: <body>
<div id="page-wrapper">
正如标题所述,我使用的是es6类,但是由于它们都不是main.js文件之外的模块,所以很难使用API,因为我不能使用导入模块。
我使用了这个链接的答案:的代码,并将代码粘贴到一个js文件中,在我的HTML中调用它,但是我收到一个错误声明:
未定义ReferenceError: PointerLockControls未定义
当我引用它的时候,它并不是拿起这门课。我试图将它链接到GitHub原始代码,但它也没有捡到。
这是我的index.html代码(只有一行引用GitHub原始代码):
<!-- This html file is what the browser shows when
three.js在我的WordPress页面上有两个问题。
首先:我不能导入GLTFLoader。错误消息是:"Uncaught :未能解析模块说明符“THREE/examples/jsm/loaders/GLTFLoader.js。相关引用必须以"/”、"./“或”./“开头。然而,当我放置"/“时,它试图从我的服务器导入,如果我放置"//”,它正在寻找。这也不起作用。
在这里,您可以看到我的部分代码:
<script type="module">
// Find the latest version by visiting
我正试着理解如何使用三条to来挤出一条路径。我看了看,这就是我需要的。下面是我尝试过的代码:
// ------------------------------------------------
// BASIC SETUP
// ------------------------------------------------
// Create an empty scene
var scene = new THREE.Scene();
// Create a basic perspective camera
var camera = new THREE.PerspectiveCam
我正在学习Three.js,并建立了一个运行node.js服务器并将Three.js作为节点鼠标导入的基本项目。
实际上,我的设置工作,但我有点困惑,如果这是一个好的设置?
我正在考虑的事情基本上是我的node_module的漫长道路。在某些页面上,Three.js是通过以下方式导入的:
import * as THREE from 'three';
但在我的例子中,我必须写一条完整的路径:
import * as THREE from './node_modules/three/build/three.module.js';
这是正确的实施吗?
这是我的完整代
我想要将3d对象加载到three.js中,所以由于我对此非常陌生,所以我从文档中的开始,对我来说一切都很好。但是当简单地添加导入行时,我再也看不到场景了,并且我从控制台得到了这个错误:
(index):1 Uncaught TypeError: Failed to resolve module specifier "three/examples/jsm/loaders/GLTFLoader.js". Relative references must start with either "/", "./", or "../"
我刚从
我不知道为什么渲染器没有在场景中显示球体。如果我在代码中遗漏了什么,那么我是three.js的新手吗?请让我知道。
function solar_system()
{
const canvas = document.querySelector('c');
const renderer = new THREE.WebGLRenderer(canvas);
const camera = new THREE.PerspectiveCamera(70,2,0.1,1000);
camera.lookAt(0, 0, 0);
const scene = new T