在画布上的Pac-Man女士墙不工作,javascript

时间:2018-06-05 20:42:38

标签: javascript html

以下是我的ms游戏的javascript。 Pac-Man的。我试图完全重新创建游戏的布局,现在正在创建墙壁。

ctx.beginPath();
      ctx.strokeStyle = "#FFFFFF";
      ctx.lineWidth=2;
      ctx.moveTo(rectX, rectY);
      ctx.lineTo(rectX + rectWidth - cornerRadius, rectY);
      ctx.arcTo(rectX + rectWidth, rectY, rectX + rectWidth, rectY + cornerRadius, cornerRadius);//(x1,y1,x2,y2,radius)
      ctx.lineTo(rectX + rectWidth, rectY + rectHeight);
      ctx.arc(rectX + rectWidth - cornerRadius, rectY + rectHeight + cornerRadius, minorRadius, 0*Math.PI, 1*Math.PI);
      ctx.lineTo(rectX + rectWidth - cornerRadius * 2, rectY + cornerRadius * 4);

以下是问题发生的地方。它应该是我墙的内部曲线,但它做的事特别奇怪(你可以在第一张图片中看到)。

  ctx.arc(rectX + rectWidth - cornerRadius * 2, rectY + cornerRadius * 2, 5, 1.5*Math.PI,0*Math.PI);
  ctx.stroke();
  ctx.closePath();

第二张照片显示了它应该是什么样子。

0 个答案:

没有答案