CS:S [HowTo]: Eigenes CS:S GUI

[FrAGgi]

Hallo,

nachfolgend möchte ich gerne auf meine umfangreiche Tutorialsammlung zur Erstellung eines Counter-Strike Source GUI´s verlinken. Aufgrund der Gliederung und des Umfangs entschied ich mich lediglich zu verlinken und nicht die gesamten Tutorials in diesen Thread zu kopieren. Ich bitte um Verständniss und viel Spaß beim GUI erstellen.
_______________________

Zuerst stellt man sich die Frage - was ist eigentlich ein GUI?

Ein Graphical User Interface (kurz GUI) ist eine grafische Benutzer Oberfläche für Counter-Strike und Counter-Strike: Source.

Heutzutage verändern die meisten GUIs lediglich Farben, Schriftarten und den Hintergrund.
Hier wird erklärt, wie man sich ein eigenes GUI erstellen kann.

Thema 1: Background Ingame erstellen/ändern - Schwierigkeitsgrad: (2 / 10)
JETZT LESEN!

Thema 2: Die GameMenu.res - Schwierigkeitsgrad: (3 / 10)
JETZT LESEN!

Thema 3: Die ChatScheme.res - Schwierigkeitsgrad: (4 / 10)
JETZT LESEN!

Thema 4: Die ClientScheme.res - Schwierigkeitsgrad: (1 / 10)
JETZT LESEN!

Thema 5: Die SourceScheme.res- Part 1 - Schwierigkeitsgrad: (9 / 10)
JETZT LESEN!

Thema 6: Die SourceScheme.res - Part 2 - Schwierigkeitsgrad: (9 / 10)
JETZT LESEN!

Thema 7: Die SourceScheme.res - Part 3 - Schwierigkeitsgrad: (9 / 10)
JETZT LESEN!

Thema 8: Game StartUp Sound - Schwierigkeitsgrad: (1 / 10)
JETZT LESEN!

Thema 9: Deathnotice anpassen - Schwierigkeitsgrad: (4 / 10)
JETZT LESEN!

Thema 10: Wichtige Downloads
JETZT LESEN

Schriftarten für euer GUI:

1) http://www.shice.de/
2) http://www.dafont.com/

Download Default-files:

- BaseChat.res
- ChatFilters.res
- ChatScheme.res
- ClientScheme.res
- GameMenu.res
- HudLayout.res
- SourceScheme.res

Download vorrübergehend entfernt!

Farbtabellen:

Mirror 1: http://www.uni-magdeburg.de/counter/rgb.txt.shtml
Mirror 2: http://www.farb-tabelle.de/de/farbtabelle.htm
Mirror 3: http://www.farbtabelle.net/

Was ist eigentlich verboten?

Zitat - Das Regelwerk der ESL CS: Source Ladder:

2.2.2.1. Nicht erlaubte Scripts / Bindings
Folgende Scripts sind verboten:
* Turn-Scripte [180° oder ähnliche]
* Stop-Shotscripte [Use- oder Awp-Scripte]
* Centerviewscripte
* Burstfire-Scripte
* Bunnyhop-Scripte [in jeglicher bind- oder scriptform, +jump wheelup/wheeldown ist verboten]
* Ratechanger [Lagscripte]
* FPS-Scripte
* Stopsound-Scripte
* Use´n walk-Scripte / Bindings
* Anti-Flash-Scripte oder Anti-Flash-Bindings (siehe auch Regel 7.8.2.1.)
* NoRecoil-Scripte/ Bindings (siehe auch Regel 7.8.2.1.)

Eine Ahndung erfolgt auch, wenn ein Script/Binding durch externe Hard- oder Software ausgeführt wird.
2.2.2.2. Customdateien
Es sind keine Customdateien erlaubt. Zu Customdateien zählt alles, was die originalen Ingamegrafiken, *.gcf Dateien oder Sounds ersetzt oder verändert. Dazu zählen auch z.B. ASCII Codes, die ein Crosshair darstellen, verändertes HUD, Scoreboard oder Sounds (volume, soundscapes).

Kurz gesagt: Wenn ihr euer GUI erstellt, dann verändert nicht das HUD (Farbe der Health Anzeige etc) und auch NICHT das Scoreboard. Also, wenn euer Scoreboard farblich anders ist bzw. größer oder kleiner, dann ist das NICHT legal.

Ansonsten könnt ihr die GUIs alle nutzen und selbst erstellen.

Die GUIs von (ehemals) GAMETOWN (aktuell FrAGgi) sind geprüft und regelkonform.

Es gibt z.B. keine Probleme, wenn ihr die Schriftart vom Chat o.Ä. verändert.

Wichtig: Solange die Schriften gut lesbar sind und einen Admin nicht an seiner Arbeit in der ESL hindert, dann gibt es keine Probleme in der ESL. Die müssen gut lesbar und eindeutig erkennbar bleiben.

 

[DaDare]

Cool danke

 

[FAN4TIC]

das howto kommt 2 tage zu spät hab vor 2 tagen meine eigene GUi durch verzweifeltes HowTO suchen eigenständig erstellt^^

aber dennoch cool gemacht

 

[piffpaff]

Gibts auch irgendwo Beispielbilder, damit man mal sieht wie sowas aussieht?

 

[FrAGgi]

Gibts auch irgendwo Beispielbilder, damit man mal sieht wie sowas aussieht?

Kommt drauf an für was du meinst. Im Tutorial selbst finden sich zu jedem Schritt Screenshots.

das howto kommt 2 tage zu spät hab vor 2 tagen meine eigene GUi durch verzweifeltes HowTO suchen eigenständig erstellt^^
(...)

Besser spät als nie Der nächste schaffts vllt jetzt ohne langes Suchen

 

[quaestio]

Haben mir sehr geholfen die Anleitungen

 

[Pingumania]

Ich hätte auch gleich eine Frage bzgl. Ingame Chat.
Dort gibt es ja zwei Rahmen "border", Einen Inneren(dort wo Text steht) und einen Äußeren.
Wie kann ich deren Farbe ändern? Ich weiß nur wie ich diese verschieben, vergrößern oder verkleinern kann.
In der chatscheme.res kann ich die "border" verändern, aber egal was ich eintrage es ändert sich nichts.

 

[FrAGgi]

@pingumania:
Ich habe gerade keinen Zugriff auf einen Rechner mit vorhandenem Counter-Strike und somit GUI, aber du solltest in der Regel hinter den Einträgen mit "border" Zahlenwerte für die Farbeinstellungen finden. Diese musst du deiner Wunschfarbe entsprechend anpassen. Auswendig habe ich die genauen Einträge gerade nicht im Kopf.

 

[Pingumania]

Hier mal aus der chatscheme.res entnommen.

//////////////////// BORDERS //////////////////////////////
//
// describes all the border types
Borders
{
BaseBorder DepressedBorder
ButtonBorder RaisedBorder
ComboBoxBorder DepressedBorder
MenuBorder RaisedBorder
BrowserBorder DepressedBorder
PropertySheetBorder RaisedBorder

FrameBorder
{
// rounded corners for frames
"backgroundtype" "0"
}

DepressedBorder
{
"inset" "0 0 1 1"
Left
{
"1"
{
"color" "Border.Dark"
"offset" "0 1"
}
}

Right
{
"1"
{
"color" "Border.Bright"
"offset" "1 0"
}
}

Top
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}

Bottom
{
"1"
{
"color" "Border.Bright"
"offset" "0 0"
}
}
}
RaisedBorder
{
"inset" "0 0 1 1"
Left
{
"1"
{
"color" "Border.Bright"
"offset" "0 1"
}
}

Right
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}

Top
{
"1"
{
"color" "Border.Bright"
"offset" "0 1"
}
}

Bottom
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}
}

TitleButtonBorder
{
"backgroundtype" "0"
}

TitleButtonDisabledBorder
{
"backgroundtype" "0"
}

TitleButtonDepressedBorder
{
"backgroundtype" "0"
}

ScrollBarButtonBorder
{
"inset" "2 2 0 0"
Left
{
"1"
{
"color" "Border.Bright"
"offset" "0 1"
}
}

Right
{
"1"
{
"color" "Border.Dark"
"offset" "1 0"
}
}

Top
{
"1"
{
"color" "Border.Bright"
"offset" "0 0"
}
}

Bottom
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}
}

ScrollBarButtonDepressedBorder
{
"inset" "2 2 0 0"
Left
{
"1"
{
"color" "Border.Dark"
"offset" "0 1"
}
}

Right
{
"1"
{
"color" "Border.Bright"
"offset" "1 0"
}
}

Top
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}

Bottom
{
"1"
{
"color" "Border.Bright"
"offset" "0 0"
}
}
}

TabBorder
{
"inset" "0 0 1 1"
Left
{
"1"
{
"color" "Border.Bright"
"offset" "0 1"
}
}

Right
{
"1"
{
"color" "Border.Dark"
"offset" "1 0"
}
}

Top
{
"1"
{
"color" "Border.Bright"
"offset" "0 0"
}
}

}

TabActiveBorder
{
"inset" "0 0 1 0"
Left
{
"1"
{
"color" "Border.Bright"
"offset" "0 0"
}
}

Right
{
"1"
{
"color" "Border.Dark"
"offset" "1 0"
}
}

Top
{
"1"
{
"color" "Border.Bright"
"offset" "0 0"
}
}

}


ToolTipBorder
{
"inset" "0 0 1 0"
Left
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}

Right
{
"1"
{
"color" "Border.Dark"
"offset" "1 0"
}
}

Top
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}

Bottom
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}
}

// this is the border used for default buttons (the button that gets pressed when you hit enter)
ButtonKeyFocusBorder
{
"inset" "0 0 1 1"
Left
{
"1"
{
"color" "Border.Selection"
"offset" "0 0"
}
"2"
{
"color" "Border.Bright"
"offset" "0 1"
}
}
Top
{
"1"
{
"color" "Border.Selection"
"offset" "0 0"
}
"2"
{
"color" "Border.Bright"
"offset" "1 0"
}
}
Right
{
"1"
{
"color" "Border.Selection"
"offset" "0 0"
}
"2"
{
"color" "Border.Dark"
"offset" "1 0"
}
}
Bottom
{
"1"
{
"color" "Border.Selection"
"offset" "0 0"
}
"2"
{
"color" "Border.Dark"
"offset" "0 0"
}
}
}

ButtonDepressedBorder
{
"inset" "2 1 1 1"
Left
{
"1"
{
"color" "Border.Dark"
"offset" "0 1"
}
}

Right
{
"1"
{
"color" "Border.Bright"
"offset" "1 0"
}
}

Top
{
"1"
{
"color" "Border.Dark"
"offset" "0 0"
}
}

Bottom
{
"1"
{
"color" "Border.Bright"
"offset" "0 0"
}
}
}
}

Wenn ich hier bei "color" den Wert ändere z.B. auf "0 0 0 0" tut sich leider gar nichts.
Was "offset" und "inset" bedeutet wüsste ich auch gerne.

 

[FrAGgi]

Habe jetzt etwas rummprobiert, konnte aber leider auch zu keinem Ergebnis kommen (diese Bereiche habe ich nie verändert :-P ) Ich kann hier nur auf "sash" verweisen (http://efever.de/de/profile/672/Sash.html), von dem die Tutorials ursprünglich stammen. Evtl. kann er mit mehr Erfahrung in diesem Bereich helfen.

 

[FrAGgi]

Anlässlich des großen Updates habe ich den Download der default-files (SourceScheme, ChatScheme, etc.) aktualisiert: http://www.fraggi.de/2010/06/27/counter-strike-source-gui-tutorials-neue-default-files/

 

[elton_-]

Updatest du auch dein Tutorial für die neue CS:S Version?
Auch im GUI-Bereich hat sich ja einiges getan, da die Befehle für die verschiendenen Dinge sich ja teilweise geändert haben.

 

[FrAGgi]

Ich hatte einen Fehler beim Upload der default files gemacht. Werde die Woche die richtigen Dateien hochladen und mich so bald wie möglich wieder mit der GUI Erstellung befassen um die Unterschiede zur neuen Version auszuarbeiten.
Falls ihr unterschiede zur neuen Version und den Schritten in den Tutorials bemerkt, könnt ihr mir diese an fraggi@to-gaming.de schicken, oder sie hier posten. Das vereinfacht mir die Arbeit und ich kann die Tutorials ggf. schneller anpassen