Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in...

12
Scene Changes This is an modification of the June 2009/July 2012 scene change tutorial by Deborah Nelson and Chris Brown By Natalie Huffman Under the direction of Susan Rodger Duke University June 2017 Overview • This tutorial is centered around the use of the full range of the camera to construct different scenes in the same world • The camera can then shift between scenes, giving the coder the ability to make a more complicated world • You will learn how to control the light levels in Alice, and how to move a character between scenes Open a new Alice world • Choose “Grass” • Go to setup scene • Add a camera marker • Name it scene1 Camera Markers in Alice 3 • Camera markers let you save a viewpoint • Above the scene buttons are two positioning buttons • The black camera represents your current point of view • The first button moves your point of view to the red camera (scene1) • In order to move to scene2, you would click on the scene2 button and then on the left top button • Note: this picture is from later in the tutorial

Transcript of Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in...

Page 1: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

SceneChanges

ThisisanmodificationoftheJune2009/July2012scenechangetutorialby

DeborahNelsonandChrisBrown

ByNatalieHuffman

UnderthedirectionofSusanRodger

DukeUniversity

June2017

Overview

• Thistutorialiscenteredaroundtheuseofthe

fullrangeofthecameratoconstructdifferent

scenesinthesameworld

• Thecameracanthenshiftbetweenscenes,

givingthecodertheabilitytomakeamore

complicatedworld

• Youwilllearnhowtocontrolthelightlevelsin

Alice,andhowtomoveacharacterbetween

scenes

OpenanewAliceworld

• Choose“Grass”

• Gotosetupscene

• Addacameramarker

• Nameitscene1

CameraMarkersinAlice3

• Cameramarkersletyousaveaviewpoint

• Abovethescenebuttonsaretwopositioningbuttons

• Theblackcamerarepresentsyourcurrentpointofview

• Thefirstbuttonmovesyourpointofviewtotheredcamera(scene1)

• Inordertomovetoscene2,youwouldclickonthescene2buttonandthenonthelefttopbutton

• Note:thispictureisfromlaterinthetutorial

Page 2: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

Cameramarkers,cont.

• Thesecondbutton,ifclicked,

wouldresetthescene1view

tothecurrentview

• Donotclickthisbutton!

• Oncewesetacameraview,

wewilllikelynotwantto

changeit

Changescene1

camera

Change

currentview

Addtoourscene!

• First,wewanttoaddanoasis

• Gotothe“BrowseGalleryByTheme”tab

• Clickonsouthwestànew Pond

• DragthePond(DESERT_OASIS)intothescene

andpositionitsoitisnearthebottommiddle

ofthescreen

Nowtoaddacharacter

• Getbacktothemainthemepagebyclicking

onthe“allthemes”button

• Clickonwonderlandànew Alice

• DragAlice(WONDERLAND)intothesceneand

positionherbytheoasis

Page 3: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

Finishedscene1 Thefirstsceneiscomplete

• Use thecircled

arrowtoturnthe

scenetotheright

• Keep turninguntiltheoasisisnolongervisible

• Now wecanbeginoursecondscene

• Beforeyoudoanythingelse,addanother

camera

• Nameitscene2

CamerasinAlice3

• CamerasinAlice3arephysicalelementsthatshowuponyourscreen

• Soasyouturn,thesideofthescene1camerawillcomeintoview

• Itshouldbethesamecolorinthesceneasitisunderthecameramarkertab(redbydefault)

• Whenyouactuallyrunthescene,thesewillnotbevisible!

• However,youwillhavetobecarefultoavoidthemwhiledoingpositioning,astheycanbeclickedanddragged

Addingelements

• Gobacktothemainthemepage

• Clickonamazonànew RiverPiece

• DragthenewRiverPiece (CURVE1_BLUE)into

thescene

• AddanotherAlicetothescene

(wonderlandàAliceàAlice(WONDERLAND))

Page 4: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

• Inordertopositiontheseelements,youmay

havetousethearrowstoreposition,sothat

youdonotaccidentallyclickonthescene1

camera

• Tryzoomingbackwardsoruptogetabetter

angle

Finishedscene2

Doublecheck!

• Onceyouaresatisfiedwithyourpositioning,

makesureyougobacktoscene1todouble

checkthattheriverisnotvisible!

• Becausetheriverturns,itmayintrudeonthe

firstscene.Ifthisisthecase,simplymoveit

slightlyfurthertotheright

1)Click

here first

2)Thenclick

here

Scene3

• Fromscene2,continuetoturnrightuntilthe

riverisnolongervisible

• Gobacktothemainthemepage

• Clickonsnowànew IceMountain

• DragtheIceMountain (DEFAULT)intothe

scene

• AddandpositionathirdAlice

Page 5: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

Finishedscene3 Finaltouches

• ThethreeAlices wehaveaddedwillactas

placeholdersforposition

• WethenwantafourthAlice,whowillmove

continuallythroughallthescenes

• Gotoscene1andaddafourthAlice

• WewantAlice4tobetheonlyvisibleone

• Usethelistofsceneelementsonthefarleft

tochangeAlice,Alice2,andAlice3toinvisible

• ThisisdonebychangingtheOpacityto0

Timetocode!

• Clickthe“editcode”buttontogobacktothe

codescreen

• First,wewill

createascene

variable

• Gotothe

dropdownmenuàSceneàAdd Scene

Property

Page 6: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

• Valuetype:OthertypesàColor

• Name:storeAtmosphereColor

• Initializer:WHITE

• Nowadda

sceneprocedure

• Nameit

“fadeOut”

Fadeout

• Thisprocedurewilldarkenthescreensowe

canchangethescenewithouttheviewer

seeing

• Draginadotogetherblock

• DraginsetAtmosphereColor andsettoBLACK

– NOTE:ThisisNOTthevariablewecreated,whichcanbechangedwithsetStoreAtmosphereColor

• DraginsetFromAboveLightColor and

setFromBelowLightColor andsetbothto

BLACK

Page 7: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

Testing!

• GobacktomyFirstMethod

• DraginfadeOut andplay!

• Youshouldseethescreendarkenuntilyou

cannolongerseethescene

fadeIn

• Createanothersceneprocedureandnameit

“fadeIn”

• Clickonthe

addparameter

button

• SetthevaluetypetoColorandthe

nameto“atmosphere”

• Draginadotogetherblock

• Likebefore,draginsetAtmosphereColor,but

thistimeselect“atmosphere”,thevariablewe

justcreated

• DraginsetFromAboveLightColor and

setFromBelowLightColor andsetbothto

WHITE

Page 8: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

• Nowtocreatethescenes!

• MakeanewSceneprocedureandnameitscene1

• Draginadotogetherblock

• SelectAlice4– thisshouldbetheonlyvisibleAlice

• DraginamoveTo andselectAlice(thisshouldbetheAliceinscene1)

• ThendraginanorientTo andselectAliceagain

• Draginasayblockandtype“Puteverything

youwanttohappeninscene1inthismethod.”

• Wewanttorepeatthiscodeforscene2and

scene3

• Rightclickonthedotogetherblockandselect

copytoclipboard

• CreateanotherSceneprocedure,andcallit

scene2

• Clickanddragfromthekeyboardtothe

procedure

• ChangethementionsofAlicetoAlice2

• Draginorcopyoverthesayblock,andsay

“Puteverythingyouwanttohappeninscene

2inthismethod”

Page 9: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

Scene3

• CreateafinalSceneprocedureandcallit

scene3

• Repeattheprocess

• Makesuretoswapoutthe2sfor3s!

Useyourprocedures

• GobacktomyFirstMethod

• Draginadotogether

• Selectthis.camera anddragin

moveAndOrientTo,andselectscene1

• Thenselectthis.ground anddraginsetPaint

• Youwillbegivenalistofsettingoptions

• Sinceourfirstsceneisanoasis,wewantthe

groundtobesand

• Finally, selectthis

anddragin

setStoreAtmosphereColor

• Note thatthisisnot

setAtmosphereColor,thisisthe

variablewecreated

• SelectBLACK, thengotothefunctions

tabanddragingetAtmosphereColor

inplaceofBLACK

• Note thatgetAtmosphereColor isnotthevariablewecreated

• Draginscene1

• DraginfadeOut

• Testyourcode!Scene1shouldplay,thenthe

screenshouldfadetoblack

Page 10: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

Repeatforscene2

• Inadotogether

– Havethis.camera moveAndOrientTo scene2

– Havethis.ground setPaint toJungle• DraginfadeIn,andselectstoreAtmosphereColor astheparameter

• Draginscene2

• AndthenfadeOut

• Trytowritethiscodeforyourselfbeforeyoulookatthepictureonthenextslide

storeAtmosphereColor

• Whyarewebotheringwiththisvariable?

• AllstoreAtmosphereColor holdsistheoriginalcoloroftheatmosphere

• InthefadeOut procedureweturntheatmosphereblack

• InfadeIn weturnitbacktotheoriginalcolor

• ThereasonweneedstoreAtmosphereColor isthattheoriginalcoloroftheskyisnotoneofthecoloroptionsAliceprovides

Giveitatry

• SetthefadeIn parametertooneoftheother

colors

• Youcanseehowitchangestheskycolor

• Noneofthemarequitethesameshadeof

blue

• storeAtmosphereColor keepsusfromlosing

thatskycolor!

Page 11: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

Lastscene

• Wewillrepeatthecodeforscene2,exceptfor

scene3

• Inadotogether

– Havethis.camera moveAndOrientTo scene3

– Havethis.ground setPaint toSnow• DraginfadeIn,andselect

storeAtmosphereColor astheparameter

• Draginscene3

• AndthenfadeOut

Finalcode

Ifyouwanttochangeoneofthesky

colors,justchangethefadeIn

parameter!• Forexample,wemightdecidethatmountainskylookssortofgreyandcloudy

• Ifwechoseamoonscene,wemightwanttosetthefadeIn colortoblack

Page 12: Overview Scene Changes...Alice • Drag in a moveToand select Alice (this should be the Alice in scene 1) • Then drag in an orientToand select Alice again • Drag in a say block

ExtraThings

• Trymakingmorethanthreescenes!Youcan

justkeepturningthecamera

• Addmoretotheindividualsceneprocedures.

Makeastory!

• ThecurrentcodefadesinbeforeAlicegets

positioned,soweseehermove.Howwould

youchangethecodesothatAliceisalreadyin

positionwhenthelightsgoon?


Percussion/Timpani - Advanced · IV. DRAG RUDIMENTS 31. Drag * 32. Single Drag Tap * 33. Double Drag Tap * 34. Lesson 25 * 35. Single Dragadiddle 36. Drag Paradiddle #1 * 37. Drag

Percussion/Timpani - Advanced · IV. DRAG RUDIMENTS 31. Drag * 32. Single Drag Tap * 33. Double Drag Tap * 34. Lesson 25 * 35. Single Dragadiddle 36. Drag Paradiddle #1 * 37. Drag

Drag c q Chord stabilizerSpan stabilizer alpha speed Drag ...

Drag c q Chord stabilizerSpan stabilizer alpha speed Drag ...

START...94 ALICE IN WONDERLAND ACT 11 ACT ALICE IN WONDERLAND SCENE 3 TWEEDLEDUM AND TWEEDLEDEE (t 88, 39, 40 and 41. '14) 95 know I shall! (All this while the GUARD is looking at

START...94 ALICE IN WONDERLAND ACT 11 ACT ALICE IN WONDERLAND SCENE 3 TWEEDLEDUM AND TWEEDLEDEE (t 88, 39, 40 and 41. '14) 95 know I shall! (All this while the GUARD is looking at

  · Web viewThis is a scene from ‘Alice in Wonderland’. The surroundings seem so big, making Alice appear even smaller. ... If you are reading this on a computer, you can right

  · Web viewThis is a scene from ‘Alice in Wonderland’. The surroundings seem so big, making Alice appear even smaller. ... If you are reading this on a computer, you can right

Q+A with author and punk veteran Alice Bag - WordPress.com · A Q+A with author and punk veteran Alice Bag BY BLONA JONBS he NewYork City punk-rock scene of the 1970s had its fair

Q+A with author and punk veteran Alice Bag - WordPress.com · A Q+A with author and punk veteran Alice Bag BY BLONA JONBS he NewYork City punk-rock scene of the 1970s had its fair

ALICE IN WONDERLANDALICE IN WONDERLAND · Two locations: Alice in the backyard with her kitten, Dinah and Wonderland Time: Afternoon, a little while ago Act 1, scene 1—Alice arrives

ALICE IN WONDERLANDALICE IN WONDERLAND · Two locations: Alice in the backyard with her kitten, Dinah and Wonderland Time: Afternoon, a little while ago Act 1, scene 1—Alice arrives

The Options For Simple No Limit Drag Racing Hack,No limit drag racing,no limit drag racing cheat, no limit drag cheat, no liit drag racing hack tool Methods

The Options For Simple No Limit Drag Racing Hack,No limit drag racing,no limit drag racing cheat, no limit drag cheat, no liit drag racing hack tool Methods

Building A Scene - Alice

Building A Scene - Alice

LilyPad Drag and Dropdlnmh9ip6v2uc.cloudfront.net/learn/materials/38/LilyPad...LilyPad Drag and Drop Worksheets v. 1.0 // LilyPad Drag and Drop Goals: Name: Date: lilypad drag and

LilyPad Drag and Dropdlnmh9ip6v2uc.cloudfront.net/learn/materials/38/LilyPad...LilyPad Drag and Drop Worksheets v. 1.0 // LilyPad Drag and Drop Goals: Name: Date: lilypad drag and

40 Rudiments 30. Flam Drag. 4 dailydrumlesson.com 31. Drag 32. Single Drag Tap 33. Double Drag Tap 35. Single Dragadiddle 39. Double Ratamacue 34. Lesson 25 37. Drag Paradiddle #2

40 Rudiments 30. Flam Drag. 4 dailydrumlesson.com 31. Drag 32. Single Drag Tap 33. Double Drag Tap 35. Single Dragadiddle 39. Double Ratamacue 34. Lesson 25 37. Drag Paradiddle #2

ALICE IN WONDERLAND – URBAN EDITION By Burton · PDF fileCloth napkin . Serving tray . ... knit hat, etc.) SCENE 2 Cell phone . Magazine . Subway sign . ... ALICE IN WONDERLAND –

ALICE IN WONDERLAND – URBAN EDITION By Burton · PDF fileCloth napkin . Serving tray . ... knit hat, etc.) SCENE 2 Cell phone . Magazine . Subway sign . ... ALICE IN WONDERLAND –

Snippets: Support for Drag-and-Drop Programming in the ...fredh/papers/conf/026-ssfdadpitre/text.pdf[Alice 2004]. Although Alice is an excellent program for instruction, Redwood has

Snippets: Support for Drag-and-Drop Programming in the ...fredh/papers/conf/026-ssfdadpitre/text.pdf[Alice 2004]. Although Alice is an excellent program for instruction, Redwood has

Mastering Drag and Drop - Apple Inc....Mastering Drag and Drop • Session 213 App Frameworks NEW Drag and Drop API Roadmap Drag Session Drag Interaction Drag Interaction ...

Mastering Drag and Drop - Apple Inc....Mastering Drag and Drop • Session 213 App Frameworks NEW Drag and Drop API Roadmap Drag Session Drag Interaction Drag Interaction ...

ALICE ALIVE Hammock is ready to rock in Alice€¦ · 28-SEP-2012 PAGE: 36 COLOR: C M Y K ALICE ALIVE A fight scene from the Japanese film Rashomon Murder mystery tops vintage bill

ALICE ALIVE Hammock is ready to rock in Alice€¦ · 28-SEP-2012 PAGE: 36 COLOR: C M Y K ALICE ALIVE A fight scene from the Japanese film Rashomon Murder mystery tops vintage bill

Beowulf Battles Scene Dinah Poteat Duke University, Adventures in Alice, July 2013

Beowulf Battles Scene Dinah Poteat Duke University, Adventures in Alice, July 2013

Creating Animated Movies in Storytelling Alice · the action for your new scene. When you press the Play button, Alice looks at the events area to figure out which animations it should

Creating Animated Movies in Storytelling Alice · the action for your new scene. When you press the Play button, Alice looks at the events area to figure out which animations it should

Introduction to Javablerner/cs101/Slides/Lecture09JavaIntro.pdfAlice - limited to creating animations Java - wide applicability Alice programming environment - menu, drag&drop eliminates

Introduction to Javablerner/cs101/Slides/Lecture09JavaIntro.pdfAlice - limited to creating animations Java - wide applicability Alice programming environment - menu, drag&drop eliminates

Greengate - Cooper Industries...P2 = Scene 1, Scene 2, Scene 3, Scene 4, Scene 5, All Off (6TSB) P3 V= All On, Scene 1, Scene 2, Scene 3, Scene 4, All Off (6TSB) P4 G= Scene 1, Scene

Greengate - Cooper Industries...P2 = Scene 1, Scene 2, Scene 3, Scene 4, Scene 5, All Off (6TSB) P3 V= All On, Scene 1, Scene 2, Scene 3, Scene 4, All Off (6TSB) P4 G= Scene 1, Scene

7 7A1 - COnnecting REpositories · rendering of Euripides piay. ... scene in this performance—seems ready to accept this sicuation. Héléne, ... directed by Alice Ronfard

7 7A1 - COnnecting REpositories · rendering of Euripides piay. ... scene in this performance—seems ready to accept this sicuation. Héléne, ... directed by Alice Ronfard

Mixed reality in higher education: Pedagogy before technology · Add AR/VR asset(s) to scene • Drag an instance of the MultiTarget prefab into your scene – rename e.g. CubeMarker

Mixed reality in higher education: Pedagogy before technology · Add AR/VR asset(s) to scene • Drag an instance of the MultiTarget prefab into your scene – rename e.g. CubeMarker