GAMESH

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

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

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

admin2年前 (2020-04-20)学习32010

当您使用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树经制作插件SplineBrancher

3dmax树经制作插件SplineBrancher

用于从一系列样条线创建分支几何的工具。下载URL适用于免费版本。请按照完整版的主页URL进行操作。附加信息: 设置:要安装,只需将SplineBrancher.zip解压缩到3DS Max目...

3dmax快速对齐插件升级版

3dmax快速对齐插件升级版

在平时用3dmax做动画的时候会遇到需要把两个无物体对齐的时候,如果只是物体对齐倒简单,如果需要对齐动画,可能3dmax自带的功能就有点坑爹了!比如有两个不同的物体需要做一样的动画,但是由于物体不一样...

unity3d特效资源包 Ultimate VFX V3.1

unity3d特效资源包 Ultimate VFX V3.1

需要Unity 5.5.0及以上版本制作真正的火焰、烟雾、闪电、狂暴风暴、冲击波等! AAA质量的效果,一个大集合(600MB)使用超高分辨率纹理,精灵表和先进的粒子系统配置为您的游戏...

免费看各网站VIP视频解析安卓客户端和浏览器插件

免费看各网站VIP视频解析安卓客户端和浏览器插件

你还在为视频网站需要会员发愁吗?每个月都要购买各个网站的会员需要一大笔钱,有时候买的会员网站没有你想看的视频,还需要购买其他网站的会员觉得很麻烦!其实网上有视频解析的网站,直接输入地址就可以观看,但是...

超强飘带解算插件下载

超强飘带解算插件下载

超强飘带解算插件BoneTool12-----------支持反算飘带!功能强大,动画师必备插件!下载文件function dodo(){ layer.msg('即将弹出二维码页面! ', {...

Sci-Fi Effects 2.02b unity科幻特效_炫酷子弹爆炸激光等特效合集

Sci-Fi Effects 2.02b unity科幻特效_炫酷子弹爆炸激光等特效合集

科幻效果会测试!  科幻效果是90 +的集合准备使用武器和影响预制包括66奖金的声音,新的模块化炮塔构造函数,针对控制器和一个重新设计的池经理。  包将继续改善未来更新包括更多的特性。  完整的功能列...

发表评论

访客

看不清,换一张

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