50
Napredna 3D računalniška grafika in vizualizacije Helena Gabrijelčič Tomc (UL, NTF, Oddelek za tekstilstvo, grafiko in oblikovanje) 2. stopnja, magistrskega študija GIK

Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Napredna 3D računalniška grafika in vizualizacije

Helena Gabrijelčič Tomc(UL, NTF, Oddelek za tekstilstvo, grafiko in oblikovanje)

2. stopnja, magistrskega študija GIK

Page 2: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Temelji oblikovanja video iger

http://www.wall321.com/People/Black_and_white/video_games_grayscale_limbo_monochrome_spiders_1600x900_wallpaper_14838/download_1280x1024

Page 3: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

http://2005-w08.wikispaces.com/Video+Game+Structure

Struktura video iger

Page 4: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

http://2005-w08.wikispaces.com/Video+Game+Structure

Struktura video iger

Page 5: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

• objektivi• perspektiva• dokumentacija• oblikovanje scene• tehnike animacij

Fokus

Page 6: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Objektivi

Page 7: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Objektivi

• definiranje perspektive igre• opis elementov scene• identificiranje uporabljenih elementov, ki bodo gradili vzdušje in temo• razlaga izzivov (omejitev, orodij) generiranja računalnike grafike• opis ustvarjanja 3D modelov (2D grafike)• opis uporabe različne vrste animacij (statika, dinamika)• definicija terminologije uporabljene za artistično ustvarjanje ter

računalniško-generirane slike• ustvarjanje artističnih sredstev za video igro• definicija kako bo senčenje slikovnih točk ter oglišč ustvarjalo iluzijo globine

(programerski del)

Page 8: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva

Page 9: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva

• tip prikazovanja igranja (gameplay)• pozicija igralca na zaslonu• vrsta perspektive – definicija grafične perspektive

prva oseba druga oseba tretja oseba

Page 10: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

https://www.youtube.com/watch?v=cbLeA3px1Bk

Page 11: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva prve osebe

• prvoosebna perspektiva: pogled iz oči lika• grafična perspektiva • primerljivo s pogledom skozi kamero na glavi• avatar• omejitev glede na žanr• prvoosebna narativnost

http://www.giantbomb.com/first-person-perspective/3015-330/

Page 12: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva druge osebe

• drugoosebna perspektiva: redko uporabljena• pogled iz oči nasprotnika• drugoosebna narativnost • poslušalec, "ti "

http://www.kongregate.com/games/acaudel/second-person-shooter

navodila igralcu

perspektiva igralcaakcije se dogajajo na tem zaslonu, ki jih igralec ne vidi

Page 13: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva druge osebe

• problematika vživljanja igralcev• problematika postavitve kamere

https://www.youtube.com/watch?v=cbLeA3px1Bk

Page 14: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva tretje osebe

• perspektiva iz oči gledalca• perspektiva iz določene razdalje (običajno od zadaj in rahlo gor) od

igralčevega lika• uporabljene za akcije in akcijsko-pustolovske igre• izziv kamere: ko se igralec obrača ali stoji s hrbtom proti zidu (vpeljava

sistema inteligentne kamere ter igralčeve kontrole nad kamero)• narativnost tretje osebe

Page 15: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva tretje osebe

Tri tipe kamere: • sistem fiksne kamere ("fixed camera systems "; pozicija kamere je nastavljena

med ustvarjanjem igre)• sistem sledenja kameri ("tracking camera systems"; kamera sledi liku igralca)• interaktivna kamera ("interactive camera systems" ; je v domeni igralca)

Page 16: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva tretje osebe

https://en.wikipedia.org/wiki/Super_Mario_64#/media/File:N64_Super_Mario_64_whomp_fortress.jpg https://www.youtube.com/watch?v=p_U4JBNhKN8

Tomb ReiderSuper Mario

Page 17: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva tretje osebe, klasična platforma

• izgled klasične platforme

https://en.wikipedia.org/wiki/Video_game_graphics#/media/File:Awesomenauts_-_Screenshot_09.jpg

Page 18: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Perspektiva tretje osebe, od zgoraj

• izgled od zgoraj

https://en.wikipedia.org/wiki/Video_game_graphics#/media/File:TheHeist2_Robbery.png

http://appaddict.net/2010/06/17/foosball-hd-scores-big/

Page 19: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Spremenljiva perspektiva

• sprememba perspektive glede na akcijo igre (tretja oseba med tekom, prva oseba med akcijo streljanja)

• gumb za preklop

Page 20: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Oblikovanje koncepta igre (Game concept design, Game concept document)

Page 21: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

• predprodukcija video iger• ni standardov• priporočeno: ciljna skupina, gameplay (splošni opis), likovni in oblikovalski

nivo igre, koncept oblikovanja, načrtovanje nivojev igre, zgodba, razvoj likov, uporabniški vmesnik in potrebna sredstva

• dokument je sestavljen iz teksta, slik, diagramov, oblikovanje koncepta (concept art), funkcionalnih prototipov (igralni pogon itd).

Oblikovanje koncepta igre

Page 22: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

• zgodbo• vizualizacijsko-umetniški nivo igre (concept art)• načrtovanje in razvoj ter oblikovanje likov, rekvizitov in drugih elementov • oblikovanje okolja, atmosfere (po plasteh)• opis nivojev ter način napredovanja• gameplay, informacijska arhitektura igre• glasba in zvok• uporabniški vmesnik in igralne kontrole

Game concept document

Page 23: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

• je razvoj oblikovalskega koncepta igre oz. vizualni razvoj igre• je forma ilustracije za razvoj ideje in uporabe v video igrah, filmu, animaciji

knjigah itd….• začetki v 60ih 70ih letih, ko so je začeli analizirati koncepti in postopki

predpriprave za samo umetniško ustvarjanje

Koncept oblikovanja (concept art)

Page 24: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

http://www.destructoid.com/have-some-metal-gear-rising-revengeance-concept-art-242192.phtmlhttp://jchery.deviantart.com/art/Hero-Monster-Video-Game-Concept-Art-298496305

Umetniški koncept (Concept art)

Page 25: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Concept art

https://www.youtube.com/watch?v=CzJXLXLKHpg

Page 26: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Primer: Mark Arandjus

http://markarandjus.tumblr.com/tagged/Illustration

Page 27: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Gameplay

Page 28: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Gameplay

Gameplay je shema igre (vzorec), ki je definirana:• s pravili igre• z akcijami lika• z izzivi igre• kako se bo izzive reševalo• s povezavo igralca s scenarijem• (grafika, zvok, zgodba in narativnost)

izkušnja igralca

Page 29: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Gameplay

Vrste izkušnje (vezane na žanr):• arkadni stil• streljanje (prvoosebno streljanje)• akcijski in pustolovski• bojevniški• športni• vožnja z avtomobili, motorji• simulacijski stil• resne igre

http://www.androidtapp.com/defender-3/

http://foursakenmedia.com/?portfolio=monster-adventures

Page 30: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Gameplay

http://people.uta.fi/~tlilma/gameplay_experience.pdf

Laura Ermi: Foundamental Components of the Gameplay Experience

Page 31: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Osnove koncepta oblikovanja izkušenj igralca

http://people.uta.fi/~tlilma/gameplay_experience.pdf

• SCI model • definira tri ključne

dimenzije poglobitve v izkušnjo igranja iger

Laura Ermi: Foundamental Components of the Gameplay Experience

Page 32: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Koncepti gameplay

• konveksnost• tok• težavnost • ravnotežje

Page 33: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Konveksnost

http://gamedev.stackexchange.com/questions/92490/what-is-convexity-in-the-context-of-game-design http://web.cs.wpi.edu/~gogo/courses/osaka_2009/slides/Osaka_Lectures_2009_03.pdf

• mora ponujati izbiro

Page 34: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Tok

Tok (flow) igre je dosežen:• ko dovolj motiviran igralec percipira ravnotežje med svojimi sposobnostmi

in izzivi interakcij s ciljno pozornostjo

popolna prevzetost

občutek entuziazma in zadovoljstva

jasnost pri igranjupoznavanje katere aktivnosti so možne med igro

brezčasnost

popolna prevzetost

Page 35: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Tok

• ravnotežje• M. Csikszentmihalyi, "Flow, The Psychology of Optimal Experience"

Page 36: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Težavnost

• težavnost (konveksnost + tok)

https://www.deltacollege.edu/emp/elane/GameDesign/ClassNine/WeekNine.html

doseganje boljšega toka s konveksnostmi

Page 37: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Ravnotežje

• je koncept, ki opisuje poštenost ali ravnotežje moči v igri med igralci ter strategijskimi opcijami

Tehnike• simetrija• statistična analiza• naključnost• povratna informacija, zanke• "gamemaster" (dinamično uravnoteženje igralcev z opazovanjem)

Page 38: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Igrabilnost (Gamefication)

zadovoljstvoobčutek popolnega prevzema

motivacija

čustva

socializacija

J. L. González Sánchez, N. Padilla Zea and F. L. Gutiérrez, Playability: How to Identify the Player Experience in a Video Game

učljivost

učinkovitost

Page 39: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Narativnost

Page 40: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

http://www.gamesmakingnoob.com/2014/11/jobs-in-gamedev-writer-narrative.html

„There is a conflict between interactivity and storytelling.“ (Walter, Freitag, game designer)

the study ofgame structure(gameplay)

narative andliterary theoryupon which thestory is based

Narativnost

Page 41: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Nelinearnost (Non-linearity)

https://eis-blog.soe.ucsc.edu/2009/08/nonlinear-storytelling-in-games-deconstructing-the-varieties-of-nonlinear-experiences/

Page 42: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Nelinearnost (Non-linearity)

Preddoločena narativnost (Embedded narrative)• skupek odsekov dogajanja na sceni (omogoča fikcijsko ozadje, motivacijo in razvoj

dramskega trikotnika)

Nastajajoča narativnost (Emergent narrative)• Nastaja trenutek za tremutkom igranja, zelo odvisna od akcije igralca

game design=

balansiranje obeh pristopov

Page 43: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Narativni opisovalec (Narrative descriptor)

• element igre, ki komunicira aspekt svoja zgodbe igralcu (visual elements, surroundingcontex)

• tekst navodil• kadri scene• elementi vmesnika • vizualni elementi scene (ozadje, scena, igralčev

pogled)

Page 44: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

K narativnosti prispevajo

• uvodna scena• kadriranje• interakcije• segmenti scene (videa)• struktura in ritmika (dinamika)

Page 45: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

http://www.gamasutra.com/view/feature/4032/beyond_pacing_games_arent_.php?print=1

Pacing in Star Wars.„Repetition in games also means it's easier to notice patterns. Simple pacing structures, such as "increasing wave", are very predictable when they have too many iterations. Ironically, the same mechanism that helps create surprises in a film, makes it easier for players to anticipate obstacles and plot twists.“

Struktura

• „pacing“

Page 46: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Struktura

https://www.youtube.com/watch?v=SSnV-2uWG9w

Page 47: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Oblikovanje nivojev (opis sveta, Level design)

Page 48: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Oblikovanje nivojev in opis sveta

• je disciplina pri razvoju iger, ki vključuje ustvarjanje sveta igre, virtualnih scen in okolij, misij, parametrov, ki definirajo uporabnikov jezik, torej kaj želi uporabnik videti in izkusiti na uporabniškem vmesniku

http://www.daretobedigital.com/d2bd/team-information-2012/blog.php?intStoryNumber=5920&idTeam=1243

Page 49: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Opis sveta

Proces oblikovanja nivojev vključuje:• konceptualna umetnost (oblikovanje koncepta), skice, upodobitve, fizični modeli• pisanje dokumentacije, oblikovanje okolja, postavitev likov, uporaba orodij za oblikovanje

sveta (programska orodja za 2D in 3D grafiko)

• postopek:1. postavitev širše okolice dogajanja2. definiranje pogojev okolice (letni čas, del dneva, način zbiranja točk, časovne omejitve)3. definiranje področij dogajanja določenih aktivnosti "gameplaya" (gibanje elementov ozadja)4. definicija nestatičnih delov nivoja (vrata, vozila, itd..)5. definicija lokacije entitet igre (igralčeve točke, sovražniki, itd..)6. specificiranje začetne in končne lokacije igralcev7. dodajanje estetskih detajlov (teksture, zvok, animacija, osvetljevanje, glasba..)8. določanje skriptiranih dogodkov9. iteracije zgoraj navedenega (!)

Page 50: Napredna 3D računalniška grafika in vizualizacije · • opis ustvarjanja 3D modelov (2D grafike) • opis uporabe različne vrste animacij (statika, dinamika) • definicija terminologije

Tomb Raider VR First Gameplay & Development Details

https://www.youtube.com/watch?v=SLhZVWtnrI8