📄 index.html
字号:
<HTML>
<HEAD>
<TITLE></TITLE>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<SCRIPT LANGUAGE="JavaScript">
<!--
var $kyodai = {mapX:19, mapY:11, mapLength:14}
// 一个点(x,y)向4面延伸直到遇到障碍或出界 (画十字)
$kyodai.cross = function(x, y)
{
for (var x1=x-1; x1>-1; x1--)
if ($kyodai.block[x1+ "," +y]) break
for (var x2=x+1; x2<$kyodai.mapX; x2++)
if ($kyodai.block[x2+ "," +y]) break
for (var y1=y-1; y1>-1; y1--)
if ($kyodai.block[x+ "," +y1]) break
for (var y2=y+1; y2<$kyodai.mapY; y2++)
if ($kyodai.block[x+ "," +y2]) break
return {x1:x1, x2:x2, y1:y1, y2:y2}
}
// x 方向2点间是否连通
$kyodai.passx = function(x1,x2,y)
{
if (x1 < x2)
{
while (++x1 < x2)
if ($kyodai.block[x1+ "," +y]) return false
}
else
{
while (++x2 < x1)
if ($kyodai.block[x2+ "," +y]) return false
}
return true
}
// y 方向
$kyodai.passy = function(y1,y2,x)
{
if (y1 < y2)
{
while (++y1 < y2)
if ($kyodai.block[x+ "," +y1]) return false
}
else
{
while (++y2 < y1)
if ($kyodai.block[x+ "," +y2]) return false
}
return true
}
// x 方向2点间画一条线 (连通情况下)
$kyodai.linex = function(x1, x2, y)
{
var path = []
if (x1 < x2)
{
while (x1++ < x2)
path.push('<img src="images/linex.gif" style="position:absolute;left:'+(x1*31-16)+'px;top:'+y*35+'px">')
}
else
{
while (x2++ < x1)
path.push('<img src="images/linex.gif" style="position:absolute;left:'+(x2*31-16)+'px;top:'+y*35+'px">')
}
return path
}
// y 方向
$kyodai.liney = function(y1, y2, x)
{
var path = []
if (y1 < y2)
{
while (y1++ < y2)
path.push('<img src="images/liney.gif" style="position:absolute;left:'+x*31+'px;top:'+(y1*35-18)+'px">')
}
else
{
while (y2++ < y1)
path.push('<img src="images/liney.gif" style="position:absolute;left:'+x*31+'px;top:'+(y2*35-18)+'px">')
}
return path
}
// 寻找2点间的连线
$kyodai.find = function(sx,sy,ex,ey)
{
// 开始点画十字
var s = $kyodai.cross(sx, sy)
// 如果开始点十字穿过结束点
if (sy==ey && s.x1<ex && ex<s.x2) return $kyodai.linex(sx, ex, sy)
if (sx==ex && s.y1<ey && ey<s.y2) return $kyodai.liney(sy, ey, sx)
// 结束点画十字
var e = $kyodai.cross(ex, ey)
// 开始点与结束点十字重叠部分
var x1 = s.x1 < e.x1 ? e.x1 : s.x1
var x2 = s.x2 > e.x2 ? e.x2 : s.x2
var y1 = s.y1 < e.y1 ? e.y1 : s.y1
var y2 = s.y2 > e.y2 ? e.y2 : s.y2
// 如果结束点十字穿过开始点十字
if (x1<sx && sx<x2 && y1<ey && ey<y2)
return $kyodai.liney(sy, ey, sx).concat($kyodai.linex(sx, ex, ey))
if (x1<ex && ex<x2 && y1<sy && sy<y2)
return $kyodai.liney(sy, ey, ex).concat($kyodai.linex(sx, ex, sy))
// 两点之内 x 方向十字重叠部分 y 方向是否能连通
if (sx < ex)
{
var x3 = sx
var x4 = ex
var s1 = sy
var e1 = ey
}
else
{
var x3 = ex
var x4 = sx
var s1 = ey
var e1 = sy
}
for (var x=x3+1; x<x4; x++)
{
if (x1<x && x<x2 && $kyodai.passy(s1, e1, x))
{
return $kyodai.liney(s1, e1, x).concat($kyodai.linex(x3, x, s1), $kyodai.linex(x, x4, e1))
}
}
// y 方向
if (sy < ey)
{
var y3 = sy
var y4 = ey
var s2 = sx
var e2 = ex
}
else
{
var y3 = ey
var y4 = sy
var s2 = ex
var e2 = sx
}
for (var y=y3+1; y<y4; y++)
{
if (y1<y && y<y2 && $kyodai.passx(s2, e2, y))
{
return $kyodai.linex(s2, e2, y).concat($kyodai.liney(y3, y, s2), $kyodai.liney(y, y4, e2))
}
}
s1 = true
e1 = true
s2 = true
e2 = true
// 两点围成的矩形四顶点向外扩散
while (s1 || e1 || s2 || e2)
{
if (s1)
{
if (x1 < --x3 && x3 < x2)
{
if ($kyodai.passy(sy, ey, x3))
{
return $kyodai.liney(sy, ey, x3).concat($kyodai.linex(x3, sx, sy), $kyodai.linex(x3, ex, ey))
}
}
else s1 = false
}
if (e1)
{
if (x1 < ++x4 && x4 < x2)
{
if ($kyodai.passy(sy, ey, x4))
{
return $kyodai.liney(sy, ey, x4).concat($kyodai.linex(x4, sx, sy), $kyodai.linex(x4, ex, ey))
}
}
else e1 = false
}
if (s2)
{
if (y1 < --y3 && y3 < y2)
{
if ($kyodai.passx(sx, ex, y3))
{
return $kyodai.linex(sx, ex, y3).concat($kyodai.liney(y3, sy, sx), $kyodai.liney(y3, ey, ex))
}
}
else s2 = false
}
if (e2)
{
if (y1 < ++y4 && y4 < y2)
{
if ($kyodai.passx(sx, ex, y4))
{
return $kyodai.linex(sx, ex, y4).concat($kyodai.liney(y4, sy, sx), $kyodai.liney(y4, ey, ex))
}
}
else e2 = false
}
}
return false
}
// 读取关卡
$kyodai.loadmap = function(xml)
{
$kyodai.block = {}
$kyodai.shape = []
var dom = new ActiveXObject("Microsoft.XMLDOM")
dom.async = false
// 随机地图
dom.load(xml)
var blocks = dom.selectSingleNode("map").text.split("\n")
blocks.shift()
for(var x=0; x<blocks.length; x++)
{
for(var y=0; y<blocks[0].length; y++)
{
if (blocks[x].charAt(y) == "1")
{
$kyodai.shape.push({x:y, y:x})
}
}
}
// 随机填充
var items = []
var itemppt = $kyodai.random([1, 2, 3, 4, 5, 6, 7, 8])
var n = 2
var num = $kyodai.shape.length
for (var i=0; i<5; i++)
{
if (items.length==8) n=1
if (items.length==10) break
for (var j=Math.floor(Math.random()*n)*2+2; j>0; j--)
{
items.push(itemppt[i])
}
}
for (n=9; n<42; n++)
{
if (num-items.length < 3)
{
if (num == items.length) break
else
{
items.push(n)
items.push(n)
break
}
}
items.push(n)
items.push(n)
items.push(n)
items.push(n)
}
kyodai_remain.innerText = num
$kyodai.remain = num
$kyodai.setting(items)
$kyodai.count()
}
// 布置图片
$kyodai.setting = function(arr)
{
var itemImg = []
$kyodai.shape = $kyodai.random($kyodai.shape)
for (i=0; i<$kyodai.shape.length; i++)
{
var Img = arr[i]
x = $kyodai.shape[i].x
y = $kyodai.shape[i].y
$kyodai.block[x+","+y] = Img
if (Img)
{
itemImg.push('<img id=Item_'+x+'_'+y+' src="images/'+ Img + '.gif" style="z-index:'+ (100-x+y) +';position:absolute;left:'+ x*31 +'px;top:'+ y*35 +'px">')
}
}
kyodai_items.innerHTML = itemImg.join("")
}
// 选中一个
$kyodai.choose = function(x, y)
{
kyodai_cuechoose.innerText = ''
$kyodai.point = {x:x, y:y}
kyodai_choose.style.pixelLeft = x * 31 + 4
kyodai_choose.style.pixelTop = y * 35
}
// 取消选中
$kyodai.cancel = function()
{
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -