ele) criangas a Wo 0) partir de “ eo ~~ > 3 ere Tear () sh APRENDA A CRIAR JOGOS E Uae UL Ut) i COI) ae Hlustrado por Andy Gori = => =e rtNenhuma parte desta obra pode ser reproduzida, armazenada ou introduzida em um sistema de gravacoes, ou transmitida de qualquer forma ou por qualquer meio (eletrinico, mecanico, de fotocépias, de gravagao ou outros) sem a autorizacdo prévia do autor por escrito, “O nome ScratchJR, logo ScratchJR, o gato Scratch e Gabo sa0 marcas registradas pertencentes ao time Scratch. O nome € logo MIT pertencem ao Institute de Techolagia de Massachusetts”. Todos os direitos reservados a: Glocos Criativos Projetos Pedagdgicos ME (Code 4 Kidz) Rua Lagoa das Garcas, 120 - Barra da Tijuca CEP: 22.793-400 - Rio de Janeiro/R) - Brasil Tel: +55 21 97a04, 7304 contato@codedskid2.com.br wew.code4kidz.com.brsoe A minha filha Louise, que me ensina todos os dias o codigo do Amor.DE Se nn INDICE MENSAGEM PARA 0s PAIS ed OQUEESCRATCHJR Fics a INTRODUCAOAO SCRATCHJR...__g TEXPLOPANDO OFUNDODOMAR... 1 STEROIDES i CACADAAOS MORCEGOS... ABIRINTO........ nse HD LISTA DE BLOCos po SCRATCWJR.......52elt ey F Awe ee oes aeScratchir 6 uma linguagem de Programacdo visual, baseada em blocos, ientada para Criancas a partir de 5 anos. Foi desenvolvida pelo MIT USA com o objetivo de estimular habilidades sociais Cognitivas, além de trabalhar disciplinas como. Matematica, ciéncias, artes € tecnologia. As criancas podem criar suas Proprias histérias e Jogos interativos, encaixando os blocos de Programacso para que os atores (personagens) andem, saltem, dancem e realizem varias atividades m Conjunto. Os personagehs podem ser customizados no editor de pintura, sans‘ textos paderio ser inseridos nas historias para aumentar a criatividade e até mesma fotos podem ser incluidas nos jogos, Quando as crian¢as programam €om o ScratchJr, elas aprendem a criar e expressar-se com 0 Computador e nag apenas a interagir Com ele. No processo, as Criangas aprendem a resalver problemas, desenham projetos, e desenvolvem competéncias que serda fundamentais para sua Carreira ne futuro. Com o Scratchur, as crian¢as nao estado apenas aprendendo a Programar, elas esto programando para aprender. We bi io. gratuitamente nos tablets xado gratuitame! bal i pooks. id e Chrome te (Pad), Aner jjscratch)r.org tcatl de se Licative pot © ap! AP 1 i +f inform: isi te oficial http: Pi jores informacoes Visite ‘asi ara malINTRODUGAO AO SCRATCHJR ear ee iar eee ell ema eee oie Bee ee eee CU emu ice lL une Arter use Me M ilila( rc eeee tele: LLL Leia e entenda cada comando antes de iniciar as licdes. NOTAAOS PAISSalvar: Salva o projeto atual e volta para a tela inicial . Palco: Aqui é onde a acao acontece. Seus personagens e cendrio principal aparecerao aqui. |. Modo Apresentacio: Coloca 0 palco em tela cheia . Grade: Mostra a grade de coordenadas. . Fundo: Seleciona ou cria uma imagem de funde para o palco. . Adicionar Texto: Escreva titulos e legendas para o palco. Retornar: Retorna o personagem para sua posicio inicial na tela Bandeira Verde: Inicia todos os cédigos de pragramacao que comecam com o bloco “Iniciar com a Bandeira Verde”. . Paginas: Seleciona as paginas do seu projeto, ou clique no sinal de + para adicionar uma nova pagina. Note que cada pagina pode ter seu prdprio fundo e personagens. Para apagar uma pagina basta clicar nela, aguardar surgir o sinal de X Vermetho e clicar nele. 10. Informacao de Projeto: Muda 0 titulo do prajeto e informa quando ele foi criado. ‘11. Personagens: Escolha os personagens do seu projeto ou clique o sinal de + para adiclonar um novo personagem. Quando um novo personagem é selecionado, vocé pade editar seu cédigo, renomea-lo, ou edita-lo. Para pagar um personagem, basta pressiona-lo até surgir um X vermetho, entao clique para apagar. . Categoria de Blocos: Voce deve escolher a categoria de blocos de programacgao de acordo com o codigo que voce ird escrever. As categarias sao: Eventos (Amarelo), Movimento (Azul), Aparéncia (Roxo), Som (Verde), Controle (Laranja) e Fim (Vermetho) Painel de Blocos: Esta é a drea onde ficam os blocos de programacao. Clique e arraste ‘0 bloco desejado para a drea de codificacdo para montar seu cédiga. 14. Area de Codificagao: Aqui é onde vocé conecta os blocos para criar 05 cOdigos. 15. Refazer e Desfazer: Se voce cometer um erro, clique na seta @ esquerda para desfazer. Clique fa seta a direita para seguir em frente.LICAO! Neste projeto vocé ira aprender a programar uma animacao e fazer um personagem passar de uma pagina para outra. Mas antes de comecar, preste aten¢ao nos passos a seguir. Ve EEE) © IEA VAMOS COMEGAR! ce inicle © aplicativo Scratch Jr no seu tablet e clique fo cone (&) Para comacar um nove projeto, clique no sinal e deeINSIRA 0 CENARIO Escolha um fundo para a sua animagao cticando no icone na parte superior da tela. Encontre o fundo do mare clique duas vezes para seleciondto.REMOVA 0 GATO Como iremos usar um personagem diferente para nossa aititiacao, precisamos remover.o gatinho do palco. Encontre o Gato no tado esquerdo da tela, clique sobre ele @ segure até ver um X vermelho. Clique no X-¢ 0 Gate sumiré ADICIONE SEU PERSONAGEM Agora precisamos inserir nossa personagem. Para isso, clique no icone “Adicionar”. Procure na lista 0 merguihador e clique duas vezes rele,5 INICIANDO A PROGRAMACAO Primeiro precisamos posicionar corretamente o mergulhador. Arraste o personagem para a esquerda como na figura. Agora crie um cédigo que faca 0 merguihador nadar de um lado a outro da tela. Use nosso programa ao lado como exemplo.NOVA PAGINA DE CODIGO Neste passo, vocé ira programar uma nova Pagina e inserir novos personiagens. Este comanda permite que voc® mude o cendrio ou insira personagens depois que © programa ja iniciou.@ Voté tetd que repetir os passos anteriores, ou seja, remover a Gata, Inserir 0 undo € os novos personagens. Sua tela deve ser parecer com a figura abaixo:C) PROGRAMANDO Agora vacé ird programar a nova pagina e os nowos persanagens. 0 objetivo ¢ fazer o merguihador explorar 0 fundo do mar e parar no centro da tela enquanto o cavalo do mar e a baleia passelam calmamente. Use os cédigos abaixo como exemplos. [ste icone serve parm pnusar omerculninpon Coloave ndmeros maiores Para Aumentaro tempo. . a * es ¢@ : = i 17ir H F ANIMANDO ‘Como fazer para passar de uma pagina para a outra? Agora que jd programamos as duas paginas, volte na primeira pagina ¢ clique no conjunto de blocos “Vermelthos”. Notou alguma coisa diferente? Agora existe um icone novo com o desenho da pagina 2! | Neste projeto vocé ira aprender a programar uma animacao e fazer um personagem passar de uma pagina para outra. Mas antes de comecar, preste atencao nos passos a sequir,ase 10 EXECUTANDO 0 PROGRAMA Agora é hora de testar nosso programa! Clique na bandeira Verde na parte superior da tela para iniciar 9 programa. Se tudo estiver correto, o mergulhador deverd passar pela 1a. tela, depois entrar na Za. tela com 08 outras personagens, parando no centro de vez em quando. Revise seu cédigo e fa¢a modificagées, inserinda novos personagens e alterando seu movimento! 19DICA AVANCADA Wace percebeu que o mergulhador nao tem resto? Se wocé clicar neste icone ir entrar no Editor de Personagens. Clique no icone da camera e depois no resto do merguthador. Vocé podera colocar seu proprio rosto na animagao! "FB EBay. pe, ‘Fp Bey,DM te eR ii Cae CR ee Ue eC ce Re De une Ri MOR MULL esa) BC CRC MU ee i Be ‘ Dacha pr ec r etm tn cid Mas antes de comecar, ty atengao ekg er tele MeL Lae VAMOS COMECAR! TTS Telltale cai) eee hel aa et rel ae a a Coenen) Poco Meter Cadee Cee Ear sc Re CR Ee Ce ie CR CIEe © Lewes 1) >» , eel Reise eee ee eee sad Pee ia ae oe(3) bate ue oe aed PRE tae Uc) erate to olan Encontre o Gato no lado Core ERE malt Pe eee ar eau as) BC Eula ital eae te) Tela Agora précisamos inserir nossa personage. Para isso, clique no icone “Adicionar”. Procure na lista o foguete e clique duas vezes nele.Coon Note que nosso foguete est4 muito grande e no centro da tela. ee uae Rune eel Leo ia iT Ce meee ck trun ecient ta Ree eee eRe ce tee ce re en Ce Cee ESOC arcs6) ‘CRIANDO ASTEROIDES 2 Nosso jogo precisa de grandes pedras espacials, mas De ee ee ee a Em Poet Rarer Cmte Le Rls eee cued un ee eMart erage ER Cor ee Fama Aes ® Usando seu dedo comopincel, desenhe uma pedra. Depois clique Tne Ct a ene Reece Mc Read Pees CeCe ecw cea cee PRS eee eee eee aeor 8) Cnt roc eee ta tras) “Diminuir* ¢ posicione-o no canto esquerdo. POSE ete urs 4 © UC tel eel eee ese edd cantos, Siga 0 exemplo da figura abaixo.(40) RO mao WCU Ste fT eee RC Re Gln tur eed os ae Gre arm cet eer cag + Desi ci cia arta tear am Sacraments ees es UM Meee eal eee tel rae oo Disc) Ae ee ers oe Etc a@ EXECUTANDO 0 PROGRAMA " cs PG ce teu te na cere meray CCR ee GME Cb a mull Te mee} tela eo foguete ird subir. Veja coma os asteraldes somem apés bater er oc . Reems Cem ie sel M MUA CU ieee ECC uee mC)DICA AVANCADA fate Ruan) Dee Rac) Ce erat a PCa Ee farm eee Cm ee) RCo ieee! ee ee) Poreter to Cerererrre ry) UGE ee cae ge Ue PCE Rn Ce ORE omPera Eee orc) Pace eect a mua blocs de mensagem para 5 Pea tute) { $3 bf (@) OT EB eer untae Cue cm Se Emmet inserir dois novos cédigos cdAllee calle meet) Perey RU eae Gur Meer orn eee ee ae para controlar a direcdo, Weta ene cm nt eee eer * La para colocar 0 Clique no icone tablet no modo de tela cheia. Assim seu jogo ficara mais divertido!eV — DRC ee ce Lr me Gl Lg Ce eRe Cae OR re eC ee a Ln OC ta ial tL Ree cue ha eee eet BURR ie el mmm mere eer ree TE cn O eee ey Teter en eear tea) Jrno seu tablet e clique ey tone yrs ce Ld reeenurre a projeto, clique no sinal fig 33O aimee Cie) SR ee EE UILL y clicando ho feone na parte superior da tela. URN Maem RCM Mer Camels Ee ewe tare ee) Coen Re Lr ec?(3) REMOVA 0 GATO Cerne eee Peer ae rere asda ae etn encase tlt Chere CMe on RC aay Lee Cm ele RU Cee rca cereseen uma bola de futebol? Vocé pode escolher outro objeto se desejart (6) ea eg Perce eter ed eRe une ee tte CU terre a OR RL elie im ele OMe ud ree te MCE ae Re a eRe ela Cee eau nase at Note que o cédigo é bem parecido para cada morcego, porém eles Rene een eee d cers(6) ANALISANDO 0 CODIGO Se ue elu} Pernt etnias oC ene Peale etek TE Cau) Pe Ty A Uy 0 mMorceGo, ele Gri aL OS Ecce poe Td+ 7) CODIFICANDO OS 5 OUTROS MORCEGOS ” Deen cuenta uaa ttc Ut 4 Fee eee nC me nad settee Ree cuts cults ice eet eter eee eter reer errr ert retire terre rire! ae Ye ct EM eee ee errr rere) eeld © CODIFICANDO ABOLA PC MOTs a me meee oe auc DUM eer Deane ees (9) Ptsal ye lee) PROGRAMA etc Poco IU ner re mrerarcie Rcd =e) Pen me er eur ed Gessner a 2 Peer re Rr y atone Cece en tc) Seer reyes] v- Meee nue ag eee eeneee reer rere re Ce CR RR i Oe Cu OR LU ORL Cer de Pee Oe Uae ad cee De a eee td Ce somente clicar Deer ee Ue eu eer een ee eee a eeu ee mori y Pee uos ee Teun Pac iee GER ee Ce Rie ee eh ue CTC a novamente,Perper a Cia nant mn) dos morcegas. Veja a figura abai el oe oe ee oe rere ee Ce ne Le ee eee eee errr a ae ce Lic coe MS a ae a Ca3] TESTANDO O PROGRAMA. arcu iC eric Mergen eit} Peete Turse) do Mar e veja se o jogo reinicia, Roe ates eee Rc we erLIcAo4 J J a a MU RCL aL programar um jogo super divertido. O objetivo desta ligéo Cue Me ie eee ar Lad Lar roe @ Ae ae meee oO aes Os Meus Projectos Tae LF eee Re ee 43Pressione para sair do modo tela cheia a 2] CONSTRUINDO 0 CENARIO Dene OMe unused Pe Ree Cae eee ese Clique no sinal de + para inserir um novo personagem rereeme teeta ® Pee ene Nao esquega de remover © Gato!(3) CRIANDO O LABIRINTO Vet nected ee MEE) Use a figura abaixo como exempla e preste atencao nas Puielecem a cet ets aera meen6) POSICIONANDO 0 LABIRINTO Pe ee L Pec) Pert tebe Wu ie ae met a ocupar a tela, ee SRC oc ee) Cereus NO AC Ls) 46ad Pat E Noten eee les) Erriry errr oe tea Petter tee emer Ret agem até o abje Pee Ee PRR me Rage | CS eaq-+-+- POSICIONANDO OS CONTROLES PU mea ee es oasis TY ae ead Coreen Ee Cn8) aM aa Vamos iniciar nossa animacao codificando os controles. ar meu ee OR rat mene Pea Cue eae ul eMC uC etd Perens LO ue cau Leg ee ee eectCODIFICANDO 0 PERSONAGEM PRINCIPAL aera macy Ree ee ee mensagens que as setas enviardo. eee ed para cada direcao. Insira um personagem que voc® Sea Te UL Lc ee Rad Cte70) Sa OBJETIVO re al ocd ye ee toe aL ed te ee ume acm Pee cn) COE oe enna PUR EC mica ice a Oma Pou eat Te 3)TERMINANDO O JOGO CL en MCS rd com o texto “Vocé ganhou!” e colocar o Tac no inicio do a De Rem Cem cee Comal Ta aay ganhou! Gee ea eee Mer acs DEG ERE a cue CRC wae en erie Parabéns, vocé concluiu seu jogo! eu Cee i]LISTA DE BLOCOS DO SCRATCHJR Peete reer trot Leeks 8 aS Ce Prerererrreerrrrrr ress Tey y Cate y ea a a 3 rn Teen cer cy Oc Lo UEas Iu) CURR E Pee) Meee RCE lisey Lay Ute tel TE ence ERC ee Esau era ud Inicla o programa quando reel Miu une ce eC esd ENVIAR MENSAGEM a Sec rc a Re i) ee tM Sa uu Ce ST CATS Ce) Ce aay Dest LL) Deere ca Dene ae) Pee Seat)tae a eur au) Psy SILCCE 1) Vira 0 personagem para adireita, Cre TCC se Acre) pe rene) Race VOLTAR AO INICIO ee ee unre aa ees Seem G00 91-19 161) DIZER fae) Glee Dele eae ey Ce oun Tg PU Re TM led Peer Lal Peas eee ue cece DULL) Drea eect get une tc be lho Rees Pe ued ory cue Por ae peas AUMENTAR One EL td Bee TL ESCONDER rae Coc str Le) Pa ue EUR EU gureig era ae) Li} Koko oh) SU e0).') 00) 0 Seer ist 1 reer) ajustar o tempo. ayy SCR ea A Tae BLOCOS DE SONS ' Cea Peron eee ae GravacAo CTC Rc} CRT is REPETIR eau sccr) dentro dele repita um iu ke Pere VELOCIDADE Ce Rm lear ele eum ad ence re eyes Beta tee nee PY CL@ aS gL Pd. 0: Aa] Piao telat ier eu rec REPETIR SEMPRE Repete infinitamente o fannie}