Eu sou otavio
Sou uma estundade do ensino medio que esta aprendo Programação usando HTML, CSS e JavaScript. Veja os projetos que já desenvolvi!
Minhas habilidades
HTML
CSS
JavaScript
Scratch
uma corrida com emoji para uma batalha entre usuarios no meus computador
um projeto baseado em um bricadeira na realidade, simulanda
Este código é um esboço de um
jogo simples em JavaScript utilizando a biblioteca p5.js.Ele cria um canvas de 400x400 pixels onde dois jogadores,
representados por emojis, competem para alcançar uma linha de chegada. O jogador 1 avança ao pressionar a tecla "p", enquanto o jogador 2 avança com a tecla "a". O jogo muda a cor de fundo dependendo se a janela está focada e exibe uma mensagem de vitória quando um dos jogadores cruza a linha de chegada...
O código apresentado é um exemplo de um desenho interativo utilizando a biblioteca p5.js, que é amplamente utilizada para criar gráficos e animações em JavaScript. Na função `setup()`, é criada uma tela de 400 por 400 pixels. A função `draw()` é responsável por renderizar o conteúdo na tela a cada quadro. O fundo é preenchido com uma cor laranja (#FF5722), e um rosto azul (#03A9F4) é desenhado no centro da tela, composto por círculos para os olhos e uma linha para a boca. Além disso, um triângulo representa o nariz, e linhas são usadas para as sobrancelhas. O código também inclui uma funcionalidade interativa: as pupilas dos olhos se movem de acordo com a posição do mouse, utilizando a função `map()` para ajustar a posição. Quando o mouse é pressionado, as coordenadas do mouse são registradas no console. Essa abordagem permite que o usuário interaja com a arte, tornando a experiência mais dinâmica e envolvente.
.
O código apresentado é um exemplo de um programa em JavaScript utilizando a biblioteca p5.js, que é frequentemente usada para criar gráficos e interações visuais. No início, duas variáveis, `x` e `y`, são declaradas, que representam as coordenadas de um ponto aleatório na tela. A função `setup()` é responsável por inicializar o ambiente, criando uma tela de 400 por 400 pixels e gerando valores aleatórios inteiros para `x` e `y`.
A função `draw()` é chamada repetidamente, atualizando a tela. Dentro dela, o fundo é limpo e as coordenadas `x` e `y` são ligeiramente alteradas em cada iteração, criando um movimento suave. A distância entre o mouse e o ponto aleatório é calculada, e um círculo é desenhado na posição do mouse com um diâmetro igual a essa distância. Se o mouse se aproxima o suficiente do ponto (menos de 3 pixels), uma mensagem "Encontrei!" é exibida no centro da tela e o loop de desenho é interrompido. Esse código é um bom exemplo de interação simples em um ambiente gráfico.
