7.MMD 法线贴图的设置与调教

本文详细介绍了如何导入并调整3D模型(如温迪模型)的材质,包括导入特定文件、使用天空盒、调整法线贴图参数以实现衣物的凹凸效果和光滑度,以及在实际场景中修改座椅材质的方法。

前期准备

人物

![[Pasted image 20240420170040.png]]

  1. 导入温迪模型
  2. 导入ray.x和ray_controler.pmx
  3. 导入天空盒time of day
  4. 调成模型绘制顺序,将天空盒调到最上方
  5. 给温迪模型添加main.fx材质
  6. 在自发光一栏,给天空盒添加time of lighting材质
    ![[Pasted image 20240420170106.png]]

打开材质里的衣服,发现只有一个衣服文件
![[Pasted image 20240420170134.png]]

但是在MME展开,却有很多文件
其实都是通用的
只要有一个衣服材质在,拖过来都可以用

使用PS将衣服文件打开
![[Pasted image 20240420170343.png]]

![[Pasted image 20240420170406.png]]

点击滤镜,3D,生成法线图
![[Pasted image 20240420170544.png]]

![[Pasted image 20240420170612.png]]

快速导出为PNG
文件名一定不要用中文,否则会报错

在ray文件夹里,找到材质
![[Pasted image 20240420170828.png]]

将fx和sub两个文件复制到Texture里
![[Pasted image 20240420170913.png]]

![[Pasted image 20240420171045.png]]

把material的文件修改成相应的名字,好区分

修改参数
打开fx文件
![[Pasted image 20240420171232.png]]

找到NORMAL MAP FROM 将0改为1,并将文件名改为cloth.png
![[Pasted image 20240420171337.png]]

![[Pasted image 20240420171443.png]]

打开MME,选择衣服
![[Pasted image 20240420171540.png]]

选中刚才修改的cloth.fx文件
发现有了变化,但是不明显
![[Pasted image 20240420171740.png]]

如果把normalMapScale改成10
![[Pasted image 20240420171828.png]]在这里插入图片描述

发现衣服已经有很明显的凹槽了
![[Pasted image 20240420171914.png]]

想要更平滑,将TYPE改为1
![[Pasted image 20240420171958.png]]在这里插入图片描述

衣服变得更滑

如果改为10
![[Pasted image 20240420172130.png]]

胳臂处颗粒感比较明显

![[Pasted image 20240420172222.png]]

将法线程度改为5
![[Pasted image 20240420172259.png]]

调成1
![[Pasted image 20240420172329.png]]

发现完全变得光滑

场景

![[Pasted image 20240420200452.png]]

导入一个场景
完成基础操作

  • 导入ray.x和ray_controler.pmx
  • 导入skybox
  • 调整模型绘制顺序
  • 添加main材质
  • 添加天空盒自发光材质
    以后不再赘述
    ![[Pasted image 20240420201345.png]]

比如要修改座椅的材质
![[Pasted image 20240420202528.png]]

用PS将7.jpg导出法线图
将材质的两个文件复制过来,修改名字
![[Pasted image 20240420202633.png]]

![[Pasted image 20240420202806.png]]

将名字改为文件的名字
也可以修改
主要只需要调normal_map
normalmap scale
smoothness
就这三个

<think>好的,我现在需要帮助用户解决在VSCode中打开和编辑.mmd文件的问题。首先,我需要回顾用户提供的引用内容,看看有没有相关的信息。引用[3]提到,用户可以将Mermaid代码保存为.mmd.mermaid文件,然后使用命令行工具转换。这可能意味着用户需要处理Mermaid图表,因此需要适当的插件支持。 接下来,用户的问题是如何在VSCode中打开和编辑.mmd文件。我需要考虑哪些插件可以支持这种文件类型。根据之前的引用,引用[1]提到了Cortex-Debug和ARM-GCC工具,但可能不相关。引用[2]是关于链接路径的,可能也不直接相关。但引用[3]提到了Mermaid代码,所以可能需要推荐Mermaid相关的插件。 首先,我应该建议安装支持Mermaid的插件,比如Mermaid插件,它可以提供语法高亮、预览等功能。另外,可能需要Markdown增强插件,因为.mmd文件可能Markdown中的Mermaid图表相关。例如,Markdown Preview Mermaid Support这样的插件可能有用。 然后,用户可能需要安装Mermaid CLI工具来将.mmd文件转换为图片,如引用[3]所述。需要指导用户如何安装Node.js和mermaid-cli,以及如何使用命令行进行转换。此外,截图或实时预览功能可能也是用户需要的,所以推荐其他相关插件,比如Mermaid Markdown Syntax Highlighting或Mermaid Viewer。 另外,用户可能需要配置VSCode以正确识别.mmd文件类型,比如关联到Mermaid语法模式。这可以通过设置文件关联来实现。 最后,生成相关问题,帮助用户进一步解决问题,比如优化编辑体验或导出图表的方法。</think>在 Visual Studio Code 中处理 `.mmd` 文件(Mermaid 图表文件)可通过以下步骤实现: --- ### 一、安装支持插件 1. **Mermaid 语法支持** 安装官方插件 **Mermaid Markdown Syntax Highlighting**,可提供语法高亮、代码补全和实时预览功能[^3]。 ```bash # 在 VSCode 扩展商店搜索并安装以下插件: - ID: `bpruitt-goddard.mermaid-markdown-syntax` ``` 2. **实时预览增强** 使用 **Markdown Preview Mermaid Support** 插件,支持在 Markdown 预览中渲染 Mermaid 图表[^3]。 ```bash - ID: `bierner.markdown-mermaid` ``` 3. **独立文件预览(可选)** 安装 **Mermaid Viewer** 插件,直接预览 `.mmd` 文件的图表效果。 ```bash - ID: `tomoyukim.vscode-mermaid-editor` ``` --- ### 二、文件关联配置 若 `.mmd` 未被自动识别,可手动关联语法模式: 1. 打开任意 `.mmd` 文件 2. 点击右下角语言模式(如显示 "Plain Text") 3. 选择 **"Configure File Association for '.mmd'"** 4. 搜索并选择 `Mermaid` 或 `Markdown` --- ### 三、编辑导出流程 1. **编辑文件** ```mermaid graph TD A[编辑 .mmd 文件] --> B[实时预览] B --> C[导出为图片] ``` 2. **导出为图片** - **方法 1:命令行工具** 使用 `mermaid-cli`(需提前安装 Node.js): ```bash npm install -g @mermaid-js/mermaid-cli mmdc -i input.mmd -o output.png ``` - **方法 2:插件导出** 安装 **Mermaid Export** 插件(ID: `davidnussio.vscode-mermaid-export`),右键直接导出图表。 --- ### 四、推荐工具链 | 工具类型 | 推荐工具 | 功能 | |----------------|-----------------------------------|--------------------------| | 语法高亮 | Mermaid Markdown Syntax | 代码着色、错误提示 | | 实时预览 | Markdown Preview Mermaid Support | 内嵌式图表渲染 | | 独立渲染 | Mermaid Viewer | 单独窗口预览 | | 导出工具 | mermaid-cli | 命令行批量导出 | ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值