拼图游戏代码html5,HTML5拼图游戏代码.doc

HTML5拼图游戏代码

sliding.html

拼图游戏

拼图游戏

简单 困难

返回菜单

Sliding.jsvar context = document.getElementById('puzzle').getContext('2d');var img = new Image();img.src = 'fizz2.jpg';img.addEventListener('load', drawTiles, false);var boardSize = document.getElementById('puzzle').width;var tileCount = document.getElementById('scale').value;var tileSize = boardSize / tileCount;var clickLoc = new Object;clickLoc.x = 0;clickLoc.y = 0;var emptyLoc = new Object;emptyLoc.x = 0;emptyLoc.y = 0;var solved = false;var boardParts = new Object;setBoard();document.getElementById('scale').onchange = function() { tileCount = this.value; tileSize = boardSize / tileCount; setBoard(); drawTiles();};document.getElementById('puzzle').onmousemove = function(e) { clickLoc.x = Math.floor((e.pageX - this.offsetLeft) / tileSize); clickLoc.y = Math.floor((e.pageY - this.offsetTop) / tileSize);};document.getElementById('puzzle').onclick = function() { if (distance(clickLoc.x, clickLoc.y, emptyLoc.x, emptyLoc.y) == 1) { slideTile(emptyLoc, clickLoc); d