fillrect是一個用于在屏幕上繪制矩形的函數,通常在游戲開發中會用到。下面是一個簡單的示例代碼,演示了如何在游戲中使用fillrect函數來繪制一個矩形:
var canvas = document.getElementById("gameCanvas");
var ctx = canvas.getContext("2d");
function drawRect(x, y, width, height, color) {
ctx.fillStyle = color;
ctx.fillRect(x, y, width, height);
}
function updateGame() {
// 清空畫布
ctx.clearRect(0, 0, canvas.width, canvas.height);
// 繪制一個藍色的矩形
drawRect(50, 50, 100, 100, "blue");
// 更新游戲邏輯
// ...
requestAnimationFrame(updateGame);
}
updateGame();
在上面的代碼中,我們首先獲取了一個canvas元素和它的2d繪圖上下文ctx。然后定義了一個drawRect函數,用于繪制矩形,接著在updateGame函數中調用drawRect來繪制一個藍色矩形。最后使用requestAnimationFrame來循環更新游戲畫面。
通過使用fillrect函數,我們可以在游戲中繪制各種形狀,比如矩形、圓形等,從而實現豐富多樣的游戲畫面效果。