cs起源吧 关注:85,323贴子:1,798,838
  • 13回复贴,共1

CS起源不完全修改教程第六弹 - InGameUI颜色修改

只看楼主收藏回复

CS起源不完全修改教程第五弹 - VGUI其他修改
https://tieba.baidu.com/p/6668940718
之前的教程中我们一起修改了VGUI,从这一弹教程开始,我们一起来修改InGameUI。实际上InGameUI也是VGUI的一部分,为了区分开来,我强行将其拿出来单独开刀。
最近仿CSGO比较火,我个人是不太喜欢仿的,所以教程也没按仿CSGO来,但是,各位根据本系列教程,完全可以自己做一个比较像CSGO的界面,仿CSGO无非就是使用的素材不同,实际制作方式和教程中没有区别。比如后续教程中我们修改购买菜单,我会和大家讨论如何在购买菜单上加自己的素材(其实在第四弹Loading界面修改中已经讨论过)。各位要是按照教程中的方法,添加一个CSGO的素材,那就是仿CSGO界面了。当然,限于修改范围(正版可用),我们并不能实现和CSGO完全一样的界面(比如血量条)。
本弹教程只对clientscheme.res中的内容进行介绍,不做修改。


IP属地:山东1楼2020-05-15 19:56回复
    1.clientscheme.res简介
    clientscheme.res和sourcebasescheme.res(ssb2.res)格式相同,之前我们在第二弹教程中已经修改过这个文件了,本弹教程将详细讨论这个文件的BaseSetting部分。关于格式的介绍,请参考第三弹教程。

    我们先在color部分添加一些颜色的宏定义,用于后续测试,这里我用颜色的拼音命名:
    "Huang" "255 255 0 255"
    "Hong" "255 0 0 255"
    "Lv" "0 255 0 255"
    "Lan" "0 0 255 255"
    "Zi" "255 0 255 255"
    "Qing" "0 255 255 255"
    "Hei" "0 0 0 255"
    "Bai" "255 255 255 255"


    IP属地:山东2楼2020-05-15 19:57
    回复
      clientscheme.res在第二弹教程中已经修改过,位于followme\resource下边
      2.Border
      InGameUI控件的边框颜色,看下图(这里改的颜色只是为了让大家预览一下),一目了然。这里大家可以改成自己想要的颜色,如果不想破坏原来的颜色值,可以注释掉。


      3.Button
      Button是按钮颜色
      Button.TextColor -----文字颜色
      Button.BgColor -----背景颜色
      Button.ArmedTextColor -----划过时文字颜色
      Button.ArmedBgColor -----划过时背景颜色
      Button.DepressedTextColor -----按下时文字颜色,改这里没效果,后续教程会说
      Button.DepressedBgColor -----按下时背景颜色,改这里没效果,后续教程会说


      4.CheckButton
      单选框、复选框,InGameUI中少见,只在购买菜单的编辑喜好中发现了一个,不讨论了,和第三弹教程中的一样。
      5. ComboBoxButton
      组合框的按钮,在观察者菜单、购买菜单自定义处有使用。
      ComboBoxButton.ArrowColor -----箭头颜色
      ComboBoxButton.ArmedArrowColor -----划过时箭头颜色
      ComboBoxButton.BgColor -----背景色
      ComboBoxButton.DisabledBgColor -----禁用时背景色



      IP属地:山东3楼2020-05-15 20:01
      回复
        6.Frame
        我们分三个部分来展示,实际上在InGameUI中,Frame用的不多,主要是在观察者菜单上:
        Frame.BgColor -----主体背景色
        Frame.OutOfFocusBgColor -----主体失焦时背景色
        Frame.FocusTransitionEffectTime -----焦点变化时特效时间
        Frame.TransitionEffectTime -----主体开关时特效时间
        Frame.AutoSnapRange -----主体移动时步长
        FrameGrip.Color1 -----主体右下角调整标志的颜色1
        FrameGrip.Color2 -----主体右下角调整标志的颜色2
        FrameTitleButton.FgColor -----标题栏按钮X前景色
        FrameTitleButton.BgColor -----标题栏按钮X背景色


        FrameTitleButton.DisabledFgColor -----标题栏按钮禁用时前景色
        FrameTitleButton.DisabledBgColor -----标题栏按钮禁用时背景色
        FrameSystemButton.FgColor -----左上角按钮前景色
        FrameSystemButton.BgColor -----左上角按钮背景色
        FrameSystemButton.Icon -----左上角按钮图标
        FrameSystemButton.DisabledIcon -----左上角按钮禁用时图标
        FrameTitleBar.TextColor -----标题栏前景色
        FrameTitleBar.BgColor -----标题栏背景色
        FrameTitleBar.DisabledTextColor -----标题栏禁用时前景色
        FrameTitleBar.DisabledBgColor -----标题栏禁用时背景色
        有修改意义的,只有Frame.BgColor、FrameTitleButton.FgColor和FrameTitleButton.BgColor这三项。
        7.GraphPanel
        没发现用处,跳过。
        8.Label
        标签,这个用的比较多,展示一下:
        Label.TextDullColor -----文字暗色
        Label.TextColor -----文字颜色
        Label.TextBrightColor -----文字亮色
        Label.SelectedTextColor -----被选中文本颜色
        Label.BgColor -----背景色
        Label.DisabledFgColor1 -----禁用时前景色1
        Label.DisabledFgColor2 -----禁用时前景色2
        解释一下,标签的明暗实际上是标签控件的两个属性,如果你把颜色改成了别的,也就不存在明暗了,但是标签仍然受这两个属性控制,会展示出不同颜色。游戏默认颜色都是Orange,所以在视觉上没有明暗。






        看了上边的展示,想必各位不会给Label控件加背景颜色了……


        IP属地:山东4楼2020-05-15 20:05
        回复
          9.ListPanel
          没发现用在哪里,跳过。
          10.Menu
          组合框菜单的颜色。
          Menu.TextColor -----文字颜色
          Menu.BgColor -----菜单背景色
          Menu.ArmedTextColor -----划过文字颜色
          Menu.ArmedBgColor -----划过背景色
          Menu.TextInset -----项目间隔


          11.Chat.TypingText
          没什么用。
          12.Panel
          InGameUI中,使用最多的控件就是Panel,基本上布局中每一个部分,就是基于一个Panel。不过Panel作为控件的“地基”,修改它的颜色没有实际意义,通常只需要保持其透明即可。
          修改Panel的前景色会影响HUD护甲、子弹等值的颜色。
          Panel.FgColor -----前景色
          Panel.BgColor -----背景色



          13.HTML
          HTML控件相关,没什么用。
          14.
          BuyPreset.BgColor、BuyPresetListBox.BgColor、Popup.BgColor
          没发现具体用途,跳过。
          15.ProgressBar
          拆弹和生成路径点时的进度条。
          ProgressBar.FgColor -----前景色
          ProgressBar.BgColor -----背景色,无效



          IP属地:山东5楼2020-05-15 20:09
          回复

            16.PropertySheet、RadioButton
            没用,忽略。
            17. RichText
            18.ScrollBarButton
            滚动条两边的按钮。
            ScrollBarButton.FgColor -----前景色
            ScrollBarButton.BgColor -----背景色
            ScrollBarButton.ArmedFgColor -----划过前景色
            ScrollBarButton.ArmedBgColor -----划过背景色
            ScrollBarButton.DepressedFgColor -----按下前景色
            ScrollBarButton.DepressedBgColor -----按下背景色


            19.ScrollBarSlider
            滚动条
            ScrollBarSlider.FgColor -----滚动条前景色
            ScrollBarSlider.BgColor -----滚动条背景色


            20.SectionedListPanel、Slider、TextEntry、ToggleButton、Tooltip、TreeView
            没用,跳过。
            21.WizardSubPanel
            WizardSubPanel.BgColor -----子面板背景色
            子面板只在购买菜单中存在。



            IP属地:山东6楼2020-05-15 20:12
            回复
              22.HUD颜色介绍
              之前都是些无关紧要的InGameUI控件颜色,接下来是我们主要修改的部分,HUD颜色。
              本弹教程只介绍clientscheme.res文件的内容,后续教程中我会和各位一起来修改。
              "FgColor" -----Panel前景色
              "BgColor" -----Panel背景色
              "ViewportBG" -----不清楚作用
              "team0" -----无效
              "team1" -----无效
              "team2" -----无效



              实际上这里只能修改前景色,对于背景色而言,无论RGB值如何,Panel的背景色都是黑的,但是可以修改Alpha值来更改透明度。这是因为Panel的背景,实际上使用了一个带有Alpha通道的贴图,后续会讨论这个贴图如何修改。
              同样,在这里修改警匪颜色也是无效的。
              "MapDescriptionText" -----地图描述文字颜色
              "CT_Blue" -----特警颜色
              "T_Red" -----匪徒颜色
              "Hostage_Yellow" -----某些面板前景颜色(倒计时闪烁的颜色)
              "HudIcon_Green" -----HUD图标颜色(购买区、人质区、C4、拆弹工具)
              "HudIcon_Red" -----HUD图标颜色(人质个数图标)



              此处的特警和匪徒颜色不能修改观察者面板中相关颜色。


              IP属地:山东7楼2020-05-15 20:15
              收起回复
                承前帖
                "ItemColor" -----项目颜色
                "MenuColor" -----CHUD菜单文字颜色
                "MenuBoxBg" -----CHUD菜单背景颜色


                武器选择菜单:
                "SelectionNumberFg" -----数字颜色
                "SelectionTextFg" -----文字颜色
                "SelectionEmptyBoxBg" -----无武器面板的颜色
                "SelectionBoxBg" -----有武器面板的颜色
                "SelectionSelectedBoxBg" -----被选中面板的颜色


                文字没有显示出来是因为面板颜色覆盖了文字颜色,因此修改这里需要将面板颜色的Alpha值设置低一些。
                "HintMessageFg" -----帮助信息前景色
                "HintMessageBg" -----帮助信息背景色


                之后的Main部分在第二弹中一起修改过,这里不再赘述。
                本弹教程结束。


                IP属地:山东8楼2020-05-15 20:18
                回复
                  有没有改血量和金钱那一栏颜色的教程啊


                  IP属地:湖北来自iPhone客户端9楼2020-05-18 09:06
                  收起回复
                    购买武器后,显示武器的颜色,如何将黄色变成白色呢?


                    IP属地:广东10楼2023-08-04 10:10
                    回复
                      大佬,计分板里的警匪名字颜色怎么改呢


                      IP属地:山东来自Android客户端11楼2024-07-03 03:34
                      回复