HTML5 Canvas＆jQuery簡單遊戲初學者問題

everyone。我試圖做一個簡單的遊戲，它基於一個隨機生成的可以控制鍵盤的圓。到目前爲止，這麼好，但問題在於該圈在移動時留下痕跡。我怎樣才能防止這種情況發生？這裏是代碼：http://codepen.io/anon/pen/hfvEs 謝謝！HTML5 Canvas＆jQuery簡單遊戲初學者問題

來源

2013-11-03 ducanul

function paint(){ 
    canvas.width = canvas.width;

DEMO

來源

2013-11-03 11:09:07

'canvas.width = canvas.width'是一個聰明的黑客...然而，在一些瀏覽器中它會導致FPS相當的損失。只是fyi。 – ahren

謝謝。這似乎工作！ – ducanul

您已經在變量w和h中擁有畫布大小。如果你增加點的位置，你需要檢查它是否仍然在邊界，例如

if (d == "right" && d.x <= w + 10) d.x += 10; 
if (d == "left" && d.x >= 10) d.x -= 10; 
// ....

來源

2013-11-03 11:08:34 CompuChip

HTML5 Canvas＆jQuery簡單遊戲初學者問題

回答

相關問題