Entrar Ainda não tem acesso?
2
respostas

Fiz um remix do jogo para o contexto educacional e tenho novas dúvidas

Referente ao curso Lógica de programação: laços e listas com JavaScript, no capítulo Adicionando sons e pontos negativos e atividade O que aprendemos?

por Mary Grace Pereira Andrioli
| 44.5k xp | 7 posts
Coordenadora Licenciatura em Pedagogia

Oi Pessoal, sou pedagoga e adaptei o jogo para usar em formação de professores, usando a ideia da mecânica de atravessar os obstaculos. No caso a proposta é que o professor faça um planejamento pedagógico inclusivo e para isso se livre de alguns obstáculos como: capacitismo, fórmulas prontas, segregação, fórmulas mágicas, etc. O link do jogo é esse: ! https://editor.p5js.org/maryandrioli/full/QM55N-tFd

Queria aprender agora como inserir elementos que a pessoa deve tocar/se agarrar e assim fazer pontos quando aparecerem.

Também queria incluir uma navegação por setas que pudesse fazer o jogo funcionar em celular.

abraços

Mary Grace

2 respostas
por Leonardo Marqueti de Lima Sato
| 88.5k xp | 39 posts
dono

Olá Mary, tudo bem? Vi suas duvidas e fui atras para tentar resolve-las, primeiro queria descobrir uma forma de poder usar o jogo no celular, depois de algumas pesquisa e tentativas encontrei nas referencias do p5 uma forma de movimentar nosso personagem usando o click do mouse, então fui fazer o teste no celular, para conferir se o click no computador era o mesmo click na tela do celular, e pela minha felicidade kkkk funcionava. Então fui na função onde criamos para movimentar nosso personagem(ator) e acrescentei o seguinte código –

if (mouseIsPressed){
    yPersonagem -= 1.7;
  }

Onde ao pressionarmos a tela ou o mouse, nosso personagem irar se mover em Y .

A função do movimento com esse novo código ficaria assim:

function controlaAtor() {
  if (mouseIsPressed){
    yPersonagem -= 1.7;
  }
  if (keyIsDown(UP_ARROW)) {
    yPersonagem -= 1.7;
  }
  if (keyIsDown(DOWN_ARROW)) {
    if (podeSeMover()) {
      yPersonagem += 1.7;
    }
  }

Provavelmente existem outras formas melhores de fazer esse movimento , porem espero ajudar com essa solução que encontrei. Aqui esta o link do jogo completo, abra ele no celular e faça os teste: https://editor.p5js.org/domkerrs/full/H0iBC6YP7

Para sua outra duvida, poderia explicar um pouco mais detalhado oque você gostaria?

por Mary Grace Pereira Andrioli
| 44.5k xp | 7 posts
Coordenadora Licenciatura em Pedagogia

Oi Leonardo, muito bacana. Você fez de um jeito diferente do que eu pensei, mas bem interessante. Eu havia pensado algo semelhante ao que fiz uma vez em um joguinho programado via Scratch: https://scratch.mit.edu/projects/386792014/

Nesse eu consegui fazer uma area de navegação clicando nas setas e depois havia convertido para Javascritpt (em um site que converte do scratch para javascript) e funcionou bem no celular.

No javascript direto ainda estou apanhando, tentando entender a lógica como entendo já no scratch (que é uma linguagem de programação em blocos e usamos muito com crianças, mas é a que eu entendo melhor, ainda...)

A minha outra pergunta me parece que exige um curso de node.. seria como criar um app em javascript que já rode em celular, que possa ser baixado e tal.

[]s