HeadshotsinAlice3

ThisisanmodificationoftheJuly2008/June2014headshottutorialbyGaetjens Lezin

andYossra HamidByNatalieHuffman

UnderthedirectionofSusanRodgerDukeUniversity

June2017

Background

• BeforeyoubegintocodeyourAliceworld,youwillneedthreeheadshots

• Choosethreepicturesandcropthemsothatjusttheperson’sheadandshouldersarevisible

• Savethesepicturessomewhereyoucaneasilynavigateto

Gotosetupscene

• Choosethreecharactersfromthe“biped”category

• Ifyouwantyourworldtobemorerealistic,youshouldchoosehumancharacters

• Ifyouchoosefromthefirst5categories(Elder,Adult,Teen,Child,Toddler)youcancustomizeacharacter

IchoseiceSkater,Loki,andFreya

Gototheshapes/texttab

• Select“billboard”• Under“frontpaint”select“ImportImage”

• Chooseoneoftheheadshotsyousavedearlier

• WhenyouclickOK,youshouldseeitunderthefrontpaintpreview

Positioningthebillboard

• InAlice2,wecouldmaketheheadsofthecharactersinvisible,butinAlice3thisisimpossible

• Instead,wewillmovethebillboardsrightinfrontoftheirfaces

• Usethefourpositioningbuttonstomovethebillboardinfrontofthefirstcharacter’sface

• Youwillalsolikelyneedtoresizethebillboard

• Yourworldshouldlooksomethinglikethis!

• Note:holddowntheshiftkeytomovethebillboardupanddown

Settingthevehicle

• WewantthebillboardtomovewiththeiceSkater,sowewillchangethebillboard’svehicle

• Makesurethebillboardisselectedintheright-handsidepanel

• Select“Vehicle”andchoosethenameofyourcharacter

Repeat!• Repeatthisprocesswithtwomorebillboardsforyourothertwocharacters

Timeforcode!

• Clickonthe“editcode”buttontogetbacktothecodeview

• Makesureyouareonthe“myFirstMethod”tab

• Selectoneofyourcharactersfromtheleft-handdropdownmenu– Ihavechosentheiceskater

• Draginamoveblock• SelectUPand1.0• Draginasecondblock,selectDOWNand1.0• YoucanalsorightclickontheUPlineandselect“copytoclipboard”,andthendragdownfromtheclipboardsymbolonthetopright

• Changetheuptodownusingthedropdownarrow

Cameramovement

• Nowselectthis.camera fromthemenu,anddraginaturn

• SelectRIGHTand.125• RepeatforLEFTand.125• ClickontheadddetailbuttonandselectasSeenBy,thenchooseyourmiddlecharacter

Runyourgame

• Youwillnoticethatwecanseethecharacter’sheadsbehindthebillboards

• Wewantthebillboardstoturnwiththecamera

• Dragintwodotogetherblocks,andputeachcameracommandinone

• Inthefirst,selectthis.billboard anddraginaturnstatement

• SelectRIGHTand.125,thenchooseasSeenByyourfirstcharacter

• Repeatfortheseconddotogetherblock,changingthedirectiontoLEFT

Repeatfortheothertwobillboards

Runyourcode• Thebillboardsshouldnowmovewiththecamera!