搜索
热搜: 活动 交友 discuz
查看: 1911|回复: 9

[教程] 地图中的棋盘贴图制作

[复制链接]

3

主题

23

帖子

900

积分

Lv:4 虚灵先知

UID
13026
金币
261
精华
0
节操
0
发表于 2019-3-7 23:43:44 | 显示全部楼层 |阅读模式

前方高能预警!非战斗人员请尽快登录!

您需要 登录 才可以下载或查看,没有帐号?注册账号

x
论坛中有一些棋盘的制作的教程/问题,查阅了之后感觉语焉不详,决定自己探索一下这个棋盘的制作

不知道自走棋的棋盘制作方式,在拆包和进行大致的猜测之后决定用地面贴图的方式制作棋盘

模拟自走棋的棋盘制作,主要用到hammer和material editor

有更好的制作方法也欢迎在下方留言指出

二楼开讲 (应该卜鸽)
回复

使用道具 举报

3

主题

23

帖子

900

积分

Lv:4 虚灵先知

UID
13026
金币
261
精华
0
节操
0
 楼主| 发表于 2019-3-8 00:04:27 | 显示全部楼层
hammer_finnal1.png
最终成果如图

先来模仿右上角的黑白方形棋盘。

想做这样的棋盘,思路是这样的,做出对应的贴图,然后渲染成材质,贴到一个面上,再画到地面上,再按规律地摆放好。
PS:这样做有个弊端就是这些贴图都是跟随地形的,我们在代码中没办法改动他们的位置,问题不大,能实现效果就好
既然有了思路我们就跟着思路来,一步步做出成果。

先把棋盘的纹理画出来,这里要运用到PS软件,画出黑白相间的格子,中间白色的部分留透明。
auto_chess_ps.png
这里我们偷个懒把自走棋的格子文件提取出出来了,不做别的加工直接用了,只做一个演示,实际上出图不要用未经授权的美术资源,(虾大律师函警告)喜欢做其他样式和添加纹理都是可以的。
这里的图层大小最好设置成128*128 256*256等正方形的图层,别的大小渲染的时候可能会出问题(这里我没试过,欢迎纠错)
注意要保存成tga格式,这样才能渲染成vmat添加到平面上。
auto_chess_tga.png
(未完待续)
回复 支持 反对

使用道具 举报

3

主题

23

帖子

900

积分

Lv:4 虚灵先知

UID
13026
金币
261
精华
0
节操
0
 楼主| 发表于 2019-3-8 01:07:32 | 显示全部楼层
将制作好的tga文件放到
content\dota_addons\YOUR_ADDON\materials\particle
这个文件夹下,接下来我们会在材质编辑器中用到他
启动编辑器,Asset Browser中打开红框中球状的编辑器,
image001.png
image002.png
材质编辑器并不复杂,觉得陌生的可以自己摸索一下,官方的维基也有很简短的一些介绍,这里就不多提了,我们直奔主题,渲染材质。
image003.png
刚打开的时候新建一个项目立刻保存,重要的事情说三遍,先保存,不然是没有办法进行任何操作的!
image004.png
保存为对应的名字后,右边会显示一个球状,现在材质编辑器已经能够正常使用了,开始加入贴图,在color的属性下点开文件袋的符号。

选择你的贴图。
image005.png
到这一步有人可能会发现没有材质可以选择,这里是因为下面的文件命名的关系,V社在材质方面的命名会比较严格,不过我们只做这个自定义的棋盘,所以命名不符合规范也问题不大。在下面的文件过滤的条件中选择所有文件。
image006.png
选中对应的文件我们就可以返回了,接着我们会看到右边的球上已经被覆盖上了贴图。
image007.png
这里注意,图中最左边的一栏有关勾选的属性先保持默认不要勾选,后面再做调整。

回到hammer中,默认布局下左下角会有一个材质浏览器,我们选中刚才保存好的材质。
image008.png
切换到Block Tool工具,对这个工具不了解的同学后面会有875的hammer视频教程链接,这个工具可以让在地图中“画出”我们想要的东西。

因为只做一个平面,因此这里的类型最好选为sqad(默认为block),只渲染一个面。
image009.png
在地面上画出对应大小的平面,大小稍后可以调整,这里只要画出一个面即可。
image010.png

效果不太理想,贴图嵌入到地图里面去了,这里需要调整一下面的高度,在3D视角下,画出来的面默认是地形的高度128,因此我们用选择工具选中这个面(注意上方的objects模式)在属性调整栏中把高度+1
image011.png
将平面提升之后发现材质是重复贴图的,我们只希望他贴图一次,因此我们需要再对它进行仔细的调整。
选中该面后,将选择工具上方的objects模式改为faces模式,即第三个模式。在左侧的菜单栏会有一些属于面的独特属性可以设置。
这里我们只需要在这个菜单中点下这个按钮。贴图就会重新贴上去,而且刚好是我们想要的样子。

这个菜单还有一些别的调整,是关于贴图的位置,方向的,论坛中似乎没有相应的教程,感兴趣的可以研究一下发表一下成果。
image012.png

这里有一个问题,做出来的效果和我们想象中的自走棋棋盘不太一样,他不是透明的,因此我们要回到材质编辑器中,将棋盘的透明度改一下。
image013.png
依次勾选红框中的选项,并在右边的属性中调整好透明度。

按下保存回到hammer中我们会发现已经接近最终的效果了。
image014.png
可能透明度不是很合适,可以回到材质编辑器继续进行调整,同时笔者发现材质编辑器中有一个mod 2x的选项可能比较适合制作透明材质。(然而笔者才疏学浅并不知道这个选项是什么意思)
附上另一个属性设置的棋盘贴图
image015.png

image016.png
到这里我们的棋盘就做得差不多了。调整大小,调整位置,复制粘贴,我们就可以在hammer中获得一张对应的棋盘。
image017.png
End
。。。。。。

在此次的探索之后,笔者开始了六边形的棋盘制作,六边形的棋盘轮廓在正方形中是很难表现的,在多次探索后,笔者没有使用开头用PS制作六边形的做法,而是使用了系统的材质。
image018.png
自带的材质有一些反光等的属性,感兴趣的同学可以去研究一下。

最后效果图。
image019.png
End
相关教程链接将在下一楼放出。

回复 支持 反对

使用道具 举报

3

主题

23

帖子

900

积分

Lv:4 虚灵先知

UID
13026
金币
261
精华
0
节操
0
 楼主| 发表于 2019-3-8 09:51:49 | 显示全部楼层
875的hammer教程:https://www.bilibili.com/video/av15460714
官方维基材质编辑器:https://developer.valvesoftware. ... terial_Editor:zh-cn
教程完结,此教程仅做抛砖引玉,这是一种比较粗暴的方法,有更好的想法欢迎在楼下回复
回复 支持 反对

使用道具 举报

0

主题

1

帖子

33

积分

Lv:1 隐谧贤者

UID
13879
金币
76
精华
0
节操
0
发表于 2019-3-11 02:14:23 | 显示全部楼层
大佬有教学群之类的吗?新人想学习下 。
回复 支持 反对

使用道具 举报

3

主题

23

帖子

900

积分

Lv:4 虚灵先知

UID
13026
金币
261
精华
0
节操
0
 楼主| 发表于 2019-3-17 16:50:34 | 显示全部楼层
jc19950805 发表于 2019-3-11 02:14
大佬有教学群之类的吗?新人想学习下 。

鸽子群群号藏在一堆乱七八糟教程底下
看完代码君的教程以及底下留言你会找到

347735258
回复 支持 反对

使用道具 举报

1

主题

5

帖子

75

积分

Lv:1 隐谧贤者

UID
14010
金币
80
精华
0
节操
0
发表于 2019-3-20 15:37:49 | 显示全部楼层
本帖最后由 剑勾 于 2019-3-24 12:14 编辑

顶礼膜拜,虚心求教
回复 支持 反对

使用道具 举报

1

主题

5

帖子

75

积分

Lv:1 隐谧贤者

UID
14010
金币
80
精华
0
节操
0
发表于 2019-3-20 15:40:07 | 显示全部楼层
本帖最后由 剑勾 于 2019-3-24 12:12 编辑

帖子不错收藏
回复 支持 反对

使用道具 举报

9

主题

73

帖子

891

积分

隐修议员

UID
3184
金币
1407
精华
0
节操
-68

隐修议员教程大师我是鸽手黑科技玩的6

发表于 2019-8-27 12:50:15 | 显示全部楼层
在材质编辑器选上Overlay就会变成覆盖物.
回复 支持 反对

使用道具 举报

17

主题

40

帖子

470

积分

大摸导师

UID
1
金币
1961
精华
0
节操
-1

隐修议员

发表于 2019-10-12 13:03:41 | 显示全部楼层
NAT 发表于 2019-8-27 12:50
在材质编辑器选上Overlay就会变成覆盖物.

自走棋地形作者亲自答
欢迎大家 加入研究~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册账号

本版积分规则

QQ|Archiver|手机版|小黑屋|AMHC!dota2rpg~ ( 闽ICP备14009209 )

GMT+8, 2019-11-21 02:11 , Processed in 0.076364 second(s), 29 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc. Theme.Yeei

快速回复 返回顶部 返回列表