本WIKI由复苏的魔女申请于2021年02月02日创建,编辑权限开放,如遇Chrome浏览器登陆后无法编辑点这里 BWIKI反馈留言板
复苏的魔女已于2023年7月31日关服,建设Wiki是希望大家有一个以后可以追忆的地方,请大家多多支持收藏并保持关注。
关服人偶信件可以点击人偶别语辑录查看。

所有玩家在本Wiki游玩请遵守复苏的魔女WIKI免责声明,不会编辑可以点击复苏的魔女WIKI编辑教程学习。

全站通知:

模板:3D模型加载/文档

来自复苏的魔女WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

介绍

随着近年来玩家们计算机设备性能的显著提升,3D游戏的需求和制作成本也随之得到了相应的改善。这使得游戏厂商开始更加重视3D游戏的制作,以满足玩家们对于更高质量游戏体验的追求。到了2023年,许多新出现的知名游戏已经能够在3D环境中直接渲染出极具特色的游戏角色,这无疑极大地提升了游戏的沉浸感和吸引力。因此,将游戏角色的三维模型展示在WIKI上,已经成为了一种值得考虑的事情。这不仅可以让玩家们在游戏之外也能欣赏到这些精美的角色模型,同时也为游戏的推广和宣传提供了新的途径。

本模板的目的是基于THREE.js提供一个简单的3D模型渲染途径。但由于BWiki不支持直接上传三维模型文件,所以我们需要通过其他方式来读取模型数据。为了方便管理和避免页面崩溃,我们不能把模型数据直接存储在页面上,而是要用文件的形式存储在BWiki上。BWIKI支持的文件格式主要有图片格式和Office格式,因此,我们可以先把模型文件转换成OBJ格式,然后把模型数据以文本(非二进制)的方式存储在文件里。在Office格式中,BWIKI只支持docx和odt两种文本,其中odt使用较少,不太方便操作。所以本模板选择了用docx文档来存储和管理OBJ+MTL的模型数据。这样既有利于程序自动化处理,也方便编辑者手动维护。

3D模型加载文档用图 (0).jpg

利用Blender将MMD模型转换为Obj模型

在Blender中可以正常的渲染的模型都可以这样导出。但是本节以转换MMD的PMX格式文件为例展开说明。使用到的Blender版本是2.9,更高的版本可能会有问题,可以在Blender官网2.9存档地址下载。

首先需要启用插件,在Github仓库:cats-blender-plugin可以下载到最新的处理插件。下载后点击Blender的顶部菜单栏->编辑->偏好设置,然后在弹出窗口的侧边栏点击插件按钮,随后出现插件安装界面,点击安装,选择下载好的安装包,并点击勾上小√即可启用。

3D模型加载文档用图 (1).jpg

然后点击Blender右侧菜单栏展开按钮(同PS位置,是个向左的<),随后会展开插件菜单栏。随后点击CATS菜单按钮,看到出现的选项卡上有Model->Import Model,点击导入按钮,并将Model就可以加载进来了。如果加载出来的模型正常,就可以进行下一步了。注意黑线是模型骨骼,不用在意。

3D模型加载文档用图 (2).jpg
3D模型加载文档用图 (3).jpg

随后CATS菜单里会出现Fix Model选项,点击进行模型优化。如模型正常显示纹理,就可以进行下一步,如未正常显示纹理,请自行学习如何给Blender的材质球添加正常的图片,通常来说,首先在右边顶部点击Armature->Body,随后在右侧底部工作区可以找到一个球形图标,提示材质属性,点击后可以看到一些材质槽,随后下滑找到MMD Texture,在Texture区域点击添加对应的图片即可(一般是TGA或者PNG格式)。

3D模型加载文档用图 (4).jpg
3D模型加载文档用图 (5).jpg

随后即可点击顶部菜单栏->文件->导出->WaveFront(.obj)即可导出文件。但是注意由于我们在网页上显示,这里需要一些额外工作。

3D模型加载文档用图 (6).jpg

首先若是你的模型贴图全部为TGA格式,请使用格式工厂或者Photoshop等工具转换为PNG格式(可以损失大小,只要不改变分辨率的长宽比例)。这里需要注意并不是全部的贴图都需要上传到WIKI中,请自行甄别用于特殊渲染的图片。随后在导出的mtl文件中将出现的所有文件地址替换为你的网页文件实际地址,比如:

https://wiki.biligame.com/klbq/Special:FilePath/T_Yvette_Hair_105_D.png

3D模型加载文档用图 (7).jpg
3D模型加载文档用图 (8).jpg

完成这一步之后就可以将obj文件和mtl文件转为docx文档存起来了。只需要新建两个docx文档,然后以记事本形式打开模型文件,并分别复制内容到对应docx文档中即可。这里也可以通过python库进行转换(推荐,因为python库转换不会有过多的样式占存储空间),只要导出的是标准docx文档。随后将文件上传到WIKI即可。

3D模型加载文档用图 (9).jpg

模板安装和使用

本模板被设计为只需要安装PaperManModelLoader.js和调用模板PaperMan3D即可。模板名字为PaperMan3D主要是因为基于卡拉彼丘WIKI相关需要设定,实际上不止可以用于加载人物模型。

{{PaperMan3D
|背景=地图-2号仓库.png(或者颜色字符串如 #8e804b)
|底部阴影半径=0.35(默认值)
|模型缩放比例=0.075(默认值为1)
|渲染类型=卡通
|模型文件后缀=-模型.obj(不需要额外写.docx,没有可以空着)
|材质球文件后缀=-模型.mtl
|分隔符=时装-
|组别分隔符=;
|名称列表=伊薇特时装-雪精灵;星绘时装-逆影蔷薇;星绘时装-星佑(这个自行管理即可)
}}

模型文件存储参考伊薇特雪精灵皮肤在WIKI中相关文件名为伊薇特时装-雪精灵-模型.obj.docx伊薇特时装-雪精灵-模型.mtl.docx,其余使用方法如上。可以参考卡拉彼丘WIKI。

3D模型加载文档用图 (10).jpg