JavaScript+ 围棋+Chrome

本文介绍了一个基于《悟透Javascript》一书中的简易围棋程序项目。文章详细阐述了如何创建棋盘、实现下棋功能、添加声音反馈,并讨论了围棋的基本规则。此外,还提供了一些调试技巧及浏览器兼容性的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

      相传有一本经书名为《悟透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%,你们知道是神马吗?

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值