认识Scratch-教学讲解课件

认识Scratch!DongJun

Feb20171ppt课件舞台区2ppt课件我来试一试1-1在舞台上移动鼠标，观察（x,y）坐标值的。如果鼠标超出了舞台的边缘，数值发生什么变化？3ppt课件我来试一试1-24ppt课件舞台背景区-试一试尝试使用图库新建一个背景自己绘制一个背景打开一个文件作为背景利用摄像头拍一张图片作为背景5ppt课件角色区-试一试尝试使用图库新建一个角色自己绘制一个角色打开一个文件作为角色利用摄像头拍一张图片作为角色6ppt课件探索积木区动作区外观区侦测区声音区事件区控制区画笔区7ppt课件外观颜色1-28ppt课件乒乓游戏第一步：准备背景第二步：加入乒乓和球板第三步：让角色动起来乒乓球(角度方向，随机值（向下（-45,45）向上（135,225）））球板（跟随鼠标的x）9ppt课件10ppt课件WhatisScratch?Scratchisafreeprogrammabletoolkitthatenableskidstocreatetheirowngames,animatedstories,andinteractiveartandsharetheircreationswithoneanotherovertheInternet.11ppt课件WhatisScratch?ScratchbuildsonthelongtraditionofLogoandLEGO/Logo,buttakesadvantageofnewcomputationalideasandcapabilitiestomakeiteasierforkidstogetstartedwithprogramming(loweringthefloor)andtoextendtherangeofwhatkidscancreateandlearn(raisingtheceiling).12ppt课件WhatisScratch?Theultimategoalistohelpkidsbecomefluentwithdigitalmedia,empoweringthemtoexpressthemselvescreativelyandmakeconnectionstopowerfulideas.13ppt课件WhatisScratch?ScratchisbuiltontopoftheSqueakenvironmentdevelopedbyAlanKayandcolleagues.14ppt课件WhatisScratch?ScratchisbeingdevelopedbytheLifelongKindergartenresearchgroupattheMITMediaLab,incollaborationwithKIDSresearchgroupattheUCLAGraduateSchoolofEducation&InformationStudies.15ppt课件Let’sGetStarted!ToOpenScratch,double-clickontheScratch(cat)iconorclickonScratch.exe16ppt课件GettingStartedWithScratchOnceyou’veopenedScratch,youshouldseethisdefaultscreen:17ppt课件WatchaQuickIntroductiontoScratch!18ppt课件Let’sLookAtSomeScratchExamplesGotoOpen>ProjectsandchoosethecategoryAnimationLookthroughthemandseewhatyouwillbeabletodoinScratch!(Someofthesehavesound.Pleasebeconsiderateofyourneighborsandturnthesounddownonyourcomputers!Askyourteachertohelpyouifyoudon’tknowhow.)19ppt课件ChooseYourSprite!Youwillnoticethatthedefaultspriteisanorangecat.(Aspriteisasmallgraphicthatcanbemovedindependentlyaroundthescreen,producinganimatedeffects.)YoucanchooseadifferentspritetoprogramfromalibraryinScratch,oryoucandrawyourown!Youwillcreateyourownspritelater.20ppt课件ChooseYourSprite!TochooseaspritefromtheScratchlibrary,clickontheFolderwithaStaricon.Whenyouhoveryourmouseoverit,itwillsay“Choosenewspritefromfile”.21ppt课件ChooseYourSprite!Openthefoldersofthedifferentcategoriesofsprites.Chooseonethatyou’dliketoexperimentwithbydoubleclickingonit.Youcanhavemorethanonespriteinyouranimation!22ppt课件ChooseYourSprite!Onceyouhaveaspritethatyou’dliketoprogram,youcandeletetheorangecatspritebyclickingthescissoriconandclickingonthecat!Makesurethatyouclickonthearrowiconbeforeyoudoanythingelse–otherwise,you’lldeletesomethingthatyoureallywanted!Youcanalsorightclickontheicontodeletethatsprite23ppt课件ResizeYourSprite!Youcanmakeyourspritelargerorsmallerbyusingthe“growsprite”or“shrinksprite”icons.Youclickononeoftheseicons,thenclickonyourspriteuntilitisthesizeyou’dlike.24ppt课件ChooseYourBackground!Rightnow,youhaveaplain,whitebackground–boring!YoucanalsochangeyourbackgroundbychoosingonefromtheScratchlibraryorcreatingyourown!25ppt课件ChooseYourBackground!ClickontheStage:Now,selectthe“Backgrounds”tab!26ppt课件ChangeYourBackground!Youcanexperimentwithcreatingorimportingyourownbackgroundlater,but,forrightnow–chooseonefromthelibrarybyselectingImport.27ppt课件ChangeTheBackground!

Fromthisscreen,youcanchooseoneofthecategoryfolders,andselectabackgroundthatyoulikebydoubleclickingonit!28ppt课件Now,We’reReadytoProgram!Now,youshouldhaveaspriteandabackgroundthatyou’dliketoworkwith!29ppt课件ProgrammingInScratch!Thefirstthingyouneedtodoistoclickonthespriteyouwanttoprogram,andselectthe“Scripts”tab.Sinceyourspriteistheonlythingthatcanbeanimated,makesureyouhaveitselected.TheScriptsareaiswhereyou“build”yourprogrambyusingtheprogrammingblocks.30ppt课件ProgrammingInScratch!Intheupper,left-handcornerofyourScratchwindow,youwillsee8buttons.Eachofthesebuttonshaveprogrammingblocksinthoseparticularareas.WewillfirstexperimentwiththeMotionblocks.31ppt课件Motion!Whenyouclickonthemotionbutton,youwillseetheprogrammingblocksthatcanbeusedwithyoursprite.Let’sallprogramourspriteswiththesamecodefirst,andthenyou’llbeallowedtoexperimentonyourown!32ppt课件Motion!Dragoutthe“move10steps”block.Changethe“10”to“50”byclickingintheblockandtypingin50.Toseeyourspritemove50pixelstotheright,doubleclickontheblockintheScriptarea.Cool,isn’tit?!33ppt课件MotionYoucanalsosetthemotionblocktomoveanegativenumberofpixelsbytypinganegativenumberintheblock.Thiswillmoveyourspritethatnumberofpixelsintheoppositedirection.34ppt课件WhatIsAPixel?We’vebeentalkingaboutpixels–whatisapixel?Apixelisoneofthesmallunitsthatmakeupanimageonacomputerortelevisionscreen.Itisderivedfromthewordspictureandelementtomakepixel!

35ppt课件TheScratchStageTheScratchstageis480pixelswideand360pixelshigh.-240240180-18036ppt课件MoreMotion!Now,addthe“turn15degrees”blocktotheotherblockofcode.Whenyouseethewhitebarbetweenthe2blocksofcode,youcanreleaseyourmouse.Thatwhitebarmeansthatthe2blockswill“snap”ontotheotherblock.37ppt课件MoreMotion!Again,youcanchangethenumberofdegreesbydoubleclickinginthatareaandtypinginthenumberofdegreesyou’dlikeyourspritetorotate.Doubleclickontheblockstoseeyourspritemoveandrotate!38ppt课件ExperimentWithMotion!We’veonlyused2oftheblocksintheMotioncategory.Forthenextfewminutes,IwantyoutoexperimentwithalloftheotherblocksintheMotioncategory.Ifyou’dliketoseewhatablockdoes,rightclickontheblockandthenclickonhelp.YoucandeletecodeeasilybyjustdraggingitfromtheScriptarea!Havefun!39ppt课件Control!ThenextcategoryofprogrammingbuttonswewillexperimentwithistheControlcategory.Thisisaveryimportantcategorybecauseitcontrolshowmanytimesaneventhappens,howlonganeventhappens,orwhenaneventhappens.40ppt课件Control!ThefirstblockI’dlikeustouseisthe“whenflagclicked”block:Dragthisblockout,andsnapitontopoftheblocksyoualreadyhaveinyourscript.41ppt课件Control!Now,insteadofhavingtodoubleclickonyourblockofcode,youcanjustclickontheflagicontoplayyouranimation!Clickheretostart42ppt课件PresentationModeWhenyouclickonthepresentationmodebutton,youranimationwillfillthewholescreen!Toexitpresentationmode,clickthearrowinthetopleftofthescreen,orjustpresstheEsckey.43ppt课件BacktoControl!OtherpowerfulblocksintheControlcategoryaretheblocksthathandleconditionalstatements.Conditionalstatementsarecommonlycalled“ifstatements”or“if-elsestatements”.44ppt课件ConditionalStatementsThiscodemeansthatiftheuserpressestheSpacekeyonthekeyboard,thespritewillmove10steps.45ppt课件Sensing!Theconditionalstatementsmustbeusedalongwiththesensingblocks.(Noticetheshapeofsomeofthesensingblocks.Theyaretheonesthatwillfitinsidethe“condition”sincetheyhave6sides)46ppt课件BacktoControl!Forthenextfewminutes,experimentwiththeblocksinMotion,Control,andSensing.Rightclickonablockandselecthelptogetinformationaboutablock.Whenyougetsomethingcool,I’dliketoseeit!47ppt课件Sound!Now,let’saddsomesoundtoouranimation!Therearemanydifferentwaystogetsoundinyouranimation.Thefirstwaywe’regoingtoexperimentwithisbyimportingasoundfromtheScratchsoundlibrary.48ppt课件ImportingSoundFromTheScratchSoundLibraryClickonthespriteyouwanttohavesound.ClickontheSoundstabandselectImport.49ppt课件ScratchSoundLibraryYouwillseedifferentcategoriesofsoundsthatyoucanuseinyouranimationthatareavailableforyouintheScratchlibrary.50ppt课件InsertingSoundOnceyoufindasoundthatyoulike,selectitandclickonOK.Youwillseethesoundyoujustselectedshowupunder“NewSound”.51ppt课件PlayYourSoundIfyouclickonthe“Play”button,youcanpreviewyoursound.52ppt课件AddingTheSoundToYourAnimationNow,you’rereadytoaddthesoundtoyouranimation!ClickontheScripttab.Selectthespriteyouwanttohavesound.NowselecttheSoundbutton.53ppt课件AddingSoundNow,selectoneoftheblocksthatsays,“playsound…”Selectyoursoundfromthedrop-downmenubyclickingonthetrianglenextto“pop”.54ppt课件RecordingaSoundClickontherecordbuttontorecordasoundClickontheredbuttontostartrecordingClickonthesquaretostopYoucanrenamethesoundbytypingoverthename55ppt课件IncorporateSoundIntoYourAnimation!WhenIclicktheflag,mybeewillmoveandbuzz.56ppt课件TimeToPlay!Forthenextfewminutes,experimentwithMotion,Control,Sensing,andSound!Whenyougetsomethingcool,letmeseeit!57ppt课件UsingThePen!WhenusingthePentools,yourspriteactuallybecomesyourwritinginstrument!YoucanchangethePen’scolor,itsshade,anditssize.58ppt课件UsingthePen!YourfirstPenchallengeistowriteyourinitialsusingthePentools.Itmaysoundeasy,but,youhavetoremembertoliftyourpenwhennecessaryandalsotoputitbackdown!59ppt课件PenChallenge#2GreatjobwithPenChallenge#1!YoursecondPenChallengeistousethetoolstocreateaninterestingdesign.RememberthatyoucanchangePencolorandshade!60ppt课件Numbers!TherearemanyanimationeffectsyoucancreateusingNumbersinScratch.Oneeffectisrandommovementofasprite!61ppt课件RandomMovementRememberthattheScratchanimationareais480pixelswideand360pixelshigh.Thatmeansthattherangeonthehorizontalaxisisfrom-240to240.Therangeon