Monster Mash

核心功能与模式

Monster Mash提供三种基本创作模式：

1. 绘制模式：通过描画勾勒各个区域边界的笔画来逐部分绘制角色。创建区域的顺序对应于它们在深度上的相对顺序。闭合笔画勾勒代表角色主体的区域；开放笔画用于平滑连接到其他区域的部位（如四肢）。双击/轻触可复制区域并将其置于已绘制区域的后面。
2. 膨胀模式：用于快速预览生成的3D模型。可以通过鼠标中键或触控旋转/平移模型，也可以点击/轻触模型的部件并移动它们来进行互动。
3. 动画模式：通过在模型上放置控制销并移动它们来制作动画。可以按记录按钮（变红）记录控制销的位置，播放以创建复杂动画。第一个记录的销运动定义整个动画周期的长度（标记为绿色），系统自动同步新控制销的运动，也可使用键盘加/减键在时间上偏移相对位置。
4. 重绘模式：通过重新绘制来改变现有区域的形状，而不修改其相对深度顺序。需重绘修改区域的整个形状。

模型导入、导出与项目设置

• 项目操作：支持新建、打开、保存项目，以及加载示例。
• 图像导入：可导入模板图像进行描摹（用作最终3D模型纹理），或导入背景图像替换默认白色背景。支持使用蒙版图像创建带有孔洞的图层，图像分辨率建议为1000x800以避免缩放。
• 导出OBJ文件：可将当前动画帧导出为Wavefront .obj文件。若映射了模板图像，还将导出材质.mtl和纹理.png文件。
• 导出glTF动画：在动画模式下，可将整个带纹理的动画导出为glTF格式（.glb文件），可直接导入Blender等3D软件。动画帧作为Morph Targets导出，在Blender中转换为Shape Keys。注意：导出时先生成内存文件，过大的动画可能导致崩溃，务必在导出前保存项目。
• 其他设置：可启用/禁用实验性的腋窝缝合算法和3D网格的法线平滑。

快捷键与控制

• 支持 1/2/3 切换模式，E 切换动画记录，Space 播放/暂停，Delete 删除选中部件，Ctrl+C/V 复制/粘贴动画，+/- 偏移控制销动画时间等。
• 深度移动：PgUp/PgDn/Home/End 移动选中图层的深度顺序。

目标用户与运行环境

• 运行环境：需要在支持WebAssembly和WebGL 1.0的现代浏览器中运行。尽管可在较新的高性能手机上运行，但更推荐使用屏幕较大的平板电脑，当前用户界面未针对小屏幕优化。最佳体验建议在平板上使用触控笔。
• 价格与授权：Demo免费用于评估和研究目的。源代码基于Apache-2.0许可开源。