cs起源吧 关注:85,136贴子:1,798,329
  • 8回复贴,共1

CS起源不完全修改教程第十一弹 - HUD颜色及效果修改

只看楼主收藏回复

CS起源不完全修改教程第十弹-HUD布局修改
https://tieba.baidu.com/p/6698591828
CS起源不完全修改教程 第十一弹
HUD颜色及效果修改
上一弹中我们一起改了布局,这一弹我们改下颜色和效果。


IP属地:山东1楼2020-05-23 23:08回复
    1.HUD字体修改
    复制cstrike\resource下的cstrike.ttf、csd.ttf和cs.ttf,放到followme\resource下边。
    字体的修改我们在第二弹教程中已经接触过了,忘记的童鞋可以去参考。
    cstrike.ttf包括HUD的主要素材,比如生命值护甲等图标和数字、武器历史信息(购买或捡起武器时显示的);csd.ttf为右上角杀敌信息中的图标;cs.ttf为武器选择面板图标。
    第二弹教程中我使用的FontCreator版本比较老,对win10的兼容性不是很好,这次我换了个13.0版的。我们用FontCreator打开cstrike.ttf,同时打开你喜欢的字体,我这里打开的是系统自带的holomodl2.ttf。
    双击cstrike.ttf中的生命值图标打开编辑窗口,从标尺上拉下参考线,以固定图标大小:

    将这个字形删除,切换到另一个字体中,找到你喜欢的字形,复制进来并调整好大小:

    对这个字形进行修饰:

    同样的方法可以修改其他图标,图标我们就不修改了,我们改一下数字和美元等标点:

    如果还想给字体加点破损效果怎么办?以护甲图标为例:
    双击打开护甲图标字形,点击工具栏上的“Insert Contour”(绘制轮廓)

    用轮廓画笔在盾牌上画一些大小不等多边形:

    将字体导出为TTF格式并替换原来的文件,进游戏预览一下:


    成功。
    csd.ttf和cs.ttf修改方法也是一样的,如果各位有准备好的矢量图可以直接导入到FrontCreator中使用:


    IP属地:山东2楼2020-05-23 23:12
    回复
      2.HUD颜色修改
      HUD颜色可以整体修改,也可以单独修改,我们先整体修改成白色。
      用文本编辑器打开followme\resource\clientscheme.res,修改Panel.FgColor的值为White:


      这里大家会有疑问,为何生命值和金钱的颜色没有改变?这就涉及到动画修改了,稍后我们一起修改。
      如果想要各个部分颜色不一样可以吗?比如护甲值用绿的,子弹数用蓝的?答案是肯定的。按照昨天的教程,在Hudlayout.res中对应控件中加一个FgColor_override参数就可以了:


      其他部分的颜色,比如武器选择菜单,请对照第六弹中介绍的内容修改。


      IP属地:山东3楼2020-05-23 23:14
      回复
        3.HUD动画修改
        用GCFScape打开cstrike_pak_dir.vpk,提取scripts\hudanimations.txt,放到followme\scripts下边,用文本编辑器打开这个文件。
        最上方的注释写的很清楚,都是很简单的英语单词,大家看看就明白了,我们直接切入主题。
        找到HealthRestored事件,这个事件里边写的是当生命值恢复时,相关的参数变化。

        其中第二条,规定了当生命值恢复时,面板的前景色为OrangeDim,这个是官方的透明橙色,我们改成White。紧随其后的参数意思是该处以何种方式显示,Linear是线性显示,后边两个值分别是开始时间和间隔时间。

        同样的方式修改HealthTookDamage和HealthLow两个事件,也将其中的FgColor改为white,我们保存预览一下:

        成功,当然这里我们只是以修改前景色为例给大家演示一下这个文件如何修改,大家可以参考文件前边的注释说明,增加或者修改自己的内容,让HUD的变化符合自己心意。
        下边我再和大家一起修改一个,大家看看上图中,金钱部分是不是很高?其实上部分空白的位置,是留给金钱增加或减少时候显示数字的。但是就这样摆在那里看着不是很爽,我们如何让它在需要的时候显示,不需要的时候不显示呢?我们一起来修改一下。
        首先打开scripts\hudlayout.res,找到HUDAccount,修改其ypos为446,tall为25,icon_ypos和digit_ypos均为-4(icon2和digit2为金钱变化时候的图标和数字,这里忽略):


        接下贴


        IP属地:山东4楼2020-05-23 23:16
        回复
          承前帖
          接着回到hudanimations.txt,找到AccountMoneyRemoved事件,在前面增加两个事件用于控制当金钱变化时,金钱出的背景和数字位置变化:
          {
          Animate HudAccount Size "12845" Deaccel 0.0 0.2
          Animate HudAccount Position "180426" Deaccel 0.0 0.2
          Animate HudAccount digit_ypos "16" Linear 0.0 0.0001
          Animate HudAccount icon_ypos "16" Linear 0.0 0.0001
          }
          eventAccountBgChangeEnd
          {
          Animate HudAccount Size "12825" Deaccel 0.0 0.2
          Animate HudAccount Position "180446" Deaccel 0.0 0.2
          Animate HudAccount digit_ypos "-4" Linear 0.0 0.0001
          Animate HudAccount icon_ypos "-4" Linear 0.0 0.0001
          }

          接着修改AccountMoneyRemoved事件,因为我们想要白色,所以将第二个FgColor修改为White,并在其下边添加:
          StopEvent AccountBgChangeEnd 0.0
          RunEvent AccountBgChange 0.0
          RunEvent AccountBgChangeEnd 2.0

          用同样的方法修改下边的AccountMoneyAdded事件:

          这样就能实现当金钱变化时,背景自动变高变低。
          当然,下边的AccountMoneyInvisible事件中,FgColor也一并改成White:

          现在我们保存进入游戏预览一下:



          大工告成。
          通过两弹教程,大家基本上对HUD主要部分的修改都已经掌握了,剩下就是靠自己的想象力和耐心,打造出自己满意的HUD了。


          IP属地:山东5楼2020-05-23 23:19
          收起回复
            建议b站出视频教程


            IP属地:江苏来自Android客户端6楼2020-05-24 01:40
            收起回复
              大神, 买了几个手雷 切换手雷的 上面 1 2 3 4 数字 颜色怎么修改 ? 另外切换后手雷大小可以修改吗?


              IP属地:江苏7楼2022-08-25 15:50
              回复