Respostas interessantes marcadas com a tag

10 votos

Escrever na tela Javascript

Seguindo o exemplo do link postado pelo @JuniorNunes. O Autor deixou esqueceu algumas partes como declarar as variaveis canvasWidth e canvasHeight referentes ao tamanho da area que voce pode desenhar ...
andrepaulo's user avatar
  • 1.665
7 votos
Aceito

Como inserir objetos usando canvas (javascript) e evitar 2 objetos na mesma posição

Para detectar a colisão entre duas geometrias é preciso implementar um teste de colisão. Existe um algoritmo específico para o teste de colisão entre duas figuras de geometria arbitrária que se chama ...
Augusto Vasques's user avatar
  • 18,7mil
4 votos
Aceito

Sistema de colisão para jogo em html5!

O que você está a fazer não está correto porque basicamente você está a verificar se um pixel colide com outro. Você deverá verificar a colisão utilizando areas/intervalos. Aqui vão os tipos de ...
lazyFox's user avatar
  • 3.203
3 votos
Aceito

Como apagar um objecto específico no canvas HTML5?

Como posso fazer para apagar apenas um em específico? E como posso associar eventos a um deles em específico? Não pode. Ao menos não facilmente. Pense no canvas como se fosse a tela em um programa ...
Victor Stafusa - BozoNaCadeia's user avatar
2 votos

Sistema de colisão para jogo em html5!

Setando um range baseado nas dimensões no rato (23x26) você consegue definir a colisão. Você pode subtrair o valor do rato que você movimenta (y) pelo do rato que se move (yy), definindo, assim, um ...
Sam's user avatar
  • 80,7mil
1 voto

Como adicionar um header a uma imagem capturada com html2canvas?

Podemos adicionar o header antes de converter e colocar a imagem codificada em base64. function gerarImagem() { var telaPrint = document.getElementById('telaPrint'); var header = document....
tomasantunes's user avatar
  • 1.758
1 voto

Canvas desenhar grid como backgound

Acretito que isso ajude. const canvas = document.querySelector("canvas") const c = canvas.getContext("2d") canvas.width = 400; canvas.height = 400; const tileCount = 20; ...
David César's user avatar
1 voto
Aceito

WEBCAM sem Flash

Seu único erro é estar chamando a função na hora de declarar: window.addEventListener("DOMContentLoaded", startCamera()) O correto é o próprio DOMContentLoaded chamar, ficando assim: window....
Syzoth's user avatar
  • 100mil
1 voto

Como obter X e Y do clique em Canvas

Criei um método Clique, que é chamado no clique ao canvas. Nele recebo o evento de clique, neste evento verifico se ele contem pageX ou pageY, se conter não preciso realizar o calculo para saber a ...
codermarcos's user avatar
1 voto
Aceito

Como obter X e Y do clique em Canvas

Crie um evento click para a área do canvas: document.getElementById("canvas").addEventListener('click', KeyDown, true); Depois inclua na função KeyDown() o código para pegar a posição do clique: ...
Sam's user avatar
  • 80,7mil

Only top scored, non community-wiki answers of a minimum length are eligible