Ir para conteúdo

BrunoHSL

Members
  • Total de itens

    12
  • Registro em

  • Última visita

Tudo que BrunoHSL postou

  1. BrunoHSL

    Como interromper a execução de um método

    Pessoal, sou iniciante em Java e estou com um probleminha que acredito ser fácil de resolver, estou fazendo meio que um player de música, aonde tenho um botão que quando clicado executa uma música. Funciona perfeitamente, clico no botão ele executa a música, porém se eu clicar novamente ele executa a música em cima da outra. Pensei que interrompendo o método atual que está executando dps iniciando ele novamente resolve o problema que eu preciso, ou seja, quando clicado no botão ele interrompe a execução do metodo play(), e logo após executa ele novamente. Segue a implementação do método abaixo : public void play(String nomeDoAudio){ URL url = getClass().getResource(nomeDoAudio+".wav"); AudioClip audio = Applet.newAudioClip(url); audio.play(); }
  2. Galera, seguinte, estou fazendo tipo um fórum, estou com um probleminha, a pessoa escreve a pergunta ela aparece abaixo, como se fosse um fórum mesmo, junto com a pergunta aparece um botão de responder, mas como faço para atribuir uma função a ele ? Visto se eu declarar ele no meu código HTML ele vai aparecer na tela antes da pergunta ser enviada e não quero que isso aconteça. Obrigado
  3. BrunoHSL

    Fazer apagar imagem anterior

    E ai galera, seguinte estou fazendo um projeto e preciso da ajuda de vocês rs, coloquei uma imagem numa determinada variável e a cada clique no teclado ele movimenta 50px dependendo da onde ele quer movimentar, ele movimenta como quero porém fica ele fica um "rastro" na onde passa, e quero que apague o elemento anterior, afim de dar uma sensação meio de movimento, vou publicar o código aqui e ficaria muito agradecido se pudessem me ajudar, obs : o codigo deve ser feito todo em Javascript... Obrigado desde já. <html> <head> <meta charset='utf-8'> <script> var i, j; var m = []; var x=0; var y=0; var canvas; var ctx; var imagem = new Image(); imagem.src = "link da imagem 2"; var x = 202; var y = 352; function fase1() { canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); tabela(); ctx.drawImage(m[7][1],102,102); player(); } function tabela() { canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); for (i=0;i<9;i++) { m[i]=[]; } for(i=0;i<9;i++) { for(j=0;j<9;j++) { m[0][0]=ctx.fillStyle="gray"; ctx.fillRect(0,0,50,50); m[0][1]=ctx.fillStyle="lightgray"; ctx.fillRect(50,0,50,50); m[0][2]=ctx.fillStyle="gray"; ctx.fillRect(100,0,50,50); m[0][3]=ctx.fillStyle="lightgray"; ctx.fillRect(150,0,50,50); m[0][4]=ctx.fillStyle="gray"; ctx.fillRect(200,0,50,50); m[0][5]=ctx.fillStyle="lightgray"; ctx.fillRect(250,0,50,50); m[0][6]=ctx.fillStyle="gray"; ctx.fillRect(300,0,50,50); m[0][7]=ctx.fillStyle="lightgray"; ctx.fillRect(350,0,50,50); m[0][8]=ctx.fillStyle="lightgray"; ctx.fillRect(0,50,50,50); m[1][0]=ctx.fillStyle="gray"; ctx.fillRect(50,50,50,50); m[1][1]=ctx.fillStyle="lightgray"; ctx.fillRect(100,50,50,50); m[1][2]=ctx.fillStyle="gray"; ctx.fillRect(150,50,50,50); m[1][3]=ctx.fillStyle="lightgray"; ctx.fillRect(200,50,50,50); m[1][4]=ctx.fillStyle="gray"; ctx.fillRect(250,50,50,50); m[1][5]=ctx.fillStyle="lightgray"; ctx.fillRect(300,50,50,50); m[1][6]=ctx.fillStyle="gray"; ctx.fillRect(350,50,50,50); m[1][7]=ctx.fillStyle="gray"; ctx.fillRect(0,100,50,50); m[1][8]=ctx.fillStyle="lightgray"; ctx.fillRect(50,100,50,50); m[2][0]=ctx.fillStyle="gray"; ctx.fillRect(100,100,50,50); m[2][1]=ctx.fillStyle="lightgray"; ctx.fillRect(150,100,50,50); m[2][2]=ctx.fillStyle="gray"; ctx.fillRect(200,100,50,50); m[2][3]=ctx.fillStyle="lightgray"; ctx.fillRect(250,100,50,50); m[2][4]=ctx.fillStyle="gray"; ctx.fillRect(300,100,50,50); m[2][5]=ctx.fillStyle="lightgray"; ctx.fillRect(350,100,50,50); m[2][6]=ctx.fillStyle="lightgray"; ctx.fillRect(0,150,50,50); m[2][7]=ctx.fillStyle="gray"; ctx.fillRect(50,150,50,50); m[2][8]=ctx.fillStyle="lightgray"; ctx.fillRect(100,150,50,50); m[3][0]=ctx.fillStyle="gray"; ctx.fillRect(150,150,50,50); m[3][1]=ctx.fillStyle="lightgray"; ctx.fillRect(200,150,50,50); m[3][2]=ctx.fillStyle="gray"; ctx.fillRect(250,150,50,50); m[3][3]=ctx.fillStyle="lightgray"; ctx.fillRect(300,150,50,50); m[3][4]=ctx.fillStyle="gray"; ctx.fillRect(350,150,50,50); m[3][5]=ctx.fillStyle="gray"; ctx.fillRect(0,200,50,50); m[3][6]=ctx.fillStyle="lightgray"; ctx.fillRect(50,200,50,50); m[3][7]=ctx.fillStyle="gray"; ctx.fillRect(100,200,50,50); m[3][8]=ctx.fillStyle="lightgray"; ctx.fillRect(150,200,50,50); m[4][0]=ctx.fillStyle="gray"; ctx.fillRect(200,200,50,50); m[4][1]=ctx.fillStyle="lightgray"; ctx.fillRect(250,200,50,50); m[4][2]=ctx.fillStyle="gray"; ctx.fillRect(300,200,50,50); m[4][3]=ctx.fillStyle="lightgray"; ctx.fillRect(350,200,50,50); m[4][4]=ctx.fillStyle="lightgray"; ctx.fillRect(0,250,50,50); m[4][5]=ctx.fillStyle="gray"; ctx.fillRect(50,250,50,50); m[4][6]=ctx.fillStyle="lightgray"; ctx.fillRect(100,250,50,50); m[4][7]=ctx.fillStyle="gray"; ctx.fillRect(150,250,50,50); m[4][8]=ctx.fillStyle="lightgray"; ctx.fillRect(200,250,50,50); m[5][0]=ctx.fillStyle="gray"; ctx.fillRect(250,250,50,50); m[5][1]=ctx.fillStyle="lightgray"; ctx.fillRect(300,250,50,50); m[5][2]=ctx.fillStyle="gray"; ctx.fillRect(350,250,50,50); m[5][3]=ctx.fillStyle="gray"; ctx.fillRect(0,300,50,50); m[5][4]=ctx.fillStyle="lightgray"; ctx.fillRect(50,300,50,50); m[5][5]=ctx.fillStyle="gray"; ctx.fillRect(100,300,50,50); m[5][6]=ctx.fillStyle="lightgray"; ctx.fillRect(150,300,50,50); m[5][7]=ctx.fillStyle="gray"; ctx.fillRect(200,300,50,50); m[5][8]=ctx.fillStyle="lightgray"; ctx.fillRect(250,300,50,50); m[6][0]=ctx.fillStyle="gray"; ctx.fillRect(300,300,50,50); m[6][1]=ctx.fillStyle="lightgray"; ctx.fillRect(350,300,50,50); m[6][2]=ctx.fillStyle="lightgray"; ctx.fillRect(0,350,50,50); m[6][3]=ctx.fillStyle="gray"; ctx.fillRect(50,350,50,50); m[6][4]=ctx.fillStyle="lightgray"; ctx.fillRect(100,350,50,50); m[6][5]=ctx.fillStyle="gray"; ctx.fillRect(150,350,50,50); m[6][6]=ctx.fillStyle="lightgray"; ctx.fillRect(200,350,50,50); m[6][7]=ctx.fillStyle="gray"; ctx.fillRect(250,350,50,50); m[6][8]=ctx.fillStyle="lightgray"; ctx.fillRect(300,350,50,50); m[7][0]=ctx.fillStyle="gray"; ctx.fillRect(350,350,50,50); m[7][1]=document.getElementById("i1"); } } } function player(){ imagem.onload = function(){ ctx.drawImage(imagem, x, y, imagem.width, imagem.height); } document.onkeydown = function(event) { switch(event.which) { case 37: //pra esquerda x = x - 50; break; case 38: //pra cima y = y - 50; break; case 39: //pra direita x = x + 50; break; case 40: //pra baixo y = y + 50; break; } } setInterval(function(){ ctx.drawImage(imagem, x, y, imagem.width, imagem.height); }, 50); } </script> </head> <body onload="fase1()"> <canvas id="canvas" width="400" height="400" style="border: solid 0px black; margin: 0px auto; display: block;"> <img src="link da imagem 1" id="i1"> </canvas> </body> </html> A imagem 1, só deixei ele numa determinada coordenada, pois vou mexer nela depois.
  4. E ai galera, estou com um probleminha aqui, estou fazendo um jogo que quando o player clicar na imagem ela deve desaparecer, e eu não sei como vou fazer essa função, pode ser somente em Javascript, se vocês puderem me ajudar eu agradeceria muito... Vou estar enviando o código abaixo de como esta o projeto até o momento. A intenção é sumir com as imagens cujo id são i1, i2 e i3. <html> <head> <script type="text/javascript"> var x, y; var ctx; var m=[]; var v=[] var i, j; function inicio() { var c=document.getElementById("cnv") ctx=c.getContext("2d"); fundo(); for(i=0;i<20;i++) { m[i]=[]; v[i]=[]; } for(i=0;i<20;i++){ for(j=0;j<20;j++){ m[0][0]=document.getElementById("i1"); m[0][1]=document.getElementById("i2"); m[0][2]=document.getElementById("i3"); }} num1(); } function fundo() { ctx.fillStyle="#000000"; ctx.fillRect(0,0,1300,600); } function num1(){ ctx.drawImage(m[0][0],100,100); ctx.drawImage(m[0][1],200,200); ctx.drawImage(m[0][2],600,525);} </script> </head> <body onload="inicio()"> <canvas id="cnv" width="1300" height="600" style="border: solid 1px black; margin: 0px auto; display: block;"> Navegador sem suporte <img src="link da img 1" id="i1"> <img src="link da img 2" id="i2"> <img src="link da img 3" id="i3"> </canvas> </body> </html>
  5. BrunoHSL

    Fazer uma matriz para aparecer imagens

    Pessoal, boa tarde, iniciei a pouco tempo e estou com algumas dúvidas sobre Matrizes, para ser mais exato, ao colocar imagens nela. O que eu quero fazer é o seguinte, um jogo na qual uma imagem aparece e a pessoa rapidamente tem que clicar em cima dessa imagem, mas eu preciso usar nesse jogo, matrizes e ser em Javascript. Consegui fazer ele aparecer mas não ficou bem uma matriz rs, vou postar o trecho do código para vocês entenderem o que eu quero dizer e ir me explicando o que eu posso ir fazendo para que uma imagem apareça na matriz, desde já agradeço !! <html> <head> <script type="text/javascript"> var ctx; function inicio() { var c=document.getElementById("cnv") ctx=c.getContext("2d"); var vi=[]; vi[0]=document.getElementById("i1"); vi[1]=document.getElementById("i2"); vi[2]=document.getElementById("i3"); for(i=0;i<3;i++){ for(j=0;j<3;j++){ ctx.drawImage(vi[[i][j]],100,100)}} } </script> </head> <body onload="inicio()"> <canvas id="cnv" width="1024" height="568"> Navegador sem suporte <img src="img1.png" id="i1"> <img src="img2.png" id="i2"> <img src="img3.png" id="i3"> </canvas> </body> </html>
  6. Galera, sou iniciante em programação java/html e preciso da ajuda de vocês, tenho que fazer uma espécie de "orçamento" na qual criei 3 "input" com, nome do produto, preço e quantidade e preciso passar esses dados que a pessoa digitou para uma tabela, que ficará logo abaixo, ja criei os identificadores, como faço para esses dados ir direto para a tabela ? Tem que ser em Javascript ou HTML, obrigado Obs: Tabela feita em HTML
  7. Galera, estou fazendo um jogo e estou pegando de exemplo um código que vi na internet, e adaptando no meu conforme as necessidades, quando chegou na colisão ( a ultima parte do meu jogo já) estou com um problema, eu simplesmente nao consigo colocar ele no meu codigo pois da erro no if Gameover, gostaria que me explicassem o que acontece nessa parte do código para que eu possa adaptar ele em meu jogo function Sprite(caminhoDaImagem, xInicial, yInicial) { //restante do código... this.colidiu = function(outro){ var colidiuNoXTopo = outro.x >= this.x && outro.x <= (this.x + this.largura); var colidiuNoYTopo = outro.y >= this.y && outro.y <= (this.y + this.altura); var colidiuNoXBase = (outro.x + outro.largura) >= this.x && (outro.x + + outro.largura) <= (this.x + this.largura); var colidiuNoYBase = (outro.y + outro.altura) >= this.y && (outro.y + outro.altura) <= (this.y + this.altura); return (colidiuNoXTopo && colidiuNoYTopo) || (colidiuNoXBase && colidiuNoYBase); } } Desde já, muito obrigado
  8. Pessoal, sou iniciante em javascript e gostaria de saber se existe alguma função ou algo parecido para que cada vez que eu aperte um botão carregue meu código HTML, como se fosse um menu e com o botão iniciar, a partir dali depois de clicado o meu programa aparecesse. ps: o programa está feito
  9. Galera tudo certo ? Estou com um problema aqui, fiz um código para desenhar um elemento 18x18 para ele ir caindo na tela movimentando no seu eixo y ( Para ele ir caindo de cima para baixo ) Estou fazendo isso para um jogo e está funcionando corretamente, agora eu queria trocar esse elemento por uma imagem que faria o mesmo que ele está fazendo ("cair" na tela) de que maneira posso fazer isso ? Vou enviar abaixo o código de um bloco que desenhei function movimento75(){ ctx.fillStyle="#000000"; ctx.fillRect(x75, y75, 17, 17); y75=y75+iy; ctx.fillStyle="#ffffff"; ctx.fillRect(x75, y75, 17, 17); if(z+17>=x75 && x75+17>=z){ if(w+5>=y75 && y75+5>=w) alert("Game Over");} } Sou novo ainda em javascript, portanto se puder me explicar brevemente agradeceria
  10. Exatamente isso, obrigado de novo cara !!!
  11. Galera tudo beleza ? Estou desenvolvendo um programa e estou com uma dúvida básica, tenho um elemento e quero fazer ele ir "caindo na tela" por isso coloquei a fórmula e em seguida o setInterval , porém preciso que ele caia depois de 5 segundos, para isso tentei utilizar o setTimeout ambas na mesma function, porém nada acontece, segue o código : function iniciaJogo(){ setTimeout(movimento,5000); setInterval(movimento,20); setTimeout(movimentosegundo,5000); setInterval(movimentosegundo,20); setTimeout(movimentoterceiro,5000); setInterval(movimentoterceiro,20); var c=document.getElementById("cnv01"); ctx=c.getContext("2d"); ctx.fillStyle = "#000000"; ctx.fillRect(0,0,1024,768); desenhaElemento(); } Função movimento, segundo e terceiro, estão feitas separadamente, com esse código o interval funciona e o timeout não.
  12. setTimeout(function movimento(){ ctx.fillStyle = "#000000"; ctx.fillRect(x2,y2,20,20); y2=y2+10; ctx.fillStyle = "#FFFFFF"; ctx.fillRect(x2,y2,20,20); }, 5000); Fiz isso e não funcionou, o código se quer abriu
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.