[Crossfire] Tworzenie ekranów logowania

[9Jarek9]

W tym poradniku pokażę wam jak tworzyć ekrany logowania.

 

1. Szukamy obrazka 800x600, który ma nam posłużyć jako ekran logowania, w tym poradniku wykorzystam morze.

 

 

2. Edytujemy plik graficznie, dodajemy miejsce w którym ma być wpisywany login i hasło. Dodajemy również napisy login i hasło.

 

 

3. Otwieramy plik LogIn.txt który znajduje się w folderze crossfire/rez/ui/scripts

 

 

4. EditloginID odpowiada za umiejscowienie pola na wpisywanie loginu.

Teraz trzeba sprawdzić jaką pozycje zajmuje zrobione przez nas pole, można to łatwo sprawdzić np. podczas edytowania pliku graficznego w Gimpie.

 

 

W lewym dolnym rogu Gimpa pokazują się współrzędne X i Y.

Na zrobionym przeze mnie ekranie logowania są współrzędne 204-62, a więc wpisujemy to do pliku LogIn

 

 

Teraz musimy wpisać dobrze wysokość pola.

 

 

Skoro współrzędna Y na wcześniejszym screenie wynosiła 62, a na tym 96, to odejmujemy większą liczbe od mniejszej 96-62=34

A więc wysokość wynosi 34. Wpisujemy to do naszego pliku tekstowego:

 

 

Teraz trzeba obliczyć szerokość.

 

 

Współrzędne X wynoszą 426 i 206, odejmujemy i wychodzi nam 220. To wpisujemy w wysokości w naszym pliku.

 

 

5. To samo robimy z hasłem, czyli EditLoginID

Jeśli pola na wpisywanie są takiej samej wielkości to zmieniamy tylko współrzędne, a wysokość i szerokość zostają te same.

 

 

6. Teraz musimy ustawić przyciski w dobrym miejscu, sami ich nie musimy malować na tapecie, one same się ustawią.

Przycisk "Login" - ButtonLogin

 

 

 

 

To samo robimy z przyciskiem "exit" ButtonExit

 

 

 

 

Robimy to także z przyciskiem "save id"

 

 

 

 

7. Zapisujemy nasz ekran logowania w formacie TGA pod nazwą loginbg i wstawiamy go do folderu rez/ui/ui_login

8. Gotowe, tak to wygląda w praktyce