{"id":5922,"date":"2024-12-08T19:38:20","date_gmt":"2024-12-08T22:38:20","guid":{"rendered":"https:\/\/www.blogs.unicamp.br\/zero\/?p=5922"},"modified":"2024-12-08T19:38:22","modified_gmt":"2024-12-08T22:38:22","slug":"pensamento-computacional-em-dress-up","status":"publish","type":"post","link":"https:\/\/www.blogs.unicamp.br\/zero\/5922\/","title":{"rendered":"Pensamento computacional em dress-up?"},"content":{"rendered":"\n

Quando comecei a estudar o tema Pensamento Computacional<\/strong> (em 2016) comecei a pensar na perspectiva de game design<\/strong>, passando pelo g\u00eanero de jogos de dress-up<\/em>. Para situar quem est\u00e1 lendo, a interpreta\u00e7\u00e3o de Pensamento Computacional<\/strong> que eu utilizava na \u00e9poca era algo parecido com “o conjunto de habilidades\/atitudes que cientistas da computacional utilizam no tratamento de problemas tendo recursos computacionais \u00e0 sua disposi\u00e7\u00e3o<\/em>“. J\u00e1 os jogos do g\u00eanero dress-up<\/em> envolvem um personagem que podemos vestir de diversas maneiras, escolhendo as roupas que usar\u00e3o (a divers\u00e3o destes jogos \u00e9 realmente compor os personagens com diversos visuais e estilos).<\/p>\n\n\n\n

Comecei a trabalhar em cima da proposta de Girl’s Dressup<\/a><\/strong>.<\/p>\n\n\n\n

\"\"<\/a>
https:\/\/scratch.mit.edu\/projects\/96791466<\/a><\/figcaption><\/figure>\n\n\n\n

Apesar de achar a arte fofinha, muito bem-feita e um tra\u00e7o maravilhoso, o encaixe das pe\u00e7as de roupa\/cabelo\/sapatos\/adere\u00e7os ocorre manualmente arrastando e encontrando a posi\u00e7\u00e3o em cima da personagem. Outro aspecto que poderia ser melhorado neste jogo \u00e9 a repeti\u00e7\u00e3o das roupas para oferecer ao jogador uma varia\u00e7\u00e3o de cores para elas. <\/p>\n\n\n\n

\"\"<\/a>
https:\/\/scratch.mit.edu\/projects\/101938263\/<\/a><\/figcaption><\/figure>\n\n\n\n

Assim, na minha vers\u00e3o deste jogo mantive apenas uma pe\u00e7a de roupa de cada tipo, ignorando a varia\u00e7\u00e3o de cores. Defini a posi\u00e7\u00e3o que as roupas deveriam ficar na personagem, de modo que com um clique ela fosse para sobre a personagem, e outro clique, ela voltasse pro arm\u00e1rio. Para oferecer a varia\u00e7\u00e3o de cores, atribui a cada sprite das roupas uma varia\u00e7\u00e3o em seu espectro de cores, que era alterado quando o mouse estivesse sobre a pe\u00e7a e uma das setas (direita\/esquerda) fosse pressionada.<\/p>\n\n\n\n

Algum tempo depois vim a conhecer um outro jogo de dress-up<\/em>, com um repert\u00f3rio bem maior de roupas e acess\u00f3rios, uma arte muito fofa, e um adicional bastante interessante. Neste jogo temos no canto inferior direito do quadro onde o personagem aparece, um dado de 6 faces. Ao clicar nele, sorteiam uma pe\u00e7a de cada tipo, e vestem automaticamente no personagem. O legal desta fun\u00e7\u00e3o \u00e9 que as vezes saem umas combina\u00e7\u00f5es diferentonas e bem legais. H\u00e1 tamb\u00e9m um bot\u00e3o (canto inferior esquerdo) que retira todas as pe\u00e7as do personagem (basicamente reinicia o programa). Interessante deste jogo, \u00e9 que as pe\u00e7as no arm\u00e1rio aparecem em tamanho reduzido, permitindo uma vis\u00e3o de como elas s\u00e3o, mas quando selecionamos, elas aumentam para o tamanho do personagem (um jeito de aproveitar melhor o espa\u00e7o).<\/p>\n\n\n\n

\"\"<\/a>
https:\/\/www.deviantart.com\/heartgear\/art\/Dress-up-Game-Fem-Style-for-the-Boy-Body-390923865<\/a><\/figcaption><\/figure>\n\n\n\n

Na varia\u00e7\u00e3o que criei repeti a mesma ideia que fiz na vers\u00e3o anterior, isto \u00e9, ignorar roupas de mesmo tipo com cores diferentes, e tamb\u00e9m o encaixe autom\u00e1tico no corpo. Al\u00e9m disso, como para a maioria das pe\u00e7as de um mesmo grupo, por exemplo sapatos, a sobreposi\u00e7\u00e3o n\u00e3o faz sentido, posso considerar a pe\u00e7a sapato como um \u00fanico ator com sprites diferentes a serem alteradas com um comando do teclado (seta para cima\/baixo), assim, basta ficar passando os sapatos para escolher o que vamos usar, sem a necessidade de ficar tirando e colocando v\u00e1rios sapatos para ver como ficam. Por esta raz\u00e3o, considerei o bot\u00e3o de reiniciar o personagem como algo desnecess\u00e1rio, j\u00e1 que na maior parte da intera\u00e7\u00e3o, as roupas ficariam no personagem, s\u00f3 precisando variar entre suas sprites. Reproduzi o bot\u00e3o de sorteio, mas definindo al\u00e9m da pe\u00e7a, tamb\u00e9m a varia\u00e7\u00e3o da cor como um valor aleat\u00f3rio. Repliquei tamb\u00e9m a ideia de reduzir o tamanho da pe\u00e7a quando n\u00e3o est\u00e1 no corpo do personagem, assim mesmo com muitas roupas fora do corpo, o espa\u00e7o ocupado por elas poluiria tanto a tela. Por fim, um aspecto que senti falta nos jogos de dress-up<\/em> foi a possibilidade de salvar os looks montados e carreg\u00e1-los quando quisermos. Para isto criei 9 slots (os quadradinhos coloridos) que podem ser selecionados (o quadradinho vem a esquerda para indicar que est\u00e1 selecionado), com a Lupa<\/strong> carregamos o look salvo naquele slot. Na verdade as roupas\/cabelo\/sapatos mudam para a cor e tipo armazenado, mas permanecem nas posi\u00e7\u00f5es atuais. Com a fun\u00e7\u00e3o Sobreescrever <\/strong>(\u00faltimo bot\u00e3o) guardamos naquele slot as informa\u00e7\u00f5es daquele look (se houver algo salvo no slot, ele \u00e9 sobreescrito).<\/p>\n\n\n\n

\"\"<\/a>
https:\/\/scratch.mit.edu\/projects\/1101467175\/<\/a><\/figcaption><\/figure>\n\n\n\n

Assim, na intera\u00e7\u00e3o do jogador com o jogo \u00e9 poss\u00edvel desenvolver alguns conceitos associados ao Pensamento Computacional<\/strong>, como a sele\u00e7\u00e3o dos slots, a execu\u00e7\u00e3o\/sobreposi\u00e7\u00e3o do seu conte\u00fado. Por exemplo, dispondo dos slots 1, 2 e 3, como fazer a troca do look do slot 1 para o slot 2:<\/p>\n\n\n\n