THREE.JS 加载FBX 不出来问题

最新推荐文章于 2024-05-27 23:00:00 发布
最新推荐文章于 2024-05-27 23:00:00 发布
阅读量5.7k 收藏
点赞数
分类专栏： THREE 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29814417/article/details/107220907
版权

记录THREE.JS 加载 FBX 不出来问题

在FBXLoader中，FBXTreeParser下buildSkeleton生成model， 如果传入的node.attrName 为空，生成失败，循环会阻塞不进行下一步，也不会范围当前Group；

原因：在buildSkeleton方法中使用的 THREE.PropertyBinding.sanitizeNodeName 函数来生成的name，sanitizeNodeName 中是使用的正则，如果传入的是undefined，则会失败；

菜鸡饶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
Threejs 问题——模型引入后并未加载出来
虎康的博客
01-25 668
目前测试 在 public/static/ 引入时不会发生此错误并渲染成功。如果没有此报错且模型没渲染出来, 可以尝试刷新标签页或者异步请求模型方法。Threejs 模型引入后并未加载出来。该问题是由于引入OBJ模型路径报错。
threejs 加载 FBX 模型
w710537643的博客
06-25 1960
加载FBX格式的模型无法自动加载模型自带的贴图（贴图和模型是一个文件，又分开的形式）使用LoadingManager TGALoader 加载贴图。原因 Mesh children中。js 版本 148.0。第一次加载出来没有模型。
vue3中使用threejs加载fbx模型.zip
07-04
vue3中使用threejs加载fbx模型， 首先需要npm install three， 并且threejs场景正常
Vue使用Three.js加载glTF模型的方法详解
10-15
主要给大家介绍了关于Vue使用Three.js加载glTF模型的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
three.js官方案例webgl_loader_fbx.html学习
最新发布
hemiaoyuan1989的专栏
05-27 1036
先创建必要的场景scene,相机camera，渲染器webrenderer，控制器controls和灯光DirectionalLight. 性能检测stars， 地面， 网格。-（可选）一个表示颜色的 Color 的实例、字符串或数字，默认为一个白色（0xffffff）的。-（可选）一个表示颜色的 Color 的实例、字符串或数字，默认为一个白色（0xffffff）的。针对后缀的anim的动画文件，目前是需要这么解决。这里模型加载进去小，所以进行了放大100。加上这个光后，模型明显变量了。
threejs 模型加载后在场景中看不到
weixin_44809409的博客
04-25 4717
threejs 模型加载后在场景中看不到
关于 threejs 加载fbx 材质是黑色 没有贴图 的问题
ljason1993的博客
06-04 1万+
材质是黑色的原因不是丢贴图,也不是颜色错了,而是发光通道的问题,默认用的材质MeshPhongMaterial 或者fbx自己有指定 MeshLambertMaterial 这时候我也不知道为什么如果不开发光通道你的材质就会黑.... 把发光颜色 强度 贴图 都换掉 直接贴代码 function _ChangeMaterialEmissive(parent) { ...
Three.js 加载的FBX、GLTF模型的动画出错
大英雄不该去雪山打滚
08-01 3696
今天搞了一天，就为了把一个带动画的FBX用three.js搞到网页上，写写代码，运行一下，上午很容易就把模型加载到网页上了，动画是自动循环播放的，这一看，很棒，一切开始于我不小心瞟了动画一眼，动画是有人问题的Σ(っ °Д °;)っ!!! 从3dmax导出的FBX，用Windows自带的3D浏览器查看都是没有问题的，加载到网页上怎么就出问题了，然后我开始了漫长的探索： 从3dmax入手，打成组的动画是正常的，单独出来的带动画的物体的出错的，要么不动，要么位置错了，我尝试了好多种，把谁和谁为一组，结果一次不如一
3dmax导出fbx没有贴图_3d模型不显示贴图的几个快速解决办法
热门推荐
weixin_39591455的博客
12-01 1万+
3d模型不显示贴图的几个解决办法我们在使用3dmax导入模型数据后，偶尔会出现贴图不显示的问题，如下图，这个问题可能让很多小伙伴深受困扰，今天带给大家几个解决办法。1、先确认贴图路径有没有出现错误。使用快捷键 shift+T打开“资源追踪”界面，重新设置贴图的正确路径(这一步如果快捷键无效，可以点击3dmax的左上角图标,选择管理-选择资源追踪)。还有一种方式，就是在3dmax右侧的实用程序列表里...
vue three.js Error: THREE.FBXLoader: Cannot find the version number for the file given.
普罗米绣丝的博客
01-06 3830
模型加载问题，模型文件要放在public文件夹下面，不然会出现加载文件版本不配的错误 。 Error: THREE.FBXLoader: Cannot find the version number for the file given. 这个报错也是很奇葩，他不说路径有问题，一直就是说版本问题，搞得我找了好久，扑街代码 ...
THREE.JS 3D模型服务器报404问题（VUE fbx文件在本地能显示 服务器上不显示报404）
c_x_m的博客
09-22 933
作为新手，新建立的threeJS模型，本地运行模型是可以显示的 ，但服务器模型却报404。
Three.js fbx文件导入 源码
04-26
`FBXLoader`是Three.js的一个加载器插件，专门用于加载FBX格式的3D模型。在开始之前，确保已经包含了Three.js库和FBXLoader插件： ```html <script src="path/to/three.min.js"> <script src="path/to/FBXLoader.js...
web前端3D：three.js加载汽车模型
08-04
本篇文章将详细讲解如何利用three.js加载汽车模型，以及相关的JavaScript插件和素材文件。 首先，了解Three.js的基本概念。Three.js是基于WebGL的3D库，它在浏览器环境中构建3D模型，利用HTML5 canvas元素和WebGL ...
three.js加载外部模型不显示
奇点的博客
08-29 1444
three.js加载外部模型不显示
js加载fbx模型文件
weixin_45799001的博客
01-04 1547
html <div class="ui-layout-center"> <div class="container-div"> <div class="row" style=" background: #fff;" > <div class="ibox float-e-margins" style="margin: 15px;padding: 20px;min-height: 650px;">
fbx模型加载到html,three.js演示如何用FBXLoader来加载fbx模型
weixin_30229479的博客
06-10 3722
HTML导入代码模板：import * as THREE from '//techbrood.com/threejs/build/three.module.js';import Stats from '//techbrood.com/threejs/examples/jsm/libs/stats.module.js';import { OrbitControls } from '//techbro...
three.js 加载fbx文件并解析
yinge0508的博客
03-08 7106
效果： stl、obj都是静态模型，不可以包含动画，fbx除了包含几何、材质信息，可以存储骨骼动画等数据。 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid.
网页载入后报错404找不到3d模型文件
qq_34136540的博客
03-18 1358
win server环境下，对于存在非基础格式文件的网站部署后，明明文件都存在，开发工具打开也正常，但外部访问服务器后，文件加载不出来。本文提供一种解决思路供参考。
three.js 加载fbx
06-06
three.js 是一款优秀的JavaScript 3D引擎，支持许多不同的3D格式。其中，FBX是一种非常流行的3D格式，可以用于三维建模、动画和游戏开发。要在three.js中加载FBX模型，可以遵循以下步骤： 首先，需要在HTML文件中引入three.js库和FBXLoader插件。FBXLoader插件可以通过GitHub上的three.js仓库的示例中找到。 ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> <script src="https://rawcdn.githack.com/mrdoob/three.js/r128/examples/js/loaders/FBXLoader.js"></script> ``` 接着，需要创建一个场景、相机和渲染器。然后，可以使用FBXLoader加载FBX文件并将其添加到场景中。 ```javascript const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const renderer = new THREE.WebGLRenderer(); const loader = new THREE.FBXLoader(); loader.load( 'path/to/your/fbx/file.fbx', (object) => { scene.add(object); } ); // 以下为渲染器的设置和渲染 renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); function animate() { requestAnimationFrame(animate); renderer.render(scene, camera); } ``` 需要注意的是，FBXLoader中的路径应该相对于HTML文件而不是JavaScript文件。还需要确保FBX文件是可在Web环境下使用的，通常需要进行导出和转换。 总之，three.js可以方便地加载FBX模型，并在网页中进行展示，为用户提供更加生动的3D交互体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸡饶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值