teeworlds吧 关注:928贴子:9,383
  • 22回复贴,共1

【教程】Teeworlds地图制作

只看楼主收藏回复

终于打算坑这个教程了,本教程分两部分:
1、基础地图制作
2、动画细节制作
如果想制作一个简单的地图,只要看第一部分就足够了~
如果不怕麻烦,想充分发挥Teeworlds地图的性能,第二部分能满足你。


IP属地:河北1楼2013-05-28 22:18回复
    第一部分:基础地图制作
    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打开远程控制台,输入你的【管理密码】,即可或者服务端管理权限。
    这样整个地图调试环境就搭建好了!


    IP属地:河北本楼含有高级字体3楼2013-05-28 22:36
    回复
      2025-06-01 06:42:24
      广告
      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】,这张图片就会嵌入到地图里面去:

      此时我们需要的地图元素就添加好了~


      IP属地:河北本楼含有高级字体4楼2013-05-28 22:53
      回复
        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地图中图层的解释。


        IP属地:河北本楼含有高级字体5楼2013-05-28 23:38
        回复
          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图层同属一个组时出现)根据图层快速绘制Game图层
          ·【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会给一些比较重要的经验和提示


          IP属地:河北本楼含有高级字体6楼2013-05-29 02:16
          回复
            1.7 必备经验和小技巧
            -1.7.1 地图边界处理
            首先,背景必须使用一个四边形覆盖,所以预先给好的那个四边形一定要保留,删除的话可能会出现空渲染的状况,空渲染的状态不想截图,看着心烦。
            其次,当显示到图层的边界时,游戏会将边界上一个格无限复制。所以主要瓷砖图层的边界使用实心块是非常重要的。用四个截图来说明这个问题好了:
            这个是正常的情况:
            编辑器效果:

            地图效果:

            这个是错误的效果(边界只使用一个左边框绘制):
            编辑器效果:

            地图效果:

            所以边界一定一定要处理好,不然会猎奇= =
            -1.7.2 teeworlds中不存在一格宽的地形:
            这一项大家自己去体会,一格宽,或者一格高的地形是绝对画不出来的,画出来也只能很猎奇。
            顺便说一下,两格宽的地形,两格各是左右边框的地形,正好和一只Tee的大小差不太多。
            所以,想使用狭小地形也务必画两格。


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


              IP属地:河北本楼含有高级字体13楼2013-06-03 03:11
              回复


                IP属地:日本来自Android客户端14楼2013-06-05 11:28
                收起回复
                  2025-06-01 06:36:24
                  广告
                  恩。


                  IP属地:福建15楼2013-06-23 22:18
                  回复
                    求信封接下来..


                    IP属地:福建16楼2013-11-14 22:27
                    回复
                      玩的时候为什么必须要按住ctrl 才能走动 跳跃


                      IP属地:湖北17楼2014-04-21 01:39
                      收起回复
                        吃老夫一记洛阳铲


                        来自Android客户端18楼2016-08-20 05:30
                        回复
                          蹭~


                          IP属地:广东来自Android客户端19楼2016-09-17 11:24
                          回复