Mateus Sidiney
-
Posts
4 -
Cadastrado em
-
Última visita
Tipo de conteúdo
Artigos
Selos
Fabricantes
Livros
Cursos
Análises
Fórum
Tudo que Mateus Sidiney postou
-
Javascript Canvas e JavaScript e Operadores de Comparação e Aritmético
Mateus Sidiney respondeu ao tópico de Mateus Sidiney em Web e banco de dados
errei, no caso ele adiciona 5 e retira 5 ? no caso isso seria um cálculo para ele se mover 5 pixels para X e Y ? porque no caso a variável não está dentro do looping. no caso velocidadePosicaoBolaX e Y tem o valor 5 ai já posicaoBolaX e Y tem valor 5 então fica 10 ai ele retorna o looping sempre fazendo isso ? ai essa seria a movimentação do raio ? 5 pixels para X e Y ? edit: quando eu olhava o código eu só pensava 2 coisas, estava dentro de um looping e o valor do cálculo sempre seria 5 e a movimentação seria 5 pixels, mas olhei melhor e vi que ele faz uma conta e adiciona para fazer a mesma conta para o raio da bola se mover (eu acho), eu estou certo ou falta algo ou errei em algo? -
Javascript Canvas e JavaScript e Operadores de Comparação e Aritmético
Mateus Sidiney respondeu ao tópico de Mateus Sidiney em Web e banco de dados
então o valor inicial do raio é 5 e não vai ser sempre 5 no caso ? acho que entendi. no código tem um looping e acabei esquecendo que ele adiciona 5 a cada looping eu acho. muito obrigado pela resposta e pelo tempo, tava com dor de cabeça com isso já. -
Javascript Canvas e JavaScript e Operadores de Comparação e Aritmético
Mateus Sidiney respondeu ao tópico de Mateus Sidiney em Web e banco de dados
então gabriel obrigado por me responder, mas o que eu não entendo é porque tem que colocar cálculo sendo que posso colocar o valor do cálculo no caso (x) é 5 o cálculo completo com ordem de precedência, porém se eu colocar 5 em vez do cálculo em (x) a bolinha vai para baixo e não para diagonal. sobre o código muito obrigado por compartilhar mas estou no começo aprendendo javascript e tem coisas que ainda não entendo mais vou entender. é que no começo desse curso tem q ser tudo iniciante mesmo, o cálculo que eu falo é a posição (x) e (y) eu n entendo porque não funciona de colocar o resultado em vez da conta areaDesenho.fillRect(posicaoBolaX - diametroBola / 2, posicaoBolaY - diametroBola / 2, diametroBola, diametroBola); -
Javascript Canvas e JavaScript e Operadores de Comparação e Aritmético
Mateus Sidiney postou um tópico em Web e banco de dados
Olá, estou cursando um curso de programação back-end, e não consegui contatar o suporte e decidi fazer a pergunta aqui no fórum, então eu não entendi porque nessa parte ele não aceita o número (no caso o resultado do cálculo). se eu colocar o resultado em vez do cálculo a bolinha desce para baixo, alguém sabe por que isso acontece? obrigado. <html> <body> <canvas id="folha" width="600" height="500"></canvas> <script> var posicaoJogador1 = posicaoJogador2 = 40; var posicaoBolaX = posicaoBolaY = 10; var velocidadePosicaoBolaX = velocidadePosicaoBolaY = 5; var pontucaoJogador1 = pontucaoJogador2 = 0; window.onload = function(){ setInterval(executar, 1000 / 30); } function executar() { var folhaDesenho = document.getElementById("folha"); var areaDesenho = folhaDesenho.getContext("2d"); var larguraCampo = 600; var alturaCampo = 500; var espessuraRede = 5; var diametroBola = 10; var espessuraRaquete = 11; var alturaRaquete = 100; var efeitoRaquete = 0.3; areaDesenho.fillStyle = "#286047"; // cor verde areaDesenho.fillRect(0, 0, larguraCampo, alturaCampo); areaDesenho.fillStyle = "#ffffff"; // cor branca areaDesenho.fillRect(297.5, 0, espessuraRede, alturaCampo); // Desenha a bola // Aqui ele desenha a bola e coloca na sua posição inicial areaDesenho.fillRect(posicaoBolaX - diametroBola / 2, posicaoBolaY - diametroBola / 2, diametroBola, diametroBola); areaDesenho.fillRect(0, posicaoJogador1, espessuraRaquete, alturaRaquete); areaDesenho.fillRect(larguraCampo - espessuraRaquete, posicaoJogador2, espessuraRaquete, alturaRaquete); posicaoBolaX = posicaoBolaX + velocidadePosicaoBolaX; posicaoBolaY = posicaoBolaY + velocidadePosicaoBolaY; // verifica lateral superior if(posicaoBolaY < 0 && velocidadePosicaoBolaY < 0){ velocidadePosicaoBolaY = -velocidadePosicaoBolaY; } // verifica lateral inferior if(posicaoBolaX > alturaCampo && velocidadePosicaoBolaY > 0){ velocidadePosicaoBolaY = -velocidadePosicaoBolaY; } // verifica se o Jogador 2 fez um ponto if(posicaoBolaX < 0){ if(posicaoBolaY > posicaoJogador1 && posicaoBolaY < posicaoJogador1 + alturaRaquete){ // Rebater a bola velocidadePosicaoBolaX = -velocidadePosicaoBolaX; var diferencaY = posicaoBolaY - (posicaoJogador1 + alturaRaquete / 2); velocidadePosicaoBolaY = diferencaY * efeitoRaquete; }else{ pontucaoJogador2 = pontuacaoJogador2 + 1; } } // verifica se o jogador 1 fez ponto if(posicaoBolaX > larguraCampo){ if(posicaoBolaY > posicaoJogador2 && posicaoBolaY < posicaoJogador2 + alturaRaquete){ // rebater a bola velocidadePosicaoBolaX = -velocidadePosicaoBolaX var diferencaY = posicaoBolaY - (posicaoJogador2 + alturaRaquete / 2); velocidadePosicaoBolaY = diferencaY * efeitoRaquete; }else{ // pontos do jogador 1 pontucaoJogador1 = pontucaoJogador1 + 1; // colocar a bola no centro } } } </script> <body>
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais
