文章
基于Babylon.js的WebMMD模型查看器已添加
更新日期 2024/09/10
model: YYB Hatsune Miku_10th
作为DollRoom的另一个MMD工作室，我们新增了“Studio Babylon”。
在本文中，我将介绍这个“Studio Babylon”。
什么是Babylon？
工作室名称中的Babylon指的是Babylon.js，它是一种可以在Web浏览器中显示和操作3D模型等技术。
这里不涉及技术细节，有兴趣的朋友可以查看官方网站。
之前的工作室是使用Three.js开发的，Three.js也是一种可以在Web浏览器中处理3D的技术。
但是，当处理较大的MMD模型文件时，老款iPhone会出现崩溃现象。作为临时的改进措施，我们通过降低纹理图像文件的分辨率或削减morph数据来减轻文件负担。
然而，寻找长期解决方案时，我发现了Babylon.js。
使用Babylon.js时，即使是较大的文件也能快速显示，而且无需采用上述对策，老款iPhone也能正常加载。
这让我觉得这正是我理想中的Web MMD模型查看器，于是决定增加这个新工作室。
在Babylon工作室中可以做什么？
目前，该工作室以β测试版形式实施，因此与之前的工作室相比，功能有所限制。
另外，可能会有许多无法正常运行的情况。
但我们会逐步改进，并增加更多功能，希望大家耐心等待。
上传模型
从PC上传模型时，只需将包含PMX文件和纹理文件的文件夹直接上传即可。
从智能手机上传模型时，需要一些额外步骤。具体步骤如下：
- 从PC上传包含PMX文件的文件夹
- 下载BPMX文件
- 将下载的BPMX文件传送至智能手机
- 从智能手机上传BPMX文件
BPMX文件是Babylon PMX，它是一种为Babylon操作优化的特殊PMX文件。
我们也提供了PMX to BPMX Converter的官方转换工具，使用它生成BPMX文件也完全没问题。
显示模型
与之前的工作室一样，上传过的模型可以从列表中选择。
选择你喜欢的模型后，它将显示在工作室中。
设置动作
之前上传的VMD文件在此工作室中依然可以使用。
同样，可以像以前一样将动作应用于模型。
动作应用后，播放和停止控制器将显示在屏幕底部。
设置摄像机的动作
通过将动作应用对象设置为“摄像机”，可以应用摄像机用的VMD。
应用方法与模型时相同。
设置姿势
VPD文件的上传状态与之前的工作室共享。
与之前的工作室一样，您可以通过相同的操作为模型设置姿势。
添加音频到工作室
您可以上传MP3文件并将音频应用到工作室。
上传一次MP3文件后，它将保存在浏览器中，以后无需重新上传，您可以从列表中选择它。
操作morph
与之前的工作室一样，可以通过滑块调整morph。
调整材质透明度
与之前的工作室一样，材质透明度可以通过滑块调整。
启用或禁用物理引擎
默认情况下，物理引擎是启用的，但如果不需要，可以禁用。
目前处于β测试阶段
目前，许多功能处于测试阶段，可能有很多无法正常运行的情况。
今后会继续开发，并及时更新DollRoom！