Download - Scratch 1 Lost in Space · 2016-06-02 · also add the ‘Stars’ backdrop to your stage. ... Let’s add monkey to your animation, who’s lost in space! Activity Checklist Start

1©RaspberryPiFoundation.UKRegisteredCharity1129409.TheseprojectsareforuseoutsidetheUKonly.Moreinformationatwww.codeclubworld.org.

ThiscourseworkisdevelopedonGitHub,atwww.github.com/CodeClub.

ActivityChecklist

TestyourProject

SaveyourProject

AllCodeClubsmustberegistered.Byregisteringyourclubwecanmeasureourimpact,andwecancontinuetoprovidefreeresourcesthathelpchildrenlearntocode.Youcanregisteryourclubatcodeclubworld.org.

IntroductionYouaregoingtolearnhowtoprogramyourownanimation!

FollowtheseINSTRUCTIONSonebyone

ClickonthegreenflagtoTESTyourcode

MakesuretoSAVEyourworknow

LostinSpaceScratch

1



Step1:Animatingaspaceship

Let’smakeaspaceshipthatfliestowardstheEarth!

ActivityChecklist

StartanewScratchproject,anddeletethecatspritesothat

yourprojectisempty.YoucanfindtheonlineScratcheditor

atjumpto.cc/scratch-new.

Add‘Spaceship’and‘Earth’spritestoyourstage.Youshould

alsoaddthe‘Stars’backdroptoyourstage.Thisishowyour

stageshouldlook:

Clickonyournewspaceshipsprite,andclickthe‘Costumes’

tab.



Usethearrowtooltoselecttheimage.Thenclickonthe

circularrotatehandle,androtatetheimageuntilitisonits

side.

Addthiscodetoyourspaceshipsprite:

Changethenumbersinthecodeblocks,sothatthecodeis



exactlythesameasintheimageabove.

Ifyouclickonthecodeblockstorunthecode,youshouldsee

thespaceshipspeak,turnandmovetowardsthecentreofthe

stage.

Thescreenposition x:(0)y:(0) isthecenterofthestage.A

positionlike x:(-150)y:(-150) istowardsthebottom-leftof

thestage,andapositionlike x:(150)y:(150) isnearthetop-

right.



Ifyouneedtoknowthecoordinatesofapositiononthestage,

movethemousetothepositionyouwantandmakeanoteof

thecoordinates,whicharedisplayedbelowthestage.

Tryoutyouranimation,byclickingonthegreenflagjustabove

thestage.



Challenge:Improvingyouranimation

Canyouchangethenumbersinyouranimationcode,sothat:

You’llneedtochangethenumbersinthisblock:

ThespaceshipmovesuntilittouchestheEarth?

ThespaceshipmovesmoreslowlytowardstheEarth?

Saveyourproject



Step2:Animatingusingloops

Anotherwayofanimatingthespaceshipistotellittomoveasmallamount,

lotsoftimes.

ActivityChecklist

Deletethe glide blockfromyourcode,byright-clickingon

theblockandclicking‘delete’.Youcanalsodeletecodeby

draggingitoffthescriptarea,backintothecodeblocksarea.

Onceyou’veremovedyourcode,addthiscodeinstead:

The repeat blockisusedtorepeatsomethinglotsoftimes,

andisalsoknownasaloop.

Ifyouclicktheflagtotryoutthisnewcode,you’llseethatit

doesprettymuchthesamethingasbefore.



Youcanaddmorecodetoyourloop,todointerestingthings.

Addthe changecoloreffectby25 blockintotheloop(from

the‘Looks’section),torepeatedlychangethecolourofthe

spaceshipasitmoves:

Clicktheflagtoseeyournewanimation.

Youcanalsomakeyourspaceshipgetsmallerasitmoves

towardstheEarth.



Testoutyouranimation.Whathappensifyouclicktheflaga

secondtime?Doesyourspaceshipstartofftherightsize?

Canyouusethisblocktofixyouranimation:

Saveyourproject



Step3:FloatingMonkey

Let’saddmonkeytoyouranimation,who’slostinspace!

ActivityChecklist

Startbyaddinginthemonkeyspritefromthelibrary.

Ifyouclickonyournewmonkeyspriteandthenclick

‘Costumes’,youcanedithowthemonkeylooks.Clickthe

‘Ellipse’tool,anddrawawhitespacehelmetaroundthe

monkey’shead.



Nowclick‘Scripts’,andaddthiscodetothemonkey,sothatit

spinsslowlyinacircleforever:

The forever blockisanotherloop,butthistimeonethat

neverends.

Clicktheflagtotestyourmonkey.You’llhavetoclickthestop

button(nexttotheflag)toendthisanimation.



Step4:BouncingAsteroids

Let’saddsomefloatingspace-rocktoyouranimation.

ActivityChecklist

Adda‘rock’spritetoyouranimation.

Addthiscodetoyourrock,tomakeitbouncearoundthe

stage:

Clicktheflagtotestyourrock.Doesitbouncearoundthe

stage?



Step5:ShiningStars

Let’scombineloopstomakeashiningstar.

ActivityChecklist

Adda‘star’spritetoyouranimation

Addthiscodetoyourstar:

Clicktheflagtotestoutthisstaranimation.Whatdoesthis

codedo?Well,thestarismadeslightlybigger20times,and

thenmadeslightlysmaller20times,backtoit’soriginalsize.

These2loopsareinsidea forever loop,sotheanimation

keepsrepeating.

Saveyourproject



Challenge:Makeyourownanimation

Stopyourspaceanimation,andclick‘File’andthen‘New’,to

startanewproject.

Usewhatyou’velearntinthisprojecttomakeyourown

animation.Itcanbeanythingyoulike,buttrytomakeyour

animationmatchthesetting.Herearesomeexamples:

Saveyourproject