必须使用脚本来绘制图形;
Canvas是一个矩形区域的画布,可以用JavaScript在上面绘画;
二、案例目标
我们今天的目标是使用HTML5画布技术制作一款拼图小游戏,要求将图像划分为3*3的9块方块并打乱排序...
div>
div>
效果如下所示:
我们可以看到页面的大致结构是已经显现出来了,就是骨架已经搭建好了,现在我们要使用...;
为了在游戏过程中便于查找当前的区域该显示图片中的哪一个方块,首先为原图片上的9个小方块区域进行编号;
定义初始方块位置
var num = [[00, 01, 02], [10, 11, 12],..., 20, 150); //显示提示语句
}
}
}
点击方块移动
function detectBox(i, j) {
//如果点击的方块不在最上面一行
if...num[i-1][j] = num[i][j];
num[i][j] = 22;
return;
}
}
//如果点击的方块不在最下面一行