小编Ear*_*ith的帖子

如何对两个部分透明图像进行像素完美的碰撞检测

基本上我想做的是,当屏幕上的两个角色接触并且有人按下按钮时,就会夺走他们的生命值。我唯一不知道的是如何检测它们何时接触。

$(document).ready(function(){


var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
canvas.width = 1000;
canvas.height = 600;
document.body.appendChild(canvas);

var kGroundHeight = 500;

/*var upKey = 38;
var downKey = 40;
var leftKey = 37;
var rightKey = 39;
*/


var render = function() {
  gravity();
  gravity1();
  
 
  
  context.clearRect(0, 0, canvas.width, canvas.height);
  
    context.fillRect(0,kGroundHeight,canvas.width,10);

  context.drawImage(kirby, kirbyObject.x, kirbyObject.y);
  
    context.drawImage(link, linkObject.x, linkObject.y);

};




var main = function() {

  render();
  window.requestAnimationFrame(main);
};

main();
});




var linkReady = false;
var link = new Image();
link.onLoad = function() { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery canvas collision-detection

2
推荐指数
1
解决办法
2354
查看次数

标签 统计

canvas ×1

collision-detection ×1

javascript ×1

jquery ×1