标题: 摆放小兵 [打印本页]
作者:
浮生宛若寄 时间: 2006-1-14 22:46
第一次的那种通过 Clip 实现的地图，要摆放小兵易如反掌。我们可以把小兵和图片放在同一个层内
<div>
<小兵>
<地图>
</div>
这种方式不便于以后的数据处理，且图片一大时，占的开销大，传输慢，所以我们依然按格子的办法。
地图实际上有纵横两个方向，第一关的地图为 20 * 20 格。
小兵占领一个格子，所以小兵的字段应有 x,y 两个。
另外，小兵有它的图标，记为 icon 字段。
此外，小兵显示为一个图片，为了便于图片代表的小兵和内存里的小兵访问便捷，我们定义一个字段为图片，名字依然称 div。
所以，小兵定义如下：
// 定义兵类型
function Soldier(x,y,icon)
{
this.x = x;
this.y = y;
this.icon = icon;
var div = document.createElement("img");
div.style.position = "absolute";
div.src = "./images/" + this.icon;
mapFrame.appendChild(div);
this.div = div;
}
增加一个绘制小兵的方法，把所有位于显示区域的小兵绘制出来。
程序见附件。
附件:
draw_soldier.rar (2006-1-14 22:46, 420.77 K) / 该附件被下载次数 247
http://xycq.org.cn/forum/attachment.php?aid=11527
作者:
天涯 时间: 2006-1-18 15:22
真要完全仿照CCZ么？
作者:
浮生宛若寄 时间: 2006-1-18 20:25
不是的，撤掉那个曹操传的框框后，一切就变了~~
对于程序而言，这些底层的基础是共通的。游戏中的具体规则现在还没有涉及。
| 欢迎光临 轩辕春秋文化论坛 (http://xycq.org.cn/forum/) |
Powered by Discuz! 5.0.0 |