Launcher Modding

10/08/2010 22:16 #FaiL'#1
Hallo E*PvPers.
Dies soll euch mehr oder weniger die Grundlagen vom Launcher Modding erklären.

Doch zuerst: Dieser Thread wird noch ausgebaut! Keine Sorge da kommt schon noch einiges mehr.
Bevor ihr wieder rumflamet: "Wieder so ein sinnloser Thread!". Mir ist es egal ob ihr es braucht oder nicht, ich möchte Leuten helfen die es brauchen! Während der Thread noch nicht vollständig ist kann ja auch jeder mal selbst in den Ordnern rumschnüffeln und sich ein paar Bilder anschauen und verändern.

-

Zuerst benötigt ihr ein beliebiges Bildbearbeitungsprogramm, z.B.: Paint.net, GIMP, Photoshop.

Alles spielt sich in folgendem Ordner ab.
League of Legends\html

Im Ordner "images" findet ihr den Hintergrund, die Buttons und den Ladebalken
Beschreibung Bild
Hintergrundbild de-DE\background.jpg
Play Button de-DE\play_sprite.png
Logs Button de-DE\logs_sprite.png
Options Button de-DE\options_sprite.png
Schließen Button exit_sprite.png
Minimieren Button minimize_sprite.png
Ladeanimation loading.gif
Ladebalken progressbar.jpg

Im Ordner "css" findet ihr die Größe der Bilder, die Position der Bilder, die Namen der Datein, die Textfarbe und Textart.
Beschreibung Datei
größen, Schriften, positionierung common.css
Bildpfade de-DE\local.css

Im Ordner "js" befinden sich verschiedene Javascripte mit denen ihr z.B. die Funktionen der Buttons ändern könnt oder gar selbst welche hinzufügen.

1. Bilder
Die meisten Bilder sollten selbsterklärend sein. Dabei probiert man einfach aus und schaut was passiert, falls jemanden etwas besseres hierzu einfallen sollte bitte schreiben.

2. CSS
Hier wird es interessant. Mithilfe von CSS (cascading style sheet) könnt ihr die Buttons, Onlineanzeige, News verschieben, vergrößern und verkleinern.

Wenn ihr euch nun die common.css anschaut werdet ihr zuerst mit vielen Eigenschaften bombardiert, doch da die meisten sich wiederholen ist es ganz einfach seiner Kreativität freien lauf zu lassen.

Diese Tabelle sollte euch die häufigsten Begriffe näher bringen.
Eigenschaft Beschreibung
heighthöhe des Objektes
widthbreite des Objektes
topwie weit ist das Objekt vom oberen Rand entfernt
bottomwie weit ist das Objekt vom unteren Rand entfernt
leftwie weit ist das Objekt vom linken Rand entfernt
rightwie weit ist das Objekt vom rechten Rand entfernt
colorFarbe des Objektes - [Only registered and activated users can see links. Click Here To Register...]

Damit sollte sich schon eine Menge anfangen lassen ;)

Sollte ihr weitere Eigenschaften + Beschreibung wissen wollen, Google, einen Member oder mich fragen.

3. Javascript

Folgt

~ FaiL
10/08/2010 22:29 Shox.#2
Gut! sieht aber etwas hingeklatscht aus ^.^ nicht böse sein ist aber so naja aber trotzdem THANKS Dude

Mfg.Shox
10/08/2010 22:41 good guy ru#3
Hmm..also ich finde diesen Thread für Einsteiger in diesem Gebiet, welche sich damit nicht auskennen ganz schön sinnvoll.
10/08/2010 22:53 Vertexx#4
Wenn ich die Zeit finde, würde ich gerne hier einige Sachen hinposten, die du wenn du willst übernehmen kannst. (Javascript Photoshop und Animationen in den Launcher einbinden)
10/08/2010 23:09 #FaiL'#5
Quote:
Originally Posted by Vertexx View Post
Wenn ich die Zeit finde, würde ich gerne hier einige Sachen hinposten, die du wenn du willst übernehmen kannst. (Javascript Photoshop und Animationen in den Launcher einbinden)
Also wenn du mit Animationen GIFs einbinden meinst nicht, über einige Javascript dinge würde ich mich freuen (hab mich damit noch nicht beschäftigt)

Bilder etc. hab ich (denke ich) soweit raus ;)

Quote:
Gut! sieht aber etwas hingeklatscht aus ^.^ nicht böse sein ist aber so naja aber trotzdem THANKS Dude

Mfg.Shox
Ist es mehr oder weniger auch, bin grade am Gedanken überarbeiten etc. xo

~ FaiL
10/08/2010 23:15 DarkPuffy#6
Würde mich über ein ausführliches Tut freuen. Kommt sicher noch. :cool:

Brauch man Java Kenntnisse? Oder gibt es da schon vorgebastelte Sachen für die Buttons? Wen ja würd ich mich hier über Liste freuen.
10/08/2010 23:19 Vertexx#7
Quote:
Originally Posted by DarkPuffy View Post
Würde mich über ein ausführliches Tut freuen. Kommt sicher noch. :cool:

Brauch man Java Kenntnisse? Oder gibt es da schon vorgebastelte Sachen für die Buttons? Wen ja würd ich mich hier über Liste freuen.
Man kann die vorhandenen Buttons mit ein Bisschen Photoshop Ahnung so ändern, dass die Animation anders ist und dann einfach die vorhandenen Scripts von den alten Buttons benutzen.

Java Kenntnisse sollte man haben wenn man kleinere Sachen selber machen will.
10/08/2010 23:21 #FaiL'#8
Quote:
Originally Posted by DarkPuffy View Post
Würde mich über ein ausführliches Tut freuen. Kommt sicher noch. :cool:

Brauch man Java Kenntnisse? Oder gibt es da schon vorgebastelte Sachen für die Buttons? Wen ja würd ich mich hier über Liste freuen.
Java brauchst du nicht, aber ein wenig Javascript wäre praktisch. Ich muss dazu sagen das ich weder Java noch Javascript kann ;>

~ FaiL