當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
《游戏学习》纯JS中国象棋人机对战html游戏源码
生活随笔
收集整理的這篇文章主要介紹了
《游戏学习》纯JS中国象棋人机对战html游戏源码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
源碼下載地址:chinese_chess.zip_象棋機器人對戰js-網絡游戲文檔類資源-CSDN下載
下載解壓后,文件如下
html頁面源碼如下
<!DOCTYPE html> <head> <title>中國象棋人機對戰</title> <script type="text/javascript" src="base.js"></script> <script type="text/javascript" src="moveGenerator.js"></script> <script type="text/javascript" src="evaluation.js"></script> <script type="text/javascript" src="searchEngine.js"></script> <script type="text/javascript" src="UI.js"></script> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div class='board' id='board'> </div> <div class="op"> 級別: <select id="level"><option value="1">1級</option><option value="2">2級</option><option value="3">3級</option><option value="4">4級</option> </select> 開局: <input type="radio" name="start" value="1" id="start_1" checked=""> <label for="start_1">人</label> <input type="radio" name="start" value="0" id="start_2"> <label for="start_2">機器</label> <input type="button" class="ipt" value="開始下棋" id="btn"/> <p>注意:3、4兩個級別請用IE9以上版本、google chrome、firefox等瀏覽器進行游戲<br> </p> </div> <script> var cc = new ChineseChessUI( 'board' ); function start() {var levelEls = document.getElementById( 'level' );var startEls = document.getElementsByName( 'start' );var level;var start;for (var i = 0; i < 2; i++) {if( startEls[ i ].checked ) start = startEls[ i ].value;};level = levelEls.value;cc.start( level, start ); } document.getElementById( 'btn' ).onclick = start; </script> </body> </html>點擊chineseChess.html文件,用瀏覽器打開,頁面效果如下
選在游戲難度級別,和誰先開局下棋,然后點擊開始
你也可以將代碼上傳到gitee倉庫上,啟用gitee pages服務,就可以在線玩耍了,若果覺得不錯的就點擊下載吧。
總結
以上是生活随笔為你收集整理的《游戏学习》纯JS中国象棋人机对战html游戏源码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 视频理解综述:动作识别、时序动作定位、视
- 下一篇: 中国电子教育产业前景规划与未来投资方向预