1.MMD模型动作场景镜头的导入及视频导出

界面介绍
![[Pasted image 20240414204416.png]]

MIKUMIKUDANCE926版本

  1. MMD的工具栏
  2. 模型骨骼帧的窗口,在不同时间做不同动作,可以在这里打帧操作
  3. 时间曲线操作窗口,控制模型两个动作之间的过渡
  4. 模型操作窗口,导入模型选择模型
  5. 相机操作,控制相机远近,每做完一个指令,点击注册才会保存
  6. 照明操作,红绿蓝可以调整光照的颜色,xyz可以控制地面阴影的方向
  7. 本影操作,用的不多
  8. 附件操作,控制插件的地方
  9. 视点,可以控制视角
  10. 播放,可以查看预览效果,和控制音量键
  11. 控制窗口,如果选中相机,这里就是控制相机,选中模型,这里就是控制模型
操作镜头

按住鼠标右键,拖动场景

导入模型

选中.pmx格式文件,人物模型文件
也有fx文件,小物件或者小插件
鼠标左键按住拖入到场景界面就可以了
![[Pasted image 20240414205956.png]]

刚导入进来,就是没有任何渲染的纯模型的样子
默认显示骨骼帧

![[Pasted image 20240414210149.png]]

在骨骼操作界面点击第一个取消选择,会关掉骨骼帧的显示
![[Pasted image 20240414210229.png]]

导入动作

选择一个动作vmd文件
同样是拖入模型的界面

拖入文件的时候
模型操作窗口一定要选择的是人物模型而不是照明模型
![[Pasted image 20240414210755.png]]

在播放窗口点击播放,可以使模型动起来

导入音乐

有的动作包里面会包含音乐文件
wav格式的音乐文件
mp3可能会报错
拖到左上角骨骼帧操作的白色横条就可以

跑动作的大概率有穿模,需要后期去修

先导入动作,再导入音乐,音乐才会跟着动作放起来

导入场景

选中pmx文件
拖入到场景界面
![[Pasted image 20240414213449.png]]

点击右上角的右数第一个按钮,可以取消坐标轴显示

导入镜头

现在模型操作界面选中照明模型
![[Pasted image 20240414213656.png]]

然后选中vmd镜头文件拖到界面中即可

导出视频

![[Pasted image 20240414213906.png]]

选择v导出视频

导出视频之前,要先将帧选到最后一帧
![[Pasted image 20240414214030.png]]

选择保存路径和命名文件之后
![[Pasted image 20240414214157.png]]

在录制帧输入0到最后一帧
视频压缩编码选择MJPEG
等待渲染完成

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是生成用threejs加载mmd模型导入外部动作的html代码: ```html <!DOCTYPE html> <html> <head> <title>Loading MMD Model</title> <meta charset="utf-8"> <style> body { margin: 0; overflow: hidden; background-color: #000; } canvas { width: 100%; height: 100%; } </style> </head> <body> <script src="https://cdn.jsdelivr.net/npm/three@0.131.2/build/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/three-mmd-loader@0.5.4/lib/ammo.js"></script> <script src="https://cdn.jsdelivr.net/npm/three-mmd-loader@0.5.4/lib/MMDLoader.js"></script> <script> // Create a renderer var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true }); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // Create a scene var scene = new THREE.Scene(); scene.background = new THREE.Color(0x000000); // Create a camera var camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 1000); camera.position.set(0, 1.6, -5); // Load the model and animation var loader = new THREE.MMDLoader(); loader.loadWithAnimation( 'model.pmx', 'motion.vmd', function (mmd) { // Add the model to the scene scene.add(mmd.mesh); // Set the animation to loop and play mmd.playAnimation(); mmd.loop = true; // Resize the model to fit var box = new THREE.Box3().setFromObject(mmd.mesh); var size = new THREE.Vector3(); box.getSize(size); var scale = 1 / size.y; mmd.mesh.scale.set(scale, scale, scale); // Render the scene var clock = new THREE.Clock(); function animate() { var delta = clock.getDelta(); mmd.update(delta); renderer.render(scene, camera); requestAnimationFrame(animate); } animate(); }, function (xhr) { console.log((xhr.loaded / xhr.total * 100) + '% loaded'); }, function (error) { console.log('An error occurred'); console.log(error); } ); </script> </body> </html> ``` 我希望这段代码能帮到您!

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值