cont. Aula 4 - Movimentos

00:16:16
https://www.youtube.com/watch?v=NMd_-4qKG-k

Resumo

TLDRCette vidéo est un tutoriel sur les mouvements et commandes de positionnement dans un environnement de programmation, tel que Scratch. L'animateur explique comment manipuler les acteurs en utilisant les coordonnées X et Y, la commande 'glisser' et d'autres commandes telles que 'aller au pointeur de la souris'. Des exemples pratiques d'activités sont fournis pour aider les élèves à développer leurs compétences. Ils sont encouragés à créer des scénarios avec des acteurs interchangeables tout en respectant les limites de l'écran.

Conclusões

  • 🎮 Apprenez à utiliser les coordonnées X et Y pour le positionnement.
  • 💡 Utilisez la commande 'glisser' pour des mouvements fluides.
  • 👆 Faites suivre un acteur du pointeur de la souris.
  • 🎨 Intégrez des images externes au projet au format PNG.
  • 🔄 Empêchez les acteurs de dépasser les bords du scénario.
  • 🚀 Améliorez les animations en ajustant les temps de glissement.
  • 🏆 Créez des projets avec des interactions entre plusieurs acteurs.
  • ✅ Expérimentez avec des mouvements aléatoires.
  • 📝 Des activités pratiques sont fournies pour la pratique.
  • 🎓 La programmation offre diverses méthodes pour atteindre le même résultat.

Linha do tempo

  • 00:00:00 - 00:05:00

    Dans cette section, le présentateur explique comment utiliser la commande 'Vá para' pour positionner un acteur, dans ce cas un chat, dans un endroit spécifique au début d'un jeu. Il montre comment trouver les coordonnées x et y en déplaçant le chat là où il souhaite qu'il commence, puis en utilisant ces valeurs dans la commande pour définir la position de départ de l'acteur.

  • 00:05:00 - 00:10:00

    Le présentateur aborde ensuite la commande 'deslize', qui permet à l'acteur de se déplacer lentement vers une nouvelle position au lieu de s'y rendre instantanément. Il explique comment ajuster la durée du déplacement afin de contrôler la vitesse. De plus, il présente la commande 'Vá para ponteiro do mouse' pour faire suivre l'acteur à la souris, ce qui est utile pour certains types de jeux où l'acteur doit interagir avec d'autres éléments du jeu.

  • 00:10:00 - 00:16:16

    Enfin, il introduit des commandes supplémentaires pour ajuster les mouvements sans changer les positions absolues, comme 'adiciona' pour modifier les coordonnées x ou y. Cela permet de déplacer l'acteur par étapes. Il fournit également des idées pour des activités où les élèves doivent créer des scénarios en utilisant ces commandes afin d'explorer la programmation dans Scratch.

Mapa mental

Vídeo de perguntas e respostas

  • Quels sont les axes utilisés pour la position des objets ?

    Les axes utilisés sont X (horizontal) et Y (vertical).

  • Comment faire glisser un acteur vers une position spécifique ?

    On utilise la commande 'glisser' et on définit les coordonnées X et Y.

  • Quelle est l'importance de la position centrale d'un acteur ?

    La position centrale est la référence à partir de laquelle les coordonnées X et Y sont calculées.

  • Comment faire en sorte qu'un acteur ne dépasse pas les limites du scénario ?

    On peut utiliser la commande 'si toucher la bordure, retourner'.

  • Comment rendre un acteur mobile avec le pointeur de la souris ?

    On utilise la commande 'aller au pointeur de la souris'.

  • Quelle est la différence entre 'ajouter à X' et 'changer X' ?

    'Ajouter à X' modifie la position par un certain montant, tandis que 'changer X' définit la position directement.

  • Comment créer des animations avec plusieurs acteurs ?

    On définit des commandes pour chaque acteur de manière indépendante dans le code.

  • Quelles activités sont suggérées pour les élèves ?

    Créer un scénario avec deux acteurs et définir des mouvements basés sur des événements comme cliquer sur un bouton.

  • Qu'est-ce que le 'glissement lent' ?

    C'est un mouvement d'un acteur vers une position donnée sur une période prolongée.

  • Comment intégrer des images externes dans le projet ?

    On peut télécharger des images au format PNG qui n'ont pas de fond blanc.

Ver mais resumos de vídeos

Obtenha acesso instantâneo a resumos gratuitos de vídeos do YouTube com tecnologia de IA!
Legendas
pt
Rolagem automática:
  • 00:00:00
    [Música]
  • 00:00:11
    bom
  • 00:00:12
    pessoal Seguindo aqui então com os
  • 00:00:16
    movimentos temos o deslize quer dizer o
  • 00:00:20
    Vá para
  • 00:00:22
    eh eu vou apagar aqui tá esse outro ator
  • 00:00:25
    só para ficar mais limpo aqui pra gente
  • 00:00:27
    tá Depois a gente vai trabalhar com dois
  • 00:00:29
    atores em
  • 00:00:31
    aparência o vá paraa geralmente Deixa eu
  • 00:00:36
    só mudar o estilo de rotação do meu gato
  • 00:00:38
    aqui colocar meu evento da Bandeira
  • 00:00:40
    verde de novo aqui
  • 00:00:45
    isso então esse Vap paraa
  • 00:00:49
    eh tem um detalhe A gente vai definir
  • 00:00:52
    esse Vap paraa geralmente em começos de
  • 00:00:54
    jogo ou para posicionar
  • 00:00:56
    eh os objetos no início quando eles
  • 00:01:02
    aparecerem Então vamos supor que eu
  • 00:01:04
    quero que o meu gato comece aqui no
  • 00:01:08
    canto
  • 00:01:09
    e todo o palco aqui eles
  • 00:01:12
    é é uma coordenada x y então cada
  • 00:01:17
    posição que eu tiver aqui corresponde a
  • 00:01:20
    uma coordenada no eixo X e Y tanto é ó
  • 00:01:24
    que quando eu tô mexendo o meu mouse
  • 00:01:26
    aqui bem aqui tá apareo sendo as
  • 00:01:30
    posições atuais do x e y do meu
  • 00:01:33
    mouse meu ponteiro
  • 00:01:36
    aqui certo então como é que a gente faz
  • 00:01:40
    para poder pegar colocar definir aqui
  • 00:01:43
    que o nosso gato vai começar nesse canto
  • 00:01:46
    esquerdo aqui bem a gente pode
  • 00:01:51
    eh colocar o mouse aqui tentar pegar a
  • 00:01:54
    posição aqui do X o y só que acontece
  • 00:01:59
    que o x e y do ator que ele pega como
  • 00:02:03
    referência é o meio do
  • 00:02:06
    ator que é onde tem uma cruzinha ali que
  • 00:02:09
    mais tarde eu vou mostrar para
  • 00:02:12
    vocês que é o Ponto Central que eles
  • 00:02:15
    pegam do ator sempre
  • 00:02:17
    e mas fica muito complicado a gente
  • 00:02:20
    colocar o ponteiro do mouse aqui ver a
  • 00:02:22
    posição e o valor vi aqui e editar então
  • 00:02:25
    a forma mais fácil de fazer isso é o quê
  • 00:02:28
    Ah se eu quero que meu gato comece nessa
  • 00:02:31
    posição aqui então primeiro eu vou
  • 00:02:33
    arrastar ele
  • 00:02:35
    aqui na posição que quero que ele
  • 00:02:39
    comece E aí eu vou pegar esse comando
  • 00:02:43
    por qu conforme eu for mexendo o meu
  • 00:02:46
    ator a posição x e y dele são
  • 00:02:49
    atualizadas pra posição atual em que ele
  • 00:02:52
    está então se eu colocar ele aqui ele já
  • 00:02:56
    me dá a posição certa em que ele ele
  • 00:03:00
    está no momento Então é só vir aqui e
  • 00:03:02
    arrastar o comando Vá para x e o y aqui
  • 00:03:07
    com os valores definidos
  • 00:03:09
    já bem então quer dizer que se eu
  • 00:03:12
    arrastar ele qualquer lugar aqui quando
  • 00:03:14
    eu apertar na Mandeira Verde ele tem que
  • 00:03:16
    vir para
  • 00:03:17
    cá aí ele venho para
  • 00:03:22
    cá bom vamos supor agora que eu quero
  • 00:03:24
    que ele deslize até esse canto
  • 00:03:27
    aqui para isso a gente vai usar o
  • 00:03:31
    comando deslize aqui tão vendo deslize
  • 00:03:35
    por tantos segundos até x e
  • 00:03:39
    y mas até qual x e y eu quero que ele a
  • 00:03:43
    mesma coisa como é que eu defino esse x
  • 00:03:45
    e y aqui eu defino até onde que eu quero
  • 00:03:49
    que ele deslize ou seja o destino
  • 00:03:58
    dele e aí Aí sim que eu arrasto o
  • 00:04:01
    comando deslize que aí ele já me dá a
  • 00:04:03
    posição do x e y atuais dele
  • 00:04:08
    Certo Então ó agora vai acontecer o quê
  • 00:04:11
    quando apertar na Mandeira Verde ele vai
  • 00:04:13
    pra posição x y que a gente definiu
  • 00:04:15
    aquela hora que é esse canto aqui e vai
  • 00:04:18
    deslizar até esse em um intervalo de 1
  • 00:04:23
    Segundo ele foi rápido né pra gente
  • 00:04:27
    fazer com que ele faça vá mais devagar
  • 00:04:31
    é só a gente aumentar os
  • 00:04:32
    segundos então é a mesma ideia para quem
  • 00:04:35
    já P no médio aí de velocidade média a
  • 00:04:39
    gente aumenta o tempo para o
  • 00:04:42
    mesmo percurso mesmo mesma distância a
  • 00:04:46
    gente tem uma
  • 00:04:48
    velocidade aí
  • 00:04:54
    menor aí agora ele vai começar ali então
  • 00:04:58
    agora sempre que eu aper na bandeira
  • 00:05:00
    Verde vai para aquele canto e vai
  • 00:05:02
    deslisar até
  • 00:05:05
    este então a gente pode fazer deslizar
  • 00:05:08
    para qualquer canto aqui basta a gente
  • 00:05:10
    definir a posição x e y dele
  • 00:05:14
    Certo bom pessoal
  • 00:05:19
    eh Só lembrando Quem ainda não conhece e
  • 00:05:23
    pros alunos aí mais novinhos que não
  • 00:05:26
    conhecem ainda o x o y x é a nosso
  • 00:05:30
    é nosso
  • 00:05:31
    eixo horizontal certo então é direita e
  • 00:05:35
    esquerda e y é nosso eixo vertical ou
  • 00:05:40
    seja cima e embaixo
  • 00:05:44
    certo bom a gente tem aqui um outro
  • 00:05:47
    comando aqui ó no meio que eu pulei que
  • 00:05:49
    é esse Vá para ponteiro do mouse ou uma
  • 00:05:53
    posição aleatória para que é que a gente
  • 00:05:56
    usa isso
  • 00:06:00
    Se eu colocar aqui por exemplo para ele
  • 00:06:02
    sempre ir para ponteiro do
  • 00:06:11
    mouse Ó o meu ator vai acompanhar meu
  • 00:06:14
    mouse desse jeito certo isso serve para
  • 00:06:17
    aqueles joguinhos que a gente precisa
  • 00:06:19
    pegar algum outro ator para poder
  • 00:06:22
    e Tocar em outro para acontecer alguma
  • 00:06:25
    coisa então vamos supor que ah eu tenho
  • 00:06:28
    que pegar os
  • 00:06:30
    a é um jogo
  • 00:06:32
    de sobr dengue por exemplo então ah eu
  • 00:06:36
    tenho que ir lá pegar o lixo e arrastar
  • 00:06:38
    até a minha
  • 00:06:40
    lixeira então a gente acaba fazendo isso
  • 00:06:44
    certo a gente vem aqui e arrasta e
  • 00:06:47
    coloca esse comando que aí ele vai
  • 00:06:48
    acompanhar nosso ponteiro do mouse ou eu
  • 00:06:53
    posso para ele colocar aqui para ele
  • 00:06:56
    sempre aparecer em uma posição aleatória
  • 00:06:58
    isso serve para aqueles joguinhos que a
  • 00:07:00
    gente tem que adivinhar onde é que
  • 00:07:02
    o onde é que o personagem vai aparecer
  • 00:07:05
    pro usuário ir lá e matar ele ou clicar
  • 00:07:09
    nele acontecer alguma coisa ou ou é o
  • 00:07:13
    jogo adivinho onde estou então é para
  • 00:07:16
    isso então eu vou vir aqui vou colocar
  • 00:07:19
    aqui só para que ele vá na posição
  • 00:07:20
    aleatória e ele espere meio segundo 0.5
  • 00:07:25
    segundos me é na posição que ele tiver
  • 00:07:30
    aí ó Mas repare que as posições dele às
  • 00:07:34
    vezes ultrapassam um pouco o cenário a
  • 00:07:37
    que que eu posso
  • 00:07:38
    fazer eu posso colocar aqui se tocar na
  • 00:07:42
    borda
  • 00:07:46
    volte a
  • 00:07:59
    aí vai isso vai fazer com que ele não
  • 00:08:01
    ultrapasse aqui a
  • 00:08:03
    cena então ess é um recurso bem bem
  • 00:08:06
    bacana isso
  • 00:08:08
    aqui bom pessoal Seguindo aqui então a
  • 00:08:12
    gente
  • 00:08:13
    tem o
  • 00:08:15
    adicione e o m adicione tantos a x e m x
  • 00:08:21
    para esse aqui é para quando a gente não
  • 00:08:24
    quer alterar a posição de x e y a gente
  • 00:08:28
    quer alterar só de x e adicionando por
  • 00:08:30
    exemplo esse aqui vai funcionar como por
  • 00:08:34
    exemplo se eu colocar aqui adicione 20 a
  • 00:08:37
    x como X é minha direita e esquerda
  • 00:08:40
    então quando adiciono 20 a x ele vai
  • 00:08:44
    aumentar o seu
  • 00:08:47
    valor pra direita ou seja vai adicionar
  • 00:08:51
    20 ao eixo X do Nosso gato Então vai
  • 00:08:54
    fazer com que ele se movimente pra
  • 00:08:57
    direita mas se eu coloc aqui por exemplo
  • 00:09:00
    para ele adicionar o valor negativo que
  • 00:09:02
    é o mesmo que ele diminuir 100 então ele
  • 00:09:06
    vai andar para trás reparem que isso é
  • 00:09:11
    muito diferente da gente colocar ã o
  • 00:09:15
    aponte para a direção da esquerda porque
  • 00:09:17
    quando a gente pede para ele apontar pra
  • 00:09:19
    direção da esquerda que a gente viu
  • 00:09:21
    aquela hora o que que ele acaba fazendo
  • 00:09:24
    ele vira e aí ele vai pra esquerda aqui
  • 00:09:27
    Não ele tá só adicionando Men 100 ao
  • 00:09:29
    eixo X do gato Então não vai fazer com
  • 00:09:31
    que ele vire pra esquerda ou ele se MOV
  • 00:09:35
    a E aí ele se movimente não ele só vai
  • 00:09:37
    adicionar
  • 00:09:38
    e um valor negativo e vai fazer que ele
  • 00:09:42
    vá para
  • 00:09:44
    trás certo
  • 00:09:48
    ã continuando aqui então a gente tem
  • 00:09:50
    também o m x para ó o adicione Se eu
  • 00:09:55
    colocar aqui adicione 100ha X Ele vai
  • 00:09:58
    sempre adicionando
  • 00:10:00
    é diferente de eu colocar para ele mudar
  • 00:10:03
    porque uma vez que ele muda para aquele
  • 00:10:06
    valor mude X para
  • 00:10:11
    100 para 50 vou colocar de X para
  • 00:10:16
    50 a segunda vez que executar ele não
  • 00:10:19
    vai fazer nada por a posição x dele já é
  • 00:10:23
    igual a 50 então se eu executar de novo
  • 00:10:26
    ele não vai para mais nenhum lugar por
  • 00:10:29
    ele já está na posição x =
  • 00:10:33
    50 a mesma coisa acontece aqui no Y se
  • 00:10:37
    eu quero que ele vá para cima ou para
  • 00:10:44
    baixo posso adicionar
  • 00:10:46
    50y valor positivo para ele ir para cima
  • 00:10:49
    e o valor negativo para ele ir para
  • 00:10:50
    baixo
  • 00:10:53
    aqui nosso eixo aqui vertical então é a
  • 00:10:57
    mesma ideia
  • 00:10:59
    bom pessoal terminando aqui a gente tem
  • 00:11:01
    a posição
  • 00:11:03
    x posição y e essa direção aqui marquei
  • 00:11:08
    todas pra gente ver que que é essas
  • 00:11:11
    posições ele D posição
  • 00:11:14
    atual o valor atual da posição x e o
  • 00:11:17
    valor atual da posição y e a direção
  • 00:11:20
    qual ele tá
  • 00:11:22
    apontando esses daqui é interessante
  • 00:11:25
    para que esse tipo de comando eles se
  • 00:11:27
    encaixam e em vários outros então a
  • 00:11:32
    gente pode usar o valor que tá sendo
  • 00:11:33
    Guardado na posição x que é a posição
  • 00:11:37
    que ele tá atualmente
  • 00:11:39
    e em algum outro comando então e todos
  • 00:11:44
    esses comandos aqui quadradinhos e
  • 00:11:45
    redondos a gente consegue encaixar
  • 00:11:48
    eles então por exemplo se eu vier aqui
  • 00:11:51
    eu consigo encaixar esses
  • 00:11:54
    comandos posição x e y dentro dele Certo
  • 00:11:59
    então é para isso is aí tem muita
  • 00:12:01
    utilidade tá então vai depender da
  • 00:12:03
    Imaginação de vocês depois nos jogos aí
  • 00:12:07
    mas hoje adianto que é muito usados aqui
  • 00:12:10
    dentro de outros comandos com os
  • 00:12:11
    operadores com sensores
  • 00:12:14
    enfim bom pessoal eh de eu só queria
  • 00:12:18
    mostrar rapidamente aqui algumas coisas
  • 00:12:21
    do dos Comandos de movimento certo e
  • 00:12:25
    agora tenho duas atividades para vocês
  • 00:12:28
    agora aqui a gente tem alguma atividade
  • 00:12:30
    sobre o movimento aqui dos atores bem a
  • 00:12:34
    atividade um é o qu crie um cenário com
  • 00:12:37
    uma imagem qualquer no pon de fundo que
  • 00:12:39
    contenha no mínimo dois
  • 00:12:41
    atores sendo um da biblioteca e o outro
  • 00:12:44
    uma imagem externa ou seja vocês vão ter
  • 00:12:47
    que vir aqui e escolher um
  • 00:12:50
    ator daqui que a gente
  • 00:12:53
    tem que vem junto com Scratch e um que
  • 00:12:56
    vocês vão baixar no computador e vão
  • 00:12:59
    escolher aqui lembrando que quando vocês
  • 00:13:02
    forem dechar
  • 00:13:04
    alguma sempre e não tem o fundo branco
  • 00:13:10
    então
  • 00:13:12
    png certo aí por exemplo vocês forem no
  • 00:13:16
    Google imagem e procurarem vocês querem
  • 00:13:19
    o por exemplo coloca lá o png E aí vocês
  • 00:13:23
    abrirem imagem verifique se ela tá com
  • 00:13:25
    quadriculada atrás se ela tiver
  • 00:13:27
    quadriculada atrás é porque porque ela
  • 00:13:30
    não tem o fundo branco certo bom
  • 00:13:33
    ã então vocês vão colocar esses dois
  • 00:13:36
    atores e o ator um quando apertar na
  • 00:13:38
    bandeira Verde ele tem que se mover 80
  • 00:13:41
    passos para a direita o ator dois deve
  • 00:13:44
    se mover 70 passos para a
  • 00:13:48
    esquerda e o ator um e dois quando o
  • 00:13:52
    quando a quando o usuário apertar a
  • 00:13:55
    espaço os dois deverão pular em uma
  • 00:13:58
    altura aí de 80 Passos Lembrando que o
  • 00:14:01
    autor não não deverá ultrapassar os
  • 00:14:03
    limites do cenário o limite do cenário
  • 00:14:06
    ou seja
  • 00:14:08
    eh se eu executar várias vezes eh o
  • 00:14:11
    código eh ele não pode passar do do os
  • 00:14:15
    limites do cenário
  • 00:14:17
    certo e o desafio um é o quê colocar
  • 00:14:21
    dois atores também poem ser os mesmos e
  • 00:14:24
    quando apertar na bandeira verde o ator
  • 00:14:27
    é um tem que ir até o canto inferior
  • 00:14:30
    esquerdo do dicionário e deslizar
  • 00:14:32
    lentamente até o final do Canto inferior
  • 00:14:35
    direito após isso o ator deverá
  • 00:14:38
    pular Esqueci de colocar
  • 00:14:40
    aqui deverá pular e retornar a
  • 00:14:45
    posição então ele vai começar a minha
  • 00:14:48
    posição por exemplo vai começar no meio
  • 00:14:51
    então ele vai lá pro pro canto esquerdo
  • 00:14:53
    vai deslizar até o direito e depois que
  • 00:14:57
    ele pular tem que voltar pro meio no
  • 00:14:59
    caso que era posição inicial que ele
  • 00:15:01
    tava
  • 00:15:03
    tá colocar aqui até posição
  • 00:15:06
    inicial bem o ator dois quando apertar
  • 00:15:09
    na bandeira Verde tem que percorrer todo
  • 00:15:11
    o cenário eu não sei se vocês já jogaram
  • 00:15:14
    aquele joguinho de ping-pong que a
  • 00:15:16
    bolinha bate volta e ela acaba
  • 00:15:18
    percorrendo assim todo o cenário Então é
  • 00:15:22
    isso que vocês vão ter que fazer seria o
  • 00:15:24
    que como que a gente faz para essa
  • 00:15:26
    bolinha percorrer todo o cenário por
  • 00:15:27
    exemplo então o ator dois tem que fazer
  • 00:15:30
    isso então é uma das dicas que eu
  • 00:15:33
    coloquei aqui é quando tocar na borda o
  • 00:15:35
    ador deve voltar e mudar a direção para
  • 00:15:38
    o sentido do
  • 00:15:40
    movimento certo Lembrando que nenhum
  • 00:15:43
    deles podem passar os limites do cenário
  • 00:15:46
    também bom pessoal é isso a gente vem
  • 00:15:49
    nas próximas videoaulas aí com as
  • 00:15:52
    resoluções mas eu aconselho que vocês
  • 00:15:55
    tentem fazer antes depois vocês eh
  • 00:16:00
    vejam aí como é que eu fiz até porque
  • 00:16:02
    como eu falei uma atividade tem várias
  • 00:16:05
    formas de fazer esse que é o bacana da
  • 00:16:08
    programação certo bom pessoal um beijo e
  • 00:16:11
    até a nossa próxima aula com as
  • 00:16:13
    resoluções
Etiquetas
  • programmation
  • Scratch
  • mouvement
  • coordonnées
  • X
  • Y
  • glisser
  • acteurs
  • animations
  • éducation