GUI - projektowanie interfejsów

Transkrypt

1 Katedra Inżynierii Wiedzy, Uniwersytet Ekonomiczny w Katowicach Wykład 1

2 pjuszczuk.pl

3 Warunki zaliczenia Test z części teoretycznej (materiały z wykładów); Projekt realizowany podczas ćwiczeń (możliwa praca w grupie 2-osobowej); Szczegóły projektu podane będą z wyprzedzeniem wraz z dokładnym opisem wymagań. Termin zdania projektu ustalany będzie na zajęciach. Materiały z wykładów oraz ćwiczeń wraz z opisem projektów dostępne będą online.

4 Zakres przedmiotu Wprowadzenie - gry i narzędzia Interfejsy użytkownika Użytkownik a interfejs Diagramy UML i diagramy Windows Navigation Diagram Prototypowanie Tyfloinformatyka Unity Android Studio

5 Gry i narzędzia Narzędzia narzędzia graficzne - przygotowanie elementów graficznych (np. tekstury), np. GIMP do obróbki grafiki rastrowej (Adobe Photoshop), InkScape do obróbki grafiki wektorowej (Adobe Illustrator), Tiled - edytor do tworzenia poziomów (tzw. kafelki), MakeHuman - darmowe narzędzie do generowania siatek humanoidalnych (animacja postaci w połączeniu ze szkieletem i modelem RigidBody). oprawa dźwiękowa - edytory dźwięku takie jak Audacity, generowanie dźwięków akcji (atak, uderzenie w ścianę) - SFXR, lub mikrofon + nagrywanie.

6 Unreal Engine pierwsza wersja (mechanizm renderowania, system wykrywania kolizji, system sztucznej inteligencji) rok (gra Unreal); Unreal Tournament - wersja 1.5 (1999r.); Aktualna wersja 4, a od 2015 roku silnik jest darmowy (oprócz produkcji komercyjnych, które zarobią powyżej 3 tys dolarów).

7 Doom Engine pierwsza wersja stworzona przez Id Software na potrzeby gry Doom (1993 rok); od 1999 roku kod silnika opublikowany został na licencji darmowej; silnik doczekał się wielu modyfikacji dotyczących np. obsługi OpenGL. Quake Engine silnik opracowany w 1996 roku (na potrzeby gry Quake); jeden z pierwszych silników posiadających grafikę 3D przygotowany przez Johna Carmacka (ten sam, który napisał silnik Doom Engine).

8 Narzędzia graficzne - Blender Blender jako darmowa alternatywa dla Photoshopa; Wsparcie dla obliczeń GPU; modelowanie; przygotowanie modelu i przekształcenie w postać (szkielet i poruszanie się); rzeźbienie w materiałach; symulacje (woda, dym, włosy, ubranie); efekty cząsteczkowe jak deszcz, czy iskry; kamera i śledzenie obiektów; zestawy dodatkowych bibliotek; gotowe projekty, matriały, modele.

9 Rysunek: Blender (źródło: oficjalna strona Blender)

10 Rysunek: Blender (źródło: oficjalna strona Blendera)

11 Rysunek: SFXR

12 Da się przygotować coś bez złożonej grafiki? gry niezależne (indie games, indyki) - tworzone przez mały zespół/ jedną osobę bez wsparcia finansowego; ze względu na ograniczone koszty - często brak fizycznego nośnika; Podstawowym atutem jest innowacyjność (Minecraft).

13 Rysunek: Minecraft

14 Gry retro a grafika retro gry nieco starsze - najczęściej z lat 1980; gry w stylu retro - (Hotline miami, Fez, Super meatboy) - nowe gry, w których stosowana jest grafika w stylu retro; ograniczona paleta kolorów; skalowanie pikseli (w celu wyraźnego zaznaczenia poszczególnych pikseli): jeden piksel to np. siatka 10 na 10 pikseli;

15 Rysunek: Piksele i sztuczne zwiększenie wielkości piksela w wyższej rozdzielczości

16 Unity 3D - gry Pillars of Eternity; Deus Ex; Might and Magic X; Slender; Unity 3D - ogólnie zintegrowane środowisko do tworzenia gier 2D, 3D oraz materiałów interaktywnych; wieloplatformowość - Windows, Linux, Mac, apki mobilne, konsole; możliwość pisania skryptów w trzech językach: C#, UnityScript (JavaScript), Boo (inspirowany Pythonem).

17 Interfejsy użytkownika Rysunek: System informatyczny

18 Rysunek: Pięciowarstwowy model logicznego rozdzielania zadań (wg. D.Alur, J.Crupi, D. Malks, Core J2EE. Wzorce projektowe.)

19 Rysunek: MS-DOS

20 Rysunek: Xerox Star 1981

21 Rysunek: Apple Lisa 1983

22 Rysunek: Macintosh 1984

23 Rysunek: Windows

24 Rysunek: Windows

25 Rysunek: Windows

26 Rysunek: System 7 na Macintosha 1991

27 Rysunek: Windows

28 Rysunek: Mac OS

29 Rysunek: Windows XP 2001

30 Rysunek: Mac OS X 10.2 Jaguar 2002

31 Rysunek: Ikony kosza na śmieci

32 Rysunek: Photoshop CS3

33 Dziękuję za uwagę