黄金矿工的小游戏代码

黄金矿工是一个经典的小游戏，以下是它的基本代码实现：

HTML代码：

<canvas id="canvas" width="800" height="600"></canvas>

JS代码：

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

var background = new Image();
background.src = "background.png";

var goldminer = new Image();
goldminer.src = "goldminer.png";

var hook = new Image();
hook.src = "hook.png";

var gold = new Image();
gold.src = "gold.png";

var hook_x = 400;
var hook_y = 60;
var gold_x = 0;
var gold_y = 0;

var hook_speed = 10;
var gold_speed = 5;

var hook_direction = 1;
var gold_direction = 1;

function draw() {
    context.drawImage(background, 0, 0);
    context.drawImage(goldminer, 20, 460);
    context.drawImage(hook, hook_x, hook_y);
    context.drawImage(gold, gold_x, gold_y);

    if (hook_direction == 1) {
        hook_x += hook_speed;
        if (hook_x > 680) {
            hook_direction = -1;
        }
    } else {
        hook_x -= hook_speed;
        if (hook_x < 120) {
            hook_direction = 1;
        }
    }

    if (gold_direction == 1) {
        gold_y += gold_speed;
        if (gold_y > 400) {
            gold_direction = -1;
        }
    } else {
        gold_y -= gold_speed;
        if (gold_y < -40) {
            gold_direction = 1;
        }
    }

    if (hook_x > gold_x && hook_x < gold_x + 50 && hook_y > gold_y && hook_y < gold_y + 50) {
        gold_direction = -1;
    }

    requestAnimationFrame(draw);
}

requestAnimationFrame(draw);

以上代码实现了黄金矿工的基本玩法，即控制钩子上下移动抓取金子，金子的运动轨迹和方向是随机的。你可以在代码中自定义游戏的背景、角色和元素图片，并根据需要修改移动速度和碰撞检测等相关参数。