Water Effect and Main Menu Suggesion

1.21 Gigawatts!
✔️ HL Verified
Joined
Jan 11, 2005
Messages
272
Best answers
0
Location
Slovenia
hihi Slofreak here! Finally i am able to post here, i dunno why i wasn't allowed but anyways.

This is a suggestion for the new Esf 1.3. It whould be cool when you fly close to the water, the water whould ripple and spray, like when jet fighter flys fast close to the sea :D

here is a little pic what i have imagine it to be. (i used the goku picture from your site to picture it better hope your not angry x_x)



and the theme for Main Menu. The suggestion here is to change the Steam window theme, to some of your own =D?
 
Last edited:
New Member
✔️ HL Verified
💻 Oldtimer
Joined
Mar 29, 2003
Messages
4,765
Best answers
0
Location
The Netherlands
The Steam window I think is processed by Steam itself. So you if you want a different look, just download a new skin. The waterjet effect you suggested is as far as I know, already in the game.
 
NOT IN THE MANGA™
★ Black Lounger ★
✔️ HL Verified
🚂 Steam Linked
💻 Oldtimer
Joined
Jan 5, 2008
Messages
3,276
Best answers
0
Location
Lithuania
Well, the water already splashes when you swoop over it.

And as to the custom GUI, I bet it's gonna be in.
 
Misanthropist
🌠 Staff
🌈 Beta Tester
★ Black Lounger ★
✔️ HL Verified
🚂 Steam Linked
💻 Oldtimer
Joined
Sep 18, 2003
Messages
1,406
Best answers
1
Location
Perth, Australia
Im pretty sure the Steam windows themselves are governed by Steam itself. Not certain how customisable they are tbh.
The water effect has been is since like forever.
 
1.21 Gigawatts!
✔️ HL Verified
Joined
Jan 11, 2005
Messages
272
Best answers
0
Location
Slovenia
I was thinking that the Menu Theme for Steam whould come as a Pack when installing the new esf 1.3, not ppl custumizing them self.

And Water effects been like forever? i dunno i'm pritty sure they aren't in 1.1, 1.2, 1.2.3
and the current 1.3 OB Final

As water effect i mean on a splash when flying by... not bubbles or splash when you enter the water.
 
Freelance Mappzor
✔️ HL Verified
🚂 Steam Linked
💻 Oldtimer
Joined
Nov 21, 2003
Messages
17,065
Best answers
0
Location
Stairing at the Abyss
1.1 had dust trails. They were removed for 1.2 cause they caused lag. In ESF:Final well see for yourself.

<object width="540" height="304"><param name="movie" value="http://www.moddb.com/media/embed/161684"></param><param name="wmode" value="transparent"></param><param name="allowfullscreen" value="true"></param><param name="allowscriptaccess" value="true"></param><embed src="http://www.moddb.com/media/embed/161684" type="application/x-shockwave-flash" wmode="transparent" allowfullscreen="true" allowscriptaccess="true" width="540" height="304"></embed></object>

10 to 14 seconds in the vid
 
ANBU
✔️ HL Verified
💻 Oldtimer
Joined
Jan 22, 2006
Messages
3,192
Best answers
0
Location
Bucharest
@leonardo: As it has been said above, thing are being taken care of.
No worries ^_^
 
New Member
✔️ HL Verified
💻 Oldtimer
Joined
Mar 29, 2003
Messages
4,765
Best answers
0
Location
The Netherlands
On a sidenote, it's a ***** editing the Steam skin. You have to edit about 250 small .tga files, which if you think about it...isn't that much really, but you just don't know what files belong to what piece on the skin. And when you are finally done editing all those tiny files, you can start editing all the colors in the code:

Code:
Scheme
{
    //////////////////////// COLORS ///////////////////////////
    // color details
    // this is a list of all the colors used by the scheme
    Colors
    {
        // base colors
        "White"                "255 255 255 255"
        "TransparentLightGray"        "0 0 0 128"
        "Black"                "0 0 0 255"
        "Blank"                "1 1 1 0"
        "TestColor"            "0 0 0 255"
        "LightGray"            "75 75 75 255"
        "DarkGray"            "36 36 36 255"

        // scheme-specific colors    
        "DialogText1"            "56 56 56 255"        // listpanel sort headings, menu top text, important dialog text
        "DialogText2"            "113 113 113 255"    // detailed dialog text
        "Highlight1"            "25 25 25 255"        // text Highlight foreground
        "Highlight2"            "0 0 0 255"        // shaded control Hightlight
        "Highlight3"            "0 0 0 255"        // unshaded control Hightlight

        "NotificationBodyText"        "White"            

        "ListBG"            "215 215 215 255"    // listpanel interior (games, servers)

        "PriBG"                "206 206 206 255"    // primary background colour - behind property sheets, server info, etc
        "SecBG"                "230 230 230 255"    // property sheet interior, active tab
        
        "PriFGDisabled"            "170 170 170 255"    // disabled primary controls
        "SecFGDisabled"            "190 190 190 255"    // disabled secondary controls
        
        "TabBGInactive"            "206 206 206 255"    // unselected tab background
        "SecBGGradient"            "92 89 87 255"        // property sheet background gradient
        
        "PriButtonBG"            "230 230 230 255"    // primary button background colour (OK, Cancel)
        "SecButtonBG"            "200 200 200 255"    // secondary button background colour (property sheet interior)
        
        "MenuBG"            "206 206 206 255"    // menu background color
        "MenuFG"            "56 56 56 255"        // menu text color
        "MenuFGDisabled"        "175 175 175 255"    // text on disabled menu items

        "Highlight1BG"            "255 160 0 255"        // background colour of any selected text or menu item
        "Highlight1FG"            "56 56 56 255"        // foreground colour of any selected text or menu item
        
        "ScrollFG"            "230 230 230 255"    // inside of scrollbar buttons
        "ScrollBG"            "206 206 206 255"    // background of scrollbar buttons
        
        // button state text colors
        "Normal"            "112 112 112 255"
        "Over"                "204 1135 8 255"        
        "Down"                "160 160 160 255"

        // background colors

        // titlebar colors
        "TitleFG"            "62 56 51 255"
        "TitleFGDim"            "62 56 51 255"
        "TitleBG"            "230 230 230 255"
        "TitleBGDim"            "230 230 230 255"
        
                
        // gameslist
        "GLInstalled"            "56 56 56 255"
        "GLNotInstalled"        "175 175 175 255"
        "GLUpdating"            "202 123 0 255"
        
        // slider tick colors
        "SliderTickColor"        "127 140 127 255"
        "SliderTrackColor"        "31 31 31 255"

        // border colors - unused for Steam 3 skins
        "BorderBright"            "128 128 128 255"    // the lit side of a control
        "BorderDark"            "40 46 34 255"        // the dark/unlit side of a control
        "BorderSelection"        "0 0 0 255"        // the additional border color for displaying the default/selected button
    }
    

    ///////////////////// BASE SETTINGS ////////////////////////
    //
    // default settings for all panels
    // controls use these to determine their settings
    BaseSettings
    {
        // vgui_controls color specifications
        Border.Bright                    "BorderBright"        // the lit side of a control
        Border.Dark                    "BorderDark"        // the dark/unlit side of a control
        Border.Selection                "BorderSelection"    // the additional border color for displaying the default/selected button

        CheckButton.BgColor                "SecBG"
        CheckButton.Border1                  "Border.Dark"         // the left checkbutton border
        CheckButton.Border2                  "Border.Bright"        // the right checkbutton border
        CheckButton.Check                "Highlight1"            // color of the check itself

        DragDrop.DragFrame                "255 255 255 192"
        DragDrop.DropFrame                "150 255 150 255"

        Frame.ClientInsetX                10
        Frame.ClientInsetY                35
        Frame.BgColor                    "TestColor"
        Frame.OutOfFocusBgColor                "63 70 57 255"
        Frame.FocusTransitionEffectTime            "0"            // time it takes for a window to fade in/out on focus/out of focus
        Frame.TransitionEffectTime            "0.25"            // time it takes for a window to fade in/out on open/close
        Frame.OnDragAlphaDelayTime            "0.15"            // time it takes after clicking the title bar of a window before the alpha multiplier kicks in
        Frame.OnDragAlphaMultiplier            "1.0"            // multiplier applied to alpha while dragging a frame
        Frame.AutoSnapRange                "6"
        Frame.UsesAlphaBlending                1
        FrameSystemButton.Icon                "skins/Flat_Sand/resource/icon_steam"
        FrameSystemButton.DisabledIcon            "skins/Flat_Sand/resource/icon_steam_disabled"

        Notifications.PanelPosition            "BottomRight"     // Can be "BottomRight", "BottomLeft", "TopRight", "TopLeft"
        Notifications.SlideDirection            "Vertical"      // Can be "Vertical", "Horizontal", "None" and controls slide effect
        Notifications.FadeInTime            "0.55"        // Controls the time it takes to slide/fade into view
        Notifications.FadeOutTime            "0.55"        // Controls the time it takes to slide/fade out of view
        Notifications.DisplayTime            "4.0"            // Controls the length of time at steady state after fade in and before fade out
        Notifications.StackSize                "3"            // Controls how many panels we will stack before background queuing
        Notifications.BGColor                "58 58 58 255"
        Notifications.BorderColor            "77 78 80 255"

        ListPanel.TextColor                DarkGray
        ListPanel.BgColor                Black
        ListPanel.SelectedTextColor            DarkGray
        ListPanel.SelectedBgColor            Highlight1BG
        ListPanel.SelectedOutOfFocusBgColor        SecBG
        ListPanel.DisabledTextColor            Normal
        ListPanel.DisabledSelectedTextColor        DarkGray
        ListPanel.EmptyListInfoTextColor        DarkGray
        ListPanel.RowHeight                20
        ListPanel.PerPixelScrolling            1

        WizardPanel.HeaderBGColor            SecBG 

        Menu.TextInset                    "6"
        
        Panel.FgColor                    "BorderSelection"
        Panel.BgColor                    "PriBG"
        
        RuleColor                        "SecBG" // color of 1 pixel rule at the bottom of the storefront and community tabs above the footer icons

        PropertySheet.TransitionEffectTime        "0"            // time to change from one tab to another
        PropertySheet.TabGap                3

        RichText.TextColor                DarkGray
        RichText.BgColor                ListBG
        RichText.SelectedTextColor            Black
        RichText.SelectedBgColor            Highlight1BG
        RichText.InsetX                    6
        RichText.InsetY                    6
        RichText.URLColor                "200 200 200 255"
        
        ScrollBar.Wide                    21
        
        SectionedListPanel.CollapserWidth        16
        
        TextEntry.CursorColor                "DarkGray"
        TextEntry.IMEBGColor                "235 235 235 255"
        TextEntry.IMEFGColor                "black"
        
        // steam-specific settings
        GamesList.HeaderColor                "77 77 77 255"
        GamesList.InstalledAppColor            "DarkGray"
        GamesList.NotInstalledAppColor        "101 107 110 255"
        GamesList.ReadyStatusColor            "DarkGray"
        GamesList.UpdatingStatusColor            "DarkGray"
        GamesList.NotInstalledStatusColor        "101 107 110 255"
        GamesList.BG                    "194 194 194 255"
        GamesList.RuleColor                "152 152 152 255"
        
        // Friends List colors
        Friends.InGameColor                "176 249 80 255"
        Friends.OnlineColor                "142 202 254 255"
        Friends.OfflineColor            "152 157 155 255"
        Friends.BG                        "77 78 80 255"
        Friends.PanelDefault            "58 58 58 255"
        Friends.PanelOver                "36 38 37 255"
        Friends.PanelSelected            "17 17 17 255"
        Friends.SectionHeader            "181 181 181 255"
        Friends.NoAvatarOver            "White"
        Friends.ChatTitleSpecial        "125 125 125 255"
        Friends.IgnoredColor            "248 108 79 255"
        
        //overlay button color (all skins)
        "GrayBG"                        "73 78 73 255"
        
        ChatPanelColor                    "54 54 54 255"
        ChatOthersTextColor                "white"
        ChatOwnTextColor                "160 160 160 255"
        ChatGradientTop                    "135 135 135 255"
        ChatGradientBottom                "178 178 178 255"
        Slider.NobColor                    "LightGray"
        
        GiftOnlyInfo.ImagePanelColor    "190 190 190 255"
    
    }
Not the most fun job, you can imagine. It would have been much easier if you could just create buttons, and add a background. But every background consists out of like...30 different .tga files with very cryptic names. Really confusing. Now if there is a program that you can input a file, and it will slice it automatically for you depending on what section of the skin you want to edit, it would be do-able I guess.
 
Misanthropist
🌠 Staff
🌈 Beta Tester
★ Black Lounger ★
✔️ HL Verified
🚂 Steam Linked
💻 Oldtimer
Joined
Sep 18, 2003
Messages
1,406
Best answers
1
Location
Perth, Australia
Yes, I agree Sicron - the biggest problem is the tedious task of understanding the files and then slicing images into specific targas. The work involved in setting things in place makes drafting designs a bit of a labour, so one tends to put it off until after other things. Im sure it will get done.

As water effect i mean on a splash when flying by... not bubbles or splash when you enter the water.
ESF has never had a splash effect afaik. The only thing that comes close is a plugin i tested by SS4BoneVegeta. ESF had a blue version of the dustrails that appeared when flying over water. These were removed because they lagged, somewhat unnecessarily i believe, as almost anything you do in excess will lag. Trust me, ESF;Final is in good hands with Dalte ^^
 
1.21 Gigawatts!
✔️ HL Verified
Joined
Jan 11, 2005
Messages
272
Best answers
0
Location
Slovenia
Grega - Ah i see it a bit now, very nice :D
Tenzo - oh no worries, i know esf teams makes kickass stuff xD'
Sicron -if there was a transparent, window i guess it whould work the same? :eek:
 
Last edited:
New Member
✔️ HL Verified
💻 Oldtimer
Joined
Mar 29, 2003
Messages
4,765
Best answers
0
Location
The Netherlands
Transparency isn't hard to add in. The codes I posted above are RGBA. Meaning the first 3 numbers are for Red, Green and Blue channels, and the last one is the Alpha channel. Change the Alpha channel, and you get transparency. 255 being 100% solid, 128 being 50% solid/opaque, 64 being 25% solid..etc. You can basically edit each and every skin you already have, change the RGBA codes, and make every skin have transparency.
 

Users who are viewing this thread

Top Bottom