TBSK 03 Teknik för Advancerade Datorspel



Relevanta dokument
TBSK 03 Teknik för Advancerade Datorspel

design & layout Distansskolan 1

I rastergrafikens barndom...gjorde man grafik genom att skriva i ett videominne. Operationer på buffert och pixlar. Idag... Varför grafikkort?

Grafiska pipelinen. Edvin Fischer

3D så långt ögat ögonen når

Grafisk Teknik. Rastrering. Övningar med lösningar/svar. Sasan Gooran (HT 2013)

TBSK 03 Teknik för avancerade datorspel. Jens Ogniewski Information Coding Group Linköpings universitet

Grafik. För enklare datorsystem

Autostereoskopiska skärmar i moderna spel

Nyheter i Revit Precast automation for lattice girder slabs API for precast automation

Digital bildhantering

Världens första WQHD gamingskärm med G-SYNC, snabb uppdateringsfrekvens på 144 Hz och responstid på 1 ms

TBSK 03 Teknik för Advancerade Datorspel

Spelutveckling - Scenegrafer. Scenegrafer Optimeringar Culling

Prioritet. Varför digitalisera? Apparater; i allmänhet. Datorn

Uppgift. Laboration. Sidan 1 av 7

Robin Wahlstedt Datavetenskap / Spel Vetenskapsmetodik rwt07001@student.mdh.se. Datorgrafik i spel

Bildoptimering för webben

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Bildskärmar och synergonomi

MagniLink Vision. - möjligheternas system

HDR den enkla vägen. Råkonverteraren Det första vi gör i råkonverteraren är att öppna våra tre bilder. av Kristoffer Ingemansson

Energieffektiv GUI design

ATT ARBETA MED VEKTORGRAFIK

Metoder för rörelsemätning, en översikt.

Grunderna i. Digital kamerateknik. SM3GDT Hans Sodenkamp SK3BG

Våra grafiska riktlinjer

Bilder... Dagens föreläsning. Objektgrafik. Objektgrafik. TNMK30, 2010 Föreläsning

Samling och kaffe. Temakväll Bildhantering i släktforskningen Genomgång kring temat. Forska själv. Forska själv. Diskussion kring temat

Sensorer i digitalkameror

Färger, RGB-er och riktiga bilder

Neural bas för kognition

Grafik. För enklare datorsystem

Digitalisering Offentlig sektor. Från tryckt till. digital publikation. FRÅN INTRODUKTION OCH ÖVERSIKT TILL STRATEGI OCH CHECKLISTA.

Dental digital röntgenteknik Vad ska vi tänka på?

HDMI, Displayport och USB. Utbildningsmaterial med fokus på certifieringar

LUNDS UNIVERSITET. Parallell exekvering av Float32 och INT32 operationer

Bildhantering i OEW. Vi ska arbeta med följande bilder:

Structuring Two Dimensional Space

TSBK 10 Teknik för avancerade datorspel Fö 9: Nätverk, Peter Johansson, ISY

Ansiktsigenkänning med MATLAB

Vad kan biologiskt plausibla modeller säga oss?

Spelutveckling 3d-grafik och modellering. Grunder för 3d-grafik Blender Animering

Anvisningar för passfoto

Så skapas färgbilder i datorn

HDMI, DisplayPort och USB. Utbildningsmaterial med fokus på certifieringar

I rastergrafikens barndom...gjorde man grafik genom att skriva i ett videominne. Operationer på buffert och pixlar. Idag... Varför grafikkort?

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Grafisk produktion för webb och tryck. Projektarbete Solveig Betnér

Bildredigering i EPiServer & Gimp

Kort lektion i skannerteknik

Procedurell grottgenerator och eld i GLSL. Marcus Widegren

PROCEDUELL TERRÄNG. Proceduella metoder för bilder (TNM084) Jimmy Liikala Institutionen för teknik och naturvetenskap

Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN

Mekaniska metoder för att mäta objekt och/eller rörelser kan bestå av:

grafisk design & layout regler

Grafiska pipelinens funktion

Rastrering och displayalgoritmer. Gustav Taxén

'LJLWDODELOGHUR KGLJLWDOELOGPDQLSXOHULQJ

Pipelining i Intel Pentium II

Kort lektion i Scannerteknik

Teknik för avancerade datorspel!

KAMERANS TEKNISKA DETALJER

VRay för Max Camilla Ravenna / André Ravenna Alto Punto 2012 Alto Punto Askims Stationsväg Askim

The Information Company Visuell kommunikation av siffror Stockholm

Observera också att det inte går att både se kanten på fönstret och det där ute tydligt samtidigt.

Studieanvisning i Optik, Fysik A enligt boken Quanta A

Virtuella miljöer 1. - Introduktion till Virtual reality

KRANKÖRNING FÖR NÄSTA GENERATION SKOGSARBETARE

Brusreducering och Skärpning av bilder. Kalle Prorok Okt 2010

Fiber for Dummies. TNT/Riksteatern TNT/Riksteatern

Digitala bilder. Matris, pixel, pixeldjup, signal, brus, kontrast

Föreläsning i webbdesign. Bilder och färger. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se

Grunder. Grafiktyper. Vektorgrafik

Shaders. Renderingssystem. Renderingssystem. Renderingssystem. Hårdvara för 3D-rendering. Hårdvara för 3D-rendering

CW263BT. Badrumsvåg. Manual

Detaljerad checklista belysning/synergonomi, i första hand för ergonomer/arbetsmiljöingenjörer och andra specialister

Neurosensomotorik och kognition. Ögon- och hållningstränings påverkan på perception och koncentration

Allt om HDR. Reglagen i Photomatix. Tone Compressor

Ett enkelt OCR-system

DigitalBild del 2 Adobe Photoshop Elements ver 3.0

Innehåll. Kamerabaserad interaktion Del 3 3D och AR. Världen genom datorn. Vad är AR? AR vs. VR. Potential

Torbjörn Westin, Spacemetric AB Simon Ahlberg, FORAN Remote Sensing AB

VISUELLA FÖRHÅLLANDEN

1. STANDARDLOGOTYP. Läs mer om Flexit LOGOTYP INLEDNING. LOGOTYP FÖR POSITIONERING Ljusblå: 100% C Mörkblå: C 100%, M 89%, Y 27%, K 10% Svart/vit

Bézierkurvor och parametriska objektrepresentationer

Mittuniversitetet Institutionen informationsteknologi och medier

QosmioEngine För avancerad video

Att bevara historiska bilder. Digitalisera, beskriva, söka, visa, långtidslagra

1. Beskär bilden och räta eventuellt upp bilden med beskärningsverktyget

Spel som interaktiva berättelser

Laboration 1. Grafisk teknik (TNM059) Introduktion till Matlab. R. Lenz och S. Gooran (VT2007)

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0,

Adobe. Photoshop CS3. Fortsättningskurs.

DigitalBild del 2 Adobe Photoshop Elements ver 6.0

DGI/SUDOA Den historiska utvecklingen. Globala - lokala belysningsmodeller. Lokala belysningsmodeller. Rendering equation

Bildarkiv Länkar här finns många tips och trix för PhotoShop Starta programmet Röda ögon Text Lager Spara...

Anvisningar för ansiktsfoton som skickas in elektroniskt

Texturerade 3D-modeller

Rendera med mental ray

KYLIN 250 MANUAL. Tack för att du valt en Kylin 250 från Skycraft.se

Transkript:

TBSK 03 Teknik för Advancerade Datorspel

Översikt 3D och Stereoskopi Introduktion Bildskärmsteknik Depth Cues Limiteringar Design-riktlinjer Texturkompression Introduktion Algoritmer & Standarder (DXT, PVRTC, ETC) Jämförelse

Bakgrund / Motivation Fler och fler system (NVIDIA 3D Vision, Playstation 3D, Nintendo 3DS, 3D Android phones,...) Bara ett gimmick? Exempel visar att hårdvaran är redo => Det är upp till speldesignern att använder dem rätt! 3D handlar om immersion, inte gameplay Viktigaste uppgifter Höjer immersion Höjer användarens komfort Inte alltid motsatta mål 1/17

Bildskärmsteknik Många olika tekniker finns, vi ska kollar på: Glasögon-baserade system Virtuella realitets system Autostereoskopiska bildskärmar Liknande egenskaper Alla system som finns att köper för vanliga konsumenter tillhöra de kategorier Bilder för vänster/höger ögon: sk vyer 2/17

Bildskärmsteknik Shutter glassögon: tidsmultiplex Visar olika vyer efter varandra Bara en ögon ser vyn, den annan ser ingenting Glasögon behöver synkroniseringen med bildskärmen Inbyggt mottagare Behöver batterier PGA av svarta bilden: kan flimmer Bildskärm billig, glassögon dyr Användas i de flesta 3D bildskärmar på marknaden 3/17

Bildskärmsteknik Shutter glassögon: tidsmultiplex 3/17

Bildskärmsteknik Polarisations-baserade system Glasögon-baserad Använder ljus-polarisation för att separera bilderna Billiga glasögon, dyra bildskärmar Behöver dubbel så höga upplösning Används i 3D biografer 4/17

Bildskärmsteknik Virtual Reality Glasögon med egen bildskärm för varje öga 5/17

Bildskärmsteknik Virtual Reality Glasögon med egen bildskärm för varje öga 5/17

Bildskärmsteknik Virtual Reality Baserat på sk. Side-by-side Sedan 1840 (dvs även äldre än fotografi!) 5/17

Bildskärmsteknik Virtual Reality Glasögon med egen bildskärm för varje öga Stor, tungt Dyr Kan inte användas som vanligt bildskärm men väldig bra immersion 5/17

Bildskärmsteknik Autostereokopiska bildkärmer Använder sig av optiska element för att sända ljus i olika håll Inga glasögon men betraktaren måste vara i sweetspot Och upplösningen halveras (el. sämre) 6/17

Limiteringar Crosstalk / Ghosts Mindre Illumination Ljus som läcker från en vy till en annan Shutter-glasögon: bythastighet av bildskärmen, synkroniseringen Polarisation: noggrannhet av bildskärmstillverkning, LED utstrålning på sidan Autostereoskopiska display: om inte precis i sweetspot, LED utstrålning på sidan Shutter-glasögon: svarta perioder Andra: optiska filter Trade-off: illumination vs. crosstalk 7/17

Limiteringar Eye strain: Överansträngningen av ögonen Kan händer med alla sorts bildskärmar, men: Stereoskopiska bildskärmar är särskilt benägen PGA vergence / accomodation konflikt 8/17

Depth cues Principiellt: allt som hjälpa ögon att bedöma djupet Avändades från konstnärer i bokstavligen hundratals år De mest intressanta (för oss): Stereoskopi Ocklusion Motion parallax (mer om detta senare) Skuggor Distans-oskärpa Få inte motsäger varann Men: om de stämmer överens, kan de minskar stressen för ögonen 9/17

Depth cues 10/17

Depth cues 10/17

Depth cues Motion Parralax: effekten att byta scenens perspektiv baserade på betraktarens rörelse Relaterat: Parallax Scrolling (sedan 1982) 11/17

Design Riktlinjer Grafiska algoritmer: undvik allt som skapa ett fusk djup Undvik billboards Var aktsam med 2D effekter HDR effekter som t.ex. blooming Particle effekter Bump mapping Skyboxes: placera så lång borta som möjlig Billboard clouds kan fungerar dock Distans-oskärpa kan motverka möjliga problem Använd så mycket realistisk geometri som möjlig 12/17

Design Riktlinjer Använd Anti-Aliasing Alias väldig irriterande om olika för båda ögon Distans oskärpa kan minska effekten, eftersom den oftast uppstå pga av geometri som är lång borta av betraktaren Att blanda bilderna på skärmen (som t.ex. i autostereoskopiska bildskärmar) kan introducera alias-effekter När bilderna blandas på skärmen: anti-alias kan göras i samma steg 13/17

Design Riktlinjer Hantera Ghosts Undvik stora kontraster i närliggande pixler Beräkna anti-ghosts om möjligt Fast: det behövs att veta precis hur bildskärmen är byggt, vad betraktaren kommer att se Fungerar inte för alla ghosts 14/17

Design Riktlinjer Framför / Bakom bildskärmen? Objekten framför häftigare Men också jobbigare för ögonen Wander off problem 15/17

Design Riktlinjer Framför / Bakom bildskärmen? Objekten framför häftigare Men också jobbigare för ögonen Wander off problem 15/17

Design Riktlinjer Om bildskärmen används för input (touchscreen): Input-element skulle läggas på bildskärmen DVS inte bakom eller framför Men skulle inte bli blockerat av andra element Eller blockera andra element som ligger framför bildskärmen => Alla andra objekten skulle ligga bakom bildskärmen Generellt: Lägg allt bakom bildskärmen Spara objekten som ligger framför för chock-element Kommer då vara ännu häftigare Ser till att de funkar ihop med input-elementen 16/17

Konklusion Inte överanvänder effekten Minskar eye strain så mycket som möjlig Använd korrekta Depth Cues Kollar på forskningen inom video-kompression (där finns mycket mer publikationer än inom 3D spel, de flesta går att använder direkt) Ta reda på vilka effekter fungerar med 3D, och vilka inte (och hur man kan modifiera dem så att de fungerar) Inte alla spel ägnar sig åt 3D 17/17

Introduktion Använd texturkompression för att... Minimera minnes- och bus-användning Fler texturer samtidig Nödvändiga Egenskaper Enkelt och snabbt att dekodera Random access kan dekodera block utan mycket sidoinformation Kvalitetsförlust från kompression acceptabel Enkodningshastighet spelar ingen stor roll 1/12

DXT Förra S3TC, första texturkompression överhuvudtaget Använder sig av Vektor-kompression n vektorer är representerat av m vektorer, m<n Delar bild i block av 4x4 pixler Varje pixel kan representeras av 4 olika färger Färger få variera från block till block 2 färger finns direkt enkoderat i blocken, två räknas fram genom interpolering: c3 = 1 3* c1 + 2 3 * c2 c4 = 1 3* c2 + 2 3 * c1 2/12

DXT 3/12

DXT De enkoderade färger använder sig av RGB 565 32 bits Varje pixel i block kan har 1 av 4 olika färger, behöver alltså 2 bits var för att beskriver vilken färg som skulle användas 32 bits => 64 bits behövs av varje 4x4 block (4 bits per pixel (bpp), kompressionsfaktor av 6) Olika versioner av DXT Men skiljer sig bara hur de hantera transparensen Det ska dock inte diskuteras här 4/12

PVRTC Tillhör till Imaginations Technology Datorgrafikens ARM Använder sig av inbyggda interpolationen Enkodera två bilder, varav båda har 1/16 av ursprungliga upplösningen För dekoderingen: skalera båda bilder upp Varje pixel kan (igen) har 4 olika värder De som finns i de två bilder på pixlens position Eller en interpolerat värd mellan de två 5/12

PVRTC 6/12

PVRTC De två bilder enkoderas i RGB555, 1 bit används för att skiljer om färgen innehåller transparens eller ej 16 bits Igen, transparens ska vi inte diskutera här Igen 32 bits för att väljer färgerna för de olika pixler => 4bpp, samma som DXT Fast dekodering mycket komplexare Sämre random access 8 färger behövs för att avkoda en block istället för 2 som i DXT, 160 bits istället för 64 7/12

ETC Ericsson Texture Compression Använder mindre block: 2x4 En medelvärds -färg Pixler i block variera bara i ljusintensiteten (luminance) 4 olika ljusintensiteten per block Genom modifieringen av medelvärds -färgen Olika modifierings-sets, selekteras block för block 8/12

ETC 9/12

ETC Medelvärds -färg i RGB 444 16 olika modifierings-sets att väljer mellan 12bit 4bit 8 pixler, varje kan ha en av fyra olika färger 16bit => 4bpp, samma som DXT/PVRTC 10/12

Jämförelse Bildkvalitet DXT: PVRTC: ETC: PSNR 28.61 SSIM 0.980 PSNR 28.45 SSIM 0.979 PSNR 29.34 SSIM 0.985 Dekoder Komplexitet DXT: PVRTC: ETC: Bäst Sämst (med avstånd) Lite sämre än DXT, beror på implementation 11/12

Konklusion Texturekompression kan hjälpa att minska minnesanvändning, minskar visuella kvalitén omärkbart DXT mest använt (och stöd), ETC bäst kvalité Andra metoder existerar, t.ex. för HDR texturer Ingen standard än Oftast kan man använder minnet till något bättre 12/12