私はJavaScriptを初めて使用し、簡単なゲームを作成していますが、この3つの機能を1つにまとめるにはどうすればよいですか?ありがとうございます:)
function create_rat() {
base_image = new Image();
base_image.src = 'img/mice.jpg';
ctx.drawImage(base_image, foodPosX, foodPosY, snakeSize, snakeSize);
}
function create_snake() {
base_image = new Image();
base_image.src = 'img/snake.jpg';
ctx.drawImage(base_image, snakePosX, snakePosY, snakeSize, snakeSize);
}
function create_eagle() {
base_image = new Image();
base_image.src = 'img/eagle.jpg';
ctx.drawImage(base_image, eaglePosX, eaglePosY, snakeSize, snakeSize);
}
違いを見つけて、関数の引数として使用するだけです。
function draw(name, x, y) {
const img = new Image();
img.onload = () => ctx.drawImage(img, x, y, snakeSize, snakeSize);
img.src = `img/${name}.jpg`;
}
draw("mice", foodPosX, foodPosY);
draw("snake", snakePosX, snakePosY);
draw("eagle", eaglePosX, eaglePosY);
また、drawImage
ロードしたら必ず確認してください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加