- 综合排序
- 最热优先
- 最新优先
- 来自专栏历史专栏
【愚公系列】2023年08月 Three.js专题-模型加载
使用Three.js加载OBJ模型可以分为以下步骤： 引入Three.js库和OBJLoader.js插件 <script src="https://cdn.jsdelivr.net/npm/three DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Three.js OBJLoader Demo</title> 2.MTL模型加载 要加载带有MTL材质的模型，需要使用OBJLoader和MTLLoader。首先，下载Three.js库并将其导入到HTML文件中。 = new THREE.OBJLoader(); objLoader.setMaterials(materials); objLoader.load('/path/to/model.obj /lib/three/OBJLoader.js"></script> <script src="..
43610编辑于 2025-05-28 - 来自专栏码艺坊
Three.js中的加载器与资源管理：构建丰富3D场景的关键
本文将深入探讨Three.js中的模型加载器（如GLTFLoader、OBJLoader、FBXLoader）、纹理加载器（TextureLoader、CubeTextureLoader）以及其他资源加载器 （二）OBJLoader1.格式历史与特点OBJ（Object File）格式是一种比较古老且广泛使用的3D模型文件格式。它以简单的文本格式存储3D模型的几何信息，包括顶点、面和纹理坐标等。 2.加载操作引入OBJLoader：import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';加载OBJ文件：const objLoader = new OBJLoader();objLoader.load('path/to/your/model.obj', (object) =>{ scene.add(object);}, undefined 通过对GLTFLoader、OBJLoader、FBXLoader等模型加载器的深入了解，我们可以方便地将各种格式的3D模型集成到场景中。
2K21编辑于 2025-03-17 - 来自专栏javascript趣味编程
加载obj模型和mtl材质文件 Three.js
<script src="src/DDSLoader.js"></script> <script src="src/MTLLoader.js"></script> <script src="src/<em>OBJLoader</em>.js materials) { materials.preload(); console.log("materials:", materials); new OBJLoader
7.8K70发布于 2021-11-15 - 来自专栏郭先生的博客
three.js 制作一个三维的推箱子游戏
根据目标数组初始化目标物 initTarget() { let objLoader = new OBJLoader(); objLoader.setPath("/static/images /texture/hongqi/"); objLoader.load('hongqi.obj', (object) => { this.loaded_num --;
3.7K20发布于 2020-08-31 - 来自专栏机器人课程与技术
ROS2+Gazebo11+Car+OpenCV录制视觉数据和控制学习
Ultimate-Mobile-Robotics-Course-for-Beginners-OpenCV-main/prius_line_following/src/world/prius_on_track.world] [gazebo-1] [Wrn] [OBJLoader.cc master @ http://127.0.0.1:11345 [gazebo-1] [Msg] Publicized address: 172.29.155.116 [gazebo-1] [Wrn] [OBJLoader.cc
87610编辑于 2022-06-08 - 来自专栏技术综合
ThreeJS实现船行效果
https://github.com/mrdoob/three.js/blob/dev/examples/js/controls/OrbitControls.js 相机有很多种控制方式, 具体可以查看文档 OBJLoader 模型加载库: https://github.com/mrdoob/three.js/blob/dev/examples/js/loaders/OBJLoader.js MTLLoader贴图加载库:
5.3K33发布于 2020-08-25 - 来自专栏Android逆向分析从入门到深入
Three.js - 走进3D的奇妙世界
主要的代码如下： // .mtl材质文件加载器 var mtlLoader = new THREE.MTLLoader(); // .obj几何体文件加载器 var objLoader = new THREE.OBJLoader /chair.mtl', function (materials) { objLoader.setMaterials(materials) .load('.
9.6K20发布于 2020-03-31 - 来自专栏宜信技术实践
Three.js - 走进3D的奇妙世界
主要的代码如下： // .mtl材质文件加载器 var mtlLoader = new THREE.MTLLoader(); // .obj几何体文件加载器 var objLoader = new THREE.OBJLoader /chair.mtl', function (materials) { objLoader.setMaterials(materials) .load('.
16.5K51发布于 2019-11-27 - 来自专栏原创
基于three.js的3D粒子动效实现 顶
/point.png'); new THREE.OBJLoader().load('.
7.5K11发布于 2019-04-18 - 来自专栏javascript趣味编程
SPlisHSPlasH\Simulator\SimulatorBase.cpp
Simulator/GUI/Simulator_GUI_Base.h" #include "SPlisHSPlasH/Utilities/VolumeSampling.h" #include "Utilities/OBJLoader.h SimulatorBase::loadObj(const std::string &filename, TriangleMesh &mesh, const Vector3r &scale) { std::vector<OBJLoader ::Vec3f> x; std::vector<OBJLoader::Vec3f> normals; std::vector<MeshFaceIndices> faces; OBJLoader ::Vec3f s = { (float)scale[0], (float)scale[1], (float)scale[2] }; OBJLoader::loadObj(filename, &x,
2.4K20发布于 2020-11-11 - 来自专栏历史专栏
【愚公系列】2023年08月 Three.js专题-相机控件
/lib/three/OBJLoader.js"></script> <script src="..
61010编辑于 2025-05-28 - 来自专栏个推技术实践
基于 three.js 的 3D 粒子动效实现
/point.png'); new THREE.OBJLoader().load('.
8K30发布于 2019-04-08 - 来自专栏前端少年汪的博客
Three.js深入浅出：2-创建三维场景和物体
Three.js 提供了多种加载器，如OBJLoader、MTLLoader、TextureLoader 等，可以方便地将外部资源加载到场景中使用。
2.1K20编辑于 2023-11-21 - 来自专栏历史专栏
【愚公系列】2023年08月 Three.js专题-几何体
此外，Three.js还支持通过加载外部模型文件来创建几何体，如使用OBJLoader加载obj模型文件，使用GLTFLoader加载glTF模型文件等。
33500编辑于 2025-05-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号