Personalizando um quebra-cabeça digital

Barbara Lichtenegger, Marina Menna Barreto, Diego Lieban, Joana Duarte, May 27, 2024

Cópia de Este material faz parte do curso [b]Desenvolvimento de Aplicativos e Jogos Lógico-digitais com GeoGebra[/b] https://www.geogebra.org/m/fcjvam4w e está baseado em uma atividade realizada inicialmente na Renert School (Calgary/Canada), em 2017, com alunos de ~10 anos e posteriormente replicado com adultos (em sua maioria, professores) em um workshop, que foi resultado do trabalho reportado abaixo. [b]Creating Painting Puzzles: Math, Art, Games and Technology[/b] http://bridgesmathart.org/bridges-2018/ Bridges Conference, 25–29 July 2018, Stockholm

Table of Contents

  1. Introdução
    1. Apresentação
  2. Atividade (passo a passo)
    1. Criando a foto e aplicando o filtro artístico
    2. Dividindo a foto em partes iguais
    3. Trabalhando no GeoGebra
    4. Organizando as peças
    5. Programando - parte A
    6. Programando - parte B
    7. Programando - parte C
    8. Retoque final
  3. Dicas
    1. Criando filtros artísticos
    2. Dividindo a imagem em partes iguais
    3. Inserindo imagem, texto e botão
    4. Evitando pontos em excesso
    5. Códigos para copiar e colar (em inglês)
  4. Exemplos já realizados
    1. Woody and Jessie Puzzle (final)
    2. Renert Puzzle Jibola final
    3. Renert Puzzle Seraij final
    4. Cindy sliding block puzzle
    5. 8-puzzle & 24-puzzle
    6. Ceci Puzzle
    7. Thank you, Stefan
  5. Materiais relacionados
    1. 15 puzzle trick
    2. Leituras complementares
    3. Numberphile video
    4. Coiled 15 puzzle

1.

Introdução

  • 1. Apresentação

1.1.

Apresentação

O objetivo desta atividade é poder apresentar, de forma guiada, algumas alternativas de recursos para o desenvolvimento de jogos lógicos-digitais e ao mesmo tempo revelar algumas das belezas matemáticas escondidas por trás do desenvolvimento do jogo. Assim, esperamos ilustrar como este tipo de atividade pode alinhar-se a conteúdos curriculares, além de atender recomendações da BNCC – Base Nacional Comum Curricular, como a introdução das tecnologias, o incentivo ao exercício criativo nas práticas escolares, além da exploração do pensamento computacional.[br][br]Através da [b][i][color=#a61c00]REPRODUÇÃO[/color][/i][/b] de um quebra-cabeça digital "deslizante", os participantes terão a oportunidade de refletir e discutir sobre as possibilidades em se trabalhar com este tipo de atividade em sala de aula, considerando as particularidades de cada etapa do processo.[br][br]A parte de programação apresentada aqui será discutida oportunamente, assim que não se preocupe se algum detalhe não ficar muito claro. O mais importante, neste primeiro momento, é que você consiga obter seu quebra-cabeça final em um modo executável (ou "jogável").[br][br]Bom trabalho. [br]
– Diego Lieban, Barbara Lichtenegger

2.

Atividade (passo a passo)

  • 1. Criando a foto e aplicando o filtro artístico
  • 2. Dividindo a foto em partes iguais
  • 3. Trabalhando no GeoGebra
  • 4. Organizando as peças
  • 5. Programando - parte A
  • 6. Programando - parte B
  • 7. Programando - parte C
  • 8. Retoque final

2.1.

Criando a foto e aplicando o filtro artístico

1) Registre a foto com a câmera do celular, de preferência no formato QUADRADO (se houver). Caso não haja, você deverá recortar digitalmente para garantir um QUADRADO perfeito. [br][br]2) Aplique o app [b]PRISMA[/b] a fim de editar a foto escolhida com algum dos diferentes filtros artísticos disponíveis ([url=https://prisma-ai.com/]https://prisma-ai.com/[/url] ou faça o download diretamente no Google Play/App Store).
3) Você pode conseguir resultados alternativos também explorando o aplicativo online [b]Befunky [/b]([url=https://www.befunky.com/features/photo-effects/]https://www.befunky.com/features/photo-effects/[/url]).
– Diego Lieban, Marina Menna Barreto

2.2.

–

2.3.

–

2.4.

–

2.5.

–

2.6.

–

2.7.

–

2.8.

–

3.

Dicas

  • 1. Criando filtros artísticos
  • 2. Dividindo a imagem em partes iguais
  • 3. Inserindo imagem, texto e botão
  • 4. Evitando pontos em excesso
  • 5. Códigos para copiar e colar (em inglês)

3.1.

Criando filtros artísticos

Os participantes tirarão fotos com suas câmeras de smartphone, de preferência no modo QUADRADO, se houver o recurso na câmera. Alternativamente, podem selecionar qualquer imagem de sua preferência na web, mas é importante que certifiquem-se de que seja, de fato, no formato QUADRADO (do contrário, devem ajustar para a atividade). A ideia é, então, aplicar um filtro artístico à imagem, que no caso das fotos com o celular, podem ser ajustadas com aplicativos. Sugerimos o PRISMA (vide link abaixo), mas pode ser outro equivalente. Abaixo, apresentamos alguns modelos possíveis obtidos a partir da foto acima. O uso de filtros irá adicionar um toque pessoal e artístico ao produto final, que busca integrar diferentes tecnologias à atividade.
PRISMA LABS - A.I. Powered Art Styles ([url=https://prisma-ai.com/]https://prisma-ai.com/[/url]), acessado em 16.05.2020.[br]
– Diego Lieban, Barbara Lichtenegger

3.2.

–

3.3.

–

3.4.

–

3.5.

–

4.

Exemplos já realizados

  • 1. Woody and Jessie Puzzle (final)
  • 2. Renert Puzzle Jibola final
  • 3. Renert Puzzle Seraij final
  • 4. Cindy sliding block puzzle
  • 5. 8-puzzle & 24-puzzle
  • 6. Ceci Puzzle
  • 7. Thank you, Stefan

4.1.

Woody and Jessie Puzzle (final)

– Diego Lieban

4.2.

–

4.3.

–

4.4.

–

4.5.

–

4.6.

–

4.7.

–

5.

Materiais relacionados

  • 1. 15 puzzle trick
  • 2. Leituras complementares
  • 3. Numberphile video
  • 4. Coiled 15 puzzle

5.1.

15 puzzle trick

Can you fit this challenge?
To move the pieces to adjacent empty spots just click on there.
If you won't be able, dont't worry. Take a look in the nice book Mathematics and the Imagination (chapter V) or just google it about.
– Diego Lieban

5.2.

–

5.3.

–

5.4.

–

Information