【教程】Teeworlds地图制作
teeworlds吧
全部回复
仅看楼主
level 11
wyffaddy 楼主
终于打算坑这个教程了,本教程分两部分:
1、基础地图制作
2、动画细节制作
如果想制作一个简单的地图,只要看第一部分就足够了~
如果不怕麻烦,想充分发挥Teeworlds地图的性能,第二部分能满足你。
2013年05月28日 14点05分 1
level 11
wyffaddy 楼主

第一部分:基础地图制作
1.1 进入地图编辑器:
要了解地图制作首先要进入地图编辑器,打开你的teeworlds主程序(teeworlds.exe),进入之后确认输入法为关闭状态后按【Ctrl+Shift+E】即可进入地图编辑器(如下图)。
1.2 建立调试地图服务端
既然想要制作地图,必不可少的步骤就是试验自己的地图实际运行时的效果。
这时就需要自己建立一个服务器来跑你制作的地图。
建立服务器的方法这里也简单说明一下好了:
首先建立一个txt文件,打开这个txt文件,并按自己的要求输入:
sv_name 服务器名字
sv_rcon_password 管理密码
password 进入密码
sv_gametype ctf (如果是做Ctf地图一定要用这个哦)
sv_map dm1 (如果已经做了一个地图可以直接打你自己的地图名调用,如果还没的话就先用dm1即可)
这几条就已经够用了(如图)
保存你的配置文件,扩展名改为cfg(其实不改也可以),
Windows用户:
给你的服务端新建一个快捷方式
然后右键这个快捷方式选择【属性】
并在目标栏末尾添加【_-f_你的配置文件名】(下划线为空格)
确定以后运行即可。
Linux用户: 使用终端并运行teeworlds_srv后加 -f 参数即可。
此时已经搭建好了一个供测试地图用的服务端。回到你的teeworlds里,退出地图编辑器(左上角点击【File】->【Exit】),并进入你的服务端,按F2打开远程控制台,输入你的【管理密码】,即可或者服务端管理权限。
这样整个地图调试环境就搭建好了!
2013年05月28日 14点05分 3
level 11
wyffaddy 楼主

1.3 添加图像
制作一张地图,首先要将你所需要的图片添加进来。
点击【Layers】按钮
此时会切换到【Images】图像管理界面。
空空如也对吧,这是咱们要添加进一些地图的元素,点击【Add】按钮,会打开文件选择框,选择你需要的地图元素文件。
等等,你不知道每张图都长什么样?你可以去【teeworlds根目录\data\mapres】文件夹先去看一下:
比如,我们要做一张草地的图片,我们就需要将【grass_main】和【grass_doodads】两个文件添加进来(如下图)。
你会发现这两张图片被放在了【External】栏下面,这代表这些图片不需要【嵌入到地图里】,就是这些文件所有teeworlds客户端都肯定有的文件。如果你想使用自己的图片,比如下面这张water_main:
使用这张图片的话就必须将它【嵌入】到地图里,将这张图片放在mapres文件夹,然后进入teeworlds地图编辑器中,同样点击【Add】按钮,将这个【water_main】添加进来。此时这个water_main也会被放在【External】栏里,此时点击右键:
点击【Embed】,这张图片就会嵌入到地图里面去:
此时我们需要的地图元素就添加好了~
2013年05月28日 14点05分 4
level 11
wyffaddy 楼主

1.4 图层原理讲解
正式绘制地图前需要对地图的图层进行一下说明:
-
1.4.1 图层的规则
使用过Photoshop或者Flash等等软件的同学可能对图层这个概念比较熟悉。
所谓图层就是使每个图层都有一个覆盖关系,在teeworlds中:
下方的图层会显示在上方图层的上面
这个规则和平常我们使用的软件的规则是正好相反的,所以请切记。、
-
1.4.2 图层的三种类型
图层的类型有三种:
Tiles - 瓷砖图层
Quads - 四边形图层
Game - 游戏判定图层
用官方的dm1地图来举例,这三种图层的作用。
Tiles图层负责绘制地面,天花板,栅栏,
建筑
等成块组成的东西,比如dm1中所有的Tiles图层看起来像这样:
Quads图层则负责犹如背景天空,太阳,月亮,星星,雪花,雨水,等静态或者动态的由图片组成的景物,比如dm1里所有的Quads图层看起来像这样:
将Tiles和Quads拼起来就成为了一个地图的显示部分:
当然只有这两个图层的话只能做到
看起来像个地图的样子。
整个地图的驱动是由Game图层负责的,如果没有Game图层,整个地图都是虚的,玩家没有办法踩在地面上,甚至没有办法出生,dm1的Game图层看起来像这样(为了效果,保留了最后一个背景的Quads图层)
如你所见:半透明白色的方块就是固体标志,玩家可以踩在上面或者用钩子去勾,其他如出生点、生命和护盾也一目了然。
以上就是关于teeworlds地图中图层的解释。
2013年05月28日 15点05分 5
level 11
wyffaddy 楼主

1.5 编辑器基本操作
地图编辑器通常有这些基本的操作:
- 1.5.1 通用操作&图层操作
点击【
Add Group】按钮可以
添加一个图层组
在任意项上【
鼠标右键】可以
打开该项的
属性菜单

鼠标左键】按住任意属性菜单上的【
数值项】并【
左右拖动】可以
改变数值,按住【
Shift】可以更加
精确
- -
1.5.1.1 组
属性说明
·【
Order】
组的顺序
·【
Pos X\Y】
组的左上角的位置
·【
Para
X\Y】

相对视角的
移动比
例(100为和视角同步移动,小于100会比视角移动的慢,大于100会比视角移动的快,此项建议大家自己调节尝试便可理解)
·【
Use Clipping】
组是否使用切片(切片意为该组内图层在切片框外的所有东西都不显示,同样推荐大家自己尝试。)
·【
Clip X\Y\W\H】
组切片的左上角位置及长宽
·【
Name】
组名
·【
Add tile layer】
在该组下新建一个瓷砖图层
·【
Add quads layer】
在该组下新建一个四边形图层
- -
1.5.1.2
图层属性说明
·【
Group】
图层
属于的组编号
·【
Order】
图层在组内
的顺序
·【
Image】
图层在组内
的顺序
·【
Detail】
图层是否在玩家勾选【地图细节】设置时显示
·【
Width\Height】
图层的宽和高
·【
Shift】
图层整体平移
·【
Color】
图层颜色调整
·【
Color Env\TO】
图层使用的颜色信封\信封的起始帧
·【
Game
tiles】(仅当和Game图层同属一个组时出现)
根据图层
快速绘制G
ame图层
·【
Auto Map】(仅当Image使用原版自带地面类图像时出现)
自动完成地图边界细节绘制
- -
1.5.1.3 四边形属性说明
·和图层类似,部分略。
·【
Pos Env\TO】
四边形
使用的位置信封\信封的起始帧
·【
Square】
自动校正四边形为矩形
·【
Align】
对齐判定点(不使用的话保存地图也会自动将所有判定点对齐)
·【
Aspect radio】
按图片原比例自动校正四边形
- 1.5.2 视角操作
按住【
鼠标中键】可以
移动视角
或者按住【
Ctrl】同时按住【
鼠标左键】同样可以
移动视角

鼠标滚轮】可以
放大和缩小视角

Proof】按钮可以
显示\隐藏安全视角框(指示真正运行地图时的视角范围)

ZO】按钮Zoom out,
缩小

ZI】按钮Zoom in,
放大

1:1】按钮
还原比例,显示真正游戏时的视角大小

Anim】按钮可以
启用\禁用信封动画,【
A-】【
1】【
A+】按钮则是
改变动画速度

Grid】按钮可以
显示\隐藏网格,【
G-】【
1】【
G+】按钮则是
对网格进行缩放

Refocus】按钮可以
将视角还原到地图左上角

Tab】键可以
隐藏菜单
-
1.5.3 绘制操作
- -
1.5.3.1 在瓷砖\
游戏图层下:
·笔刷为空的状态下,按住【
鼠标左键】可以
创建复制型笔刷
·笔刷不为空的状态下,按住【
鼠标左键】可以
绘制地图瓷砖
·笔刷不为空的状态下,按住【
Shift】同时按住【
鼠标左键】可以
大范围绘制当前笔刷
·按【
鼠标右键】可以
清除笔刷
·按住【
空格】可以
显示瓷砖选取
界面
·首先按【
鼠标右键】清空笔刷,然后按住【
空格】,可以用【
鼠标左键】来
选择瓷砖
·【
Border】按钮,自动在图层边缘
创建两格宽的
边框
- - 1.5.3.2
在四边形图层下:
·点击【
Add Quad】按钮
添加一个当前图层所用的图像的
四边形。
·拖动【
四边形的绿色点】
移动四边形
·按住【
Shift】拖动【
四边
形的绿色点】
移动四边形的柄的(绿色点)
位置
·按住【
Ctrl】拖动【
四边形
的绿色点】
旋转
四边形
·按住【
Alt】拖动【
四边形的绿色点】
忽略网格
移动四边形
·拖动【
四边形的红色点】
移动四边形的角的位置(扭曲四边形)
·按住【
Shift】拖动【
四边
形的
红色点】
缩放
四边形使用的图像
·按住【
Alt】拖动【
四边形的
红色
点】
忽略网格
移动点
·在空白处【
拖动】可以选择四边形
创建复制型笔刷
-
1.5.4 变换操作

CCW\CW】按钮CounterClockWise\ClockWise,
逆时针和顺时针旋转

90】按钮,按住拖动可以
改变旋转的角度

X\X】按钮可以
水平翻转

Y\Y】按钮可以
垂直
翻转
-
1.5.5 文件操作【File菜单】

New】新建地图

Load】读取地图

Append】读取一个地图并把这个地图的所有图层复制到当前地图中【
慎用】

Save】保存地图

Save As】另存为地图
读完以上这些操作,实际上你已经可以自己制作地图了,结合前几章可以试着摸索着绘制一个地图了~
1.6会分步骤详细介绍一个地图制作的全过程
1.7会给一些比较重要的经验和提示
2013年05月28日 18点05分 6
level 11
wyffaddy 楼主

1.7
必备经验和小技巧:
-1.7.1 地图边界处理
首先,背景必须使用一个四边形覆盖,所以预先给好的那个四边形一定要保留,删除的话可能会出现空渲染的状况,空渲染的状态不想截图,看着心烦。
其次,当显示到图层的边界时,游戏会将边界上一个格无限复制。所以主要瓷砖图层的边界使用实心块是非常重要的。用四个截图来说明这个问题好了:
这个是正常的情况:
编辑器效果:
地图效果:
这个是错误的效果(边界只使用一个左边框绘制):
编辑器效果:
地图效果:
所以边界一定一定要处理好,不然会猎奇= =
-1.7.2 teeworlds中不存在一格宽的地形:
这一项大家自己去体会,一格宽,或者一格高的地形是绝对画不出来的,画出来也只能很猎奇。
顺便说一下,两格宽的地形,两格各是左右边框的地形,正好和一只Tee的大小差不太多。
所以,想使用狭小地形也务必画两格。
2013年06月02日 18点06分 10
level 11
wyffaddy 楼主

第二部分:动画细节制作
2.1 信封简述:
终于写到第二部分了,看起来第一部分已经很够用了啊~还要讲什么呢?
其实上面讲的那些做出来的地图看起来都没什么新意的样子。
真正的地图是要有动画的啊!!!!?!?!
这时候【
信封】君就可以出来了~
没错,制作地图动画使用的是一个叫做【信封(Envelopes)】的东西。
至于为什么叫这个= =,这就不要问我了嘛= =
信封分为两种:
颜色信封【Color】,负责进行颜色和透明度的变化。可以制作星星闪烁等。可用于Quads和Tiles图层。
位置信封【Pos】,负责进行位置变换和移动。可以制作飘动的云彩。之可用于Quads图层。
接下来就是两种信封的配置和使用方法啦~
注意:本部分内容效果无法截图描述(因为是动态的嘛= =人家很懒的做动图的~),请大家最好自己实践一下。
2013年06月02日 19点06分 13
level 9

2013年06月05日 03点06分 14
终于抓住你了。你丫死哪去了(摔
2013年06月05日 04点06分
回复 wyffaddy :...
2013年06月05日 05点06分
回复 LinKat : 为毛只有三个点[黑线]
2013年06月05日 05点06分
回复 LinKat : 为毛只有三个点[黑线]
2013年06月05日 05点06分
level 9
恩。
2013年06月23日 14点06分 15
level 9
求信封接下来..
2013年11月14日 14点11分 16
level 1
玩的时候为什么必须要按住ctrl 才能走动 跳跃
2014年04月20日 17点04分 17
linux的bug?
2014年04月21日 07点04分
回复 wyffaddy :以前有过人出现过这问题,键盘驱动的响应不太对,整个SDL1.2的都会出这个问题的样子。
2014年04月21日 07点04分
level 1
吃老夫一记洛阳铲[滑稽]
2016年08月19日 21点08分 18
level 4
蹭~
2016年09月17日 03点09分 19
1