鹤梦离弦 发表于 2023-6-9 12:18:40

【Flowmap】如何自定义流动效果应用在游戏引擎中(Unreal/After Effects)

本帖最后由 鹤梦离弦 于 2023-6-9 12:24 编辑

> 本帖最后由 鹤梦离弦 于 2023-6-9 12:23 编辑

> 本帖最后由 鹤梦离弦 于 2023-6-9 12:22 编辑

# Flowmap详解

<iframe src="https://player.bilibili.com/player.html?aid=569425380&bvid=BV13v4y1p7T2&cid=1080292459&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

# Flowmap本质

FlowMap根据颜色RG二维数组来存储顶点的移动向量信息。

!(data/attachment/forum/202306/09/121546m0ievjscksvsec39.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/100 "FlowMaps流动数值.png")!(data/attachment/forum/202306/09/121546c1fod55gofl1dzjd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/100 "FlowMaps流动方向.png")

# 制作FlowMap

1. Photoshop动作 Create Flow Map.atn
2. 软件 FlowMap Painter.exe
3. Houdini 工具集SideFX Labs GameDevelopmentToolset中的flowmap brush
4. **自制After Effects 模板**

# 使用FlowMap


|                                                               UVMap                                                               |                                                                  UVWMap                                                                  |                                                                   FlowMap                                                                   |
| :------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------: |
| !(data/attachment/forum/202306/09/121605gxop4l19mosmrgxi.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "UVMap.png") | !(data/attachment/forum/202306/09/121602atyldyfif56zc2mi.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "UVWMap.png") | !(data/attachment/forum/202306/09/121558ajjkjlewzyvwvcce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "FlowMaps.png") |

After Effects 中使用 Advanced Displacement 插件可以给图片应用FlowMap
Unreal/Unity 中使用Shader，可以直接应用FlowMap，也可以将UVMap/UVWMap转为FlowMap后再应用 (要考虑Sampler Source的限制，不推荐)。

https://www.unrealengine.com/de/blog/photoshop-generated-flow-maps
https://teckartist.com/?page_id=107
https://www.youtube.com/watch?v=KfphtLRoUB0
https://www.magesbox.com/article/detail/id/1967.html
https://www.bilibili.com/video/BV1Zq4y157c9?p=2
https://github.com/sideeffects/SideFXLabs
https://www.yuelili.com/advanced-displacement2-0

**笔记和模板下载链接：https://pan.baidu.com/s/1qUhKnK0wld3h0VSiO1dG4g?pwd=k8hz**

JXRZO 发表于 2023-6-12 10:06:24

中肯的

s5341728 发表于 2024-5-31 17:35:06

牛的

雷伊莫 发表于 2024-6-3 14:37:18

66666666666

雷伊莫 发表于 2024-6-3 14:56:57

赚积分
页: [1]
查看完整版本: 【Flowmap】如何自定义流动效果应用在游戏引擎中(Unreal/After Effects)