GAMESH

游戏美术动画unity资源搬运工!

剧情党,完美控!
桐崎千棘
当前位置:首页 > 学习 > 正文内容

使用Three.js在WebGL中导入Json 3D模型和动画

admin3年前 (2020-04-20)学习51060

当您使用3ds Max创建带有动画的模型时,并且需要快速的工作流来使用Three.js将它们加载到WebGL中时,我建议执行以下步骤:

1.从3ds Max导出模型

通过使用Json Exporter,您将能够轻松地将资产从3ds Max导出到Json 3D Format。导出器支持许多有用的功能,例如程序纹理,皮肤和体形修改器,多个动画剪辑,uv变换等等。

杰德

2.加载模型和动画

下载用于ThreejsJson 3D Loader,将其包含在html中并创建一个加载器:

<script src="three.js"></script><script src="JDLoader.min.js"></script><script>var meshes = [];var mixers = [];var clock = new THREE.Clock; 
var loader = new THREE.JDLoader();// ... the rest of your init code</script>

现在要将模型加载到您的场景中,类THREE.JDLoader将为我们做所有事情,您所需要做的就是指定模型文件路径并定义在加载模型时将调用的回调函数。回调函数具有一个对象参数,其中包含材质,jd_materials,对象和boundingSphere。data.materials是Three.js MeshPhongMaterial数组,而data.jd_materials是原始Json3D材料数组。如果需要创建自己的材质(例如ShaderMaterial),则应该解析data.jd_materials。

loader.load("anim.jd",
            function (data)
            {
                for (var i = 0; i < data.objects.length; ++i)
                {
                     var obj = data.createObject(i);
                     scene.add(obj);                     if (obj.geometry.animations)
                     {
                        var mixer = new THREE.AnimationMixer(obj);
                        mixers.push(mixer);                        var action = mixer.clipAction( obj.geometry.animations[0] );
                        action.play();                     }
                }
            });

最后,我们必须在动画循环中调用其update函数:

function animate(){   var delta = clock.getDelta();
   for (var i = 0; i < mixers.length; ++i)      mixers[i].update(delta); 
  // ... the rest of your code}

就是这样。您可以使用AnimationMixer类添加代码以在多个动画之间混合。


扫描二维码推送至手机访问。

本サイト上に掲載の文章、画像、写真などを無断で複製することは法律で禁じられています。全ての著作権はGAMESHに帰属します。

本文链接:https://pylblog.com/post/177.html

标签: 3dmax插件
分享给朋友:

相关文章

3dmax bone骨骼无法k帧

3dmax bone骨骼无法k帧

今天在做文件时遇到一个小问题,就是有一根bone始终无法记录关键帧,查找了半天愣是没法解决。正当要放弃的时候我在菜单栏动画栏发现了一个地方不对劲,凭借多年动画制作经验发现有个地方多了一个勾,原来是我把...

尼尔:机械纪元 2b小姐姐 全技能展示参考视频下载

尼尔:机械纪元 2b小姐姐 全技能展示参考视频下载

ニーアオートマタ 2B 全武器モーション鑑賞動画    《尼尔:机械部队》2B小姐姐全武器动画鉴赏,各位快来一边看武器一边欣赏小姐姐吧https://pan.baidu.com/s...

3dmax动画技巧-将鱼线浮出水面的部分固定(浮漂)

3dmax动画技巧-将鱼线浮出水面的部分固定(浮漂)

这周做一个钓鱼的项目时策划要求待机过程中鱼线露出水面的部分需要固定做一个浮漂,但是我的鱼线是用飘带插件解算的,下面始终在来回摆动。这就不得不需要我想办法去固定住露出水面的那一根骨骼了!首先我尝试使用i...

浮光_燕尔枯荣模型带绑定下载

浮光_燕尔枯荣模型带绑定下载

《天涯明月刀》是腾讯游戏自主研发的首款3D武侠题材的MMORPG游戏,采用自主研发的Quicksliver引擎,是比肩国际顶尖水平的次世代网络游戏。其场景描绘了浪漫与现实之间广袤天地,造型...

动画工具集合

动画工具集合

整合动画师常用动画插件,提高工作效率!拖到3dmax可以在customize菜单栏找到动画工具把他拖到菜单栏可以生成一个按钮除了常用的功能外还增加一键调节时间轴,可以快速把动画时间轴调成0帧到你key...

卡通镰刀巫女模型

卡通镰刀巫女模型

废话不多说,觉得好看就下载!反正我也只是搬运工 链接: https://pan.baidu.com/s/1DJP7IVDZLaD_uYRlMIf...

发表评论

访客

看不清,换一张

QQ登录
◎欢迎参与讨论,请在这里发表您的看法和观点。