相传有一本经书名为《悟透Javascript》,小猪我几经波折,终于把它弄到手了,嘿嘿、、、、此书中有一个不成气候的围棋小游戏(之所以说它不成气候,是因为它功能太少,而且除非下棋的二者在一个宿舍,要不你就只能双手互搏咯!)
Part One:建棋盘
<1>找图片(csdn里有)
<2>敲代码、、、、、、、、、(以下呈现几行有价值的代码)
var me=document.createElement("div");
document.body.appendChild(me);//建div对象(div用来组织图片的位置),将其扩展并封装成棋位,附加到DOM树上,实现棋位的呈现
var s = ((x-9)%9?0:(x-9)/9)+1+(((y-9)%9?0:(y-9)/9)+1)*3; //计算并准备背景式样
me._backStyle = "B" + ((s==4&&(x/3)%2==1&&(y/3)%2==1) ? "X" : s);
<3>调试代码
各位大侠,都知道用eclipse安装Aptanna插件可以测试JavaScript,但是无耐我的eclipse按了插件就成了蜗牛,然后、、、、、忽然今天发发现用Chrome打开.html 右击--审查元素--Resources 就可以显示错误行和提示信息了 如图:
<4>反思
思想精华 封装棋位类(虽然JavaScript并无类,只是这么说)
我们思考围棋程序时,脑袋里不能是DOM对象或者<div>标签,我们需要的棋盘,棋位和棋子等概念
var Site={Create:function(x,y){、、、},Fill:function(dot){、、、}};
Part Two:下棋
关于动作事件,有静态绑定,有动态绑定,显然这里应用动态的,但是应注意触发的是神马时间,是Window对象否
Part Three:落子有声
<embed>可以给网页嵌入丰富的多媒体内容,不但包括声音还可以包含视频 <bgsound>是专门用来给网页嵌入背景音乐的
if (navigator.userAgent.indexOf(' MSIE ') > -1) //为IE浏览器构造声音对象
{
var sound = document.body.appendChild(document.createElement("bgsound"));
sound.play = function(){this.src = "play.wav"};
}
else //为Firefox等其他浏览器构造声音对象
{
var sound = document.body.appendChild(document.createElement("span"));
sound.play = function(){this.innerHTML = "<bgsound src='play.wav'>"};
};
考虑到浏览器问题,最后纠结出以上代码,纠结的原因有 1、Firefox的<embed>标签不支持play()方法
2、<bgsound>对象没有<embed>对象的play()方法 来控制声音的播放,但有一个变通的方法,就是动态修改<bgsound>的src属性
Part Four:围棋规则
吃子 打劫 分析 得出x,y相差的规则
Part Five:完善
本书作者的确是个牛人,比我这只猪高多了,不过,该书的作者少了一点给用户的使用说明,这么easy的事 小猪猪我加上了 哈哈哈
到了该看效果图的时候了

源代码可在http://download.csdn.net/source/769229 下载
最后哇 我的标志是
还有阿!这博客也有我的不少发现哇,大概30%,你们知道是神马吗?
本文介绍了一个基于《悟透Javascript》一书中的简易围棋程序项目。文章详细阐述了如何创建棋盘、实现下棋功能、添加声音反馈,并讨论了围棋的基本规则。此外,还提供了一些调试技巧及浏览器兼容性的解决方案。
828

被折叠的 条评论
为什么被折叠?



