问题标签 [objloader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1116 浏览

three.js - 如何在 Three.JS 中获取 obj 模型对象的顶点?

在 Three.js 中加载 .obj 模型后,我无法找到顶点数据。需要顶点数据来应用此答案所建议的碰撞检测

在网格中有geometry.attributes.position.array但我无法在对象的任何地方找到“顶点”。

现在试图将position.array数据转换为顶点,但下面的代码不起作用,这个答案正确地指出了问题,但我无法用它来解决问题:

0 投票
1 回答
73 浏览

angularjs - ThreeJs OBJLoader 输出看起来非常像素化

我正在尝试通过angularjs加载.obj文件。OBJLoader但是输出非常像素化。 对象输出

尝试更改camera positionperspective(代码已注释),然后它会导致输出非常小,在这种情况下我需要通过鼠标放大。但是如果我在 3D Boulder 或任何其他工具中打开相同的 .obj 文件,它看起来很好。

我已经设置了这样的相机和场景 -

像这样加载 .obj 文件 -

什么应该是好的相机和场景参数,以便它适用于所有模型并且无需放大或缩小。请指导/帮助。

0 投票
1 回答
245 浏览

angularjs - 如何在 botstrap 响应模式中显示 ThreeJs .obj 文件?

我有下面的代码来显示.obj文件使用OBJLoader.

这是我的引导模式代码 -

输出是这样的 - obj 模态输出

但我想根据屏幕尺寸显示它。所以我改变了

现在它的输出是这样的——固定高度重量输出

目前有2个问题-

  1. 模态大小是固定的,我需要动态的
  2. 输出(椅子)也缩小了。

如何解决这些问题?请指导/帮助。

0 投票
1 回答
361 浏览

javascript - 我需要 three.js.master 文件夹才能使用 OBJLoader2.js 吗?404 未找到

所以我开始使用three.js,尝试在本地使用OBJLoader2.js(没有npm)导入一个OBJ文件。但是当尝试添加import {OBJLoader2} from 'https://threejsfundamentals.org/threejs/resources/threejs/r115/examples/jsm/loaders/OBJLoader2.js';

它为 three.module.js、Mesh Reciever.js 和 OBJLoaderParser 提供了 404 not found 错误。并检查 OBJLoader2 文件内部,它具有这些文件的导入

这是否意味着使用 OBJLoader2.js 我需要使用整个 three.js.master 文件呢?因为我看过 youtube 教程,他们似乎只是将 OBJLoader2.js 文件复制并粘贴到他们的目录中而没有错误。谢谢

0 投票
1 回答
439 浏览

three.js - 使用 OBJLoader2 加载 Obj 以加载顶点颜色

我有一个 .obj 文件,其中包含顶点颜色。也就是说,它的 Texture 没有单独的 .mtl 文件。.obj 文件本身包含每个顶点的颜色。

我想用three.js加载它

我知道我可以使用 .mtl 加载一个普通的 .obj 文件:

但是我的有顶点颜色,所以我发现它可以用 OBJLoader2.js 完成,所以尝试像这样执行它:

但它会抛出错误说

我做错了还是有其他问题。任何人都可以发布确切的代码来加载顶点彩色网格。提前感谢任何试图阅读和解决它的人......

如果有人需要一个顶点彩色网格来工作,我附在下面.. 顶点彩色模型

对于下面的评论,我附上了这张图片:

在此处输入图像描述

0 投票
2 回答
1066 浏览

javascript - Nuxt.js中如何导入three.js OBJLoader?“不能在模块外使用 import 语句”

完全菜鸟,需要帮助。

系统:Win 10. 浏览器 Chrome。框架:Nuxt,默认配置

我通过 npm(通过 gitbash)安装了 three.js 和npm install three --save. 它在 package.json 依赖项中为"three": "^0.116.1",. 我在 ~/assets/ 中保存了一个 scene.json 文件,该文件是使用three.js 编辑器> 导出场景生成的。

我收到错误“不能在模块外使用导入语句”,有或没有type="module"

这是我正在使用的 Vue 组件:(它仅在客户端呈现。)

0 投票
1 回答
99 浏览

javascript - 从导入的 .obj 模型中拖动顶点

这可能是一个新手错误,但我坚持了好几个小时,所以我想我会在这里问。我是 three.js 的新手,但是通过论坛我发现了一些很好的网格编辑和管理导入模型的例子,但是在我的代码适应这个例子之后,我现在卡住了。

我想拖动模型的顶点,但是当我尝试单击顶点时,我有<a class='gotoLine' href='#140:42'>140:42</a> Uncaught ReferenceError: points is not defined"

我似乎无法获得var points外部,function object否则我会黑屏。

下一个挑战是将其导出到 GLTF和 3D 打印机。

编辑:我设法改变了顶点,但我的模型不会相应地转换为网格。并且测试我发现我有很多顶点在彼此之上,即使我有

geometry.mergeVertices(); geometry.computeFaceNormals(); geometry.computeVertexNormals();

启用。


这是我现在的代码: https ://jsfiddle.net/felipefsalazar/j9c1L6yr/6/

0 投票
0 回答
115 浏览

three.js - 我们可以为 obj-mtl/FBX Loader 支持三个 js 的 IBL

ThreeJs obj-mtl/fbx loader 使用默认的 MeshPhongMaterial,不支持 IBL。为了支持 IBL,我们必须在加载时更改材料。我们可以对库本身进行更改以使用MeshStandardMaterialMeshPhysicalMaterial用于 obj-mtl/fbx 加载器吗???

0 投票
1 回答
423 浏览

vue.js - 如何使用 vue-3d-model 在 electron-vue webpack 项目中导入 .obj

这是我向社区提出的第一个问题:)

我的名字是维克多,我正在自学编程,所以我希望我能够用足够的信息正确地向你解释我的问题。

我正在构建一个电子 + vuejs + vuetify 应用程序,我想在其中显示 3D 模型(.obj)

我找到了一个名为vue-3d-model的库,它似乎适合于此。

安装库并按照教程操作后,尝试执行我的应用程序时出现此错误:

编译失败。./src/assets/model1.obj 1:0 模块解析失败:意外字符 '#' (1:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders

我在互联网上寻找解决方案,但找不到解决问题的方法。我想这与webpack相关联。

这是我的obj_loader.vue

这是我的项目的依赖项:

最后,我想我必须在我的 index.js 中添加一些关于 webpack 的内容

如果你能帮助我解决这个问题,那就太棒了!:) 感谢您花时间阅读我的问题。

0 投票
1 回答
477 浏览

javascript - 无法使用 three.js 和 ObjLoader2 加载 obj 文件

我从 cdn ObjLoader2() 导入。我正在尝试加载 obj 文件,但在控制台上出现两个错误:

和...

这是我的代码:

我认为这是库导入的问题,但我不明白错误。我该如何解决这个问题?