整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML5代碼做的中國象棋游戲,這個程序無人能敵

          最近上班無聊時有事沒事喜歡下幾把象棋,當然前提是我項目都做得很好了,空閑時間才娛樂下,大家不要學我喲,玩了幾把才知道,自己有好多年沒練過了,游戲中的高手還是挺多的,畢竟這年代,還能在網上安靜的下象棋的也只有老粉絲了,今天這個中國象棋的案例,大家可以自己練習下。

          這里還是要推薦下我自己建的前端學習群:204436223,不說其他的,能進我群的沒兩把刷子怎么可以呢是吧,當然小白我也非常歡迎,都是從零開始的嘛,多虛心問問題就行了,不定期分享干貨。想學到東西的都可以來,歡迎初學和進階中的小伙伴。

          效果圖如下:

          javascript代碼如下:

          文檔版代碼請看文章第二條建議

          文檔版代碼請看文章第二條建議

          文檔版代碼請看文章第二條建議

          有很多人或許會說,我javascript都學完了,但是自己做案例還是不會,這就和數學公式一樣,公式你都能倒背如流了,但是呢?你知道什么時候可以用到題里去嗎?你知道這個題要用哪個公式嗎?今天一位伙伴還對我說了這個問題,我反問,你有自己的項目嗎?‘沒有’。。。。

          案例 到現在就寫完了,當然你如果沒有做過類似案例的做起這個來還是很麻煩的,自己要記住思路一定不要亂,也不要完全復制我的代碼,看了一邊代碼,自己徒手能寫出來才是王道。

          最后給大家幾個建議。

          1. 剛學javascript的話千萬不要急著看一些復雜的javascript網頁特效的代碼,這樣只會打擊你的信心和學習的興趣

          2. 網上看到的什么十天精通javascript的,笑一下就行!

          3. 這個案例就算做完了,想要完整代碼自己練習的小伙伴進我的群自助領取,我已經上傳到群文件里了,群號:204436223,歡迎學習交流的小伙伴過來一起學習交流。

          如果想看到更加系統的文章和學習方法經驗可以關注我的微信公眾號:‘web前端課程’關注后回復‘給我資料’可以領取一套完整的學習視頻

          棋橋是一款為象棋愛好者開發制作的棋譜管理類軟件,用戶能夠通過軟件對棋譜進行導入保存,并且能夠在軟件中對棋譜進行查看,一步步的復盤整個棋局,方便用戶對棋局進行思考。用戶還能夠在其中進行棋譜的制作,在軟件中進行下棋,并將對局進行記錄保存至本地。

          來源:http://www.3h3.com/soft/273893.html

          軟件功能

          一:打譜(目前同類軟件中功能最強,下面列出的功能都是針對單個棋譜)

          1、可以打開的格式: xqf(象棋演播室)、pgn(通用格式)、che(QQ象棋)、mxq(弈天)、ccm(中游)、cbr、cbf、cbl

          2、可以保存的格式: xqf(象棋演播室)、pgn(通用格式)、txt(文本)、cbr、cbf、cbl

          3、支持的打開棋譜操作方式: 從菜單或工具條打開; 從棋庫打開; 從Windows資源管理器拖入界面里打開; 從書簽打開; 關聯文件后,雙擊棋譜打開。

          4、支持最全的棋譜信息,可以方便的制作全局/殘局棋譜。

          5、完整支持FEN格式,便于和各種棋軟交換棋盤數據。

          二:棋譜管理(方便的管理大量的棋譜)

          1、可以對棋譜分類分層次的管理。

          2、以棋庫為基本文件單位,可將同類棋譜放到一個棋庫里,可將同類棋庫放到一個文件夾中。

          3、轉換各種棋譜格式,操作簡便,配合其他功能,整個轉換操作強于其他轉換軟件。支持的格式請見打譜的介紹。

          4、可對棋譜、棋庫及文件夾進行復制,刪除,移動, 更名等基本操作。

          5、快速定位棋庫。隨著棋庫增多,查找起來會越來越麻煩,該功能解決了這個困擾,如要定位銀川棋路的棋庫,只需輸入拼音首字母ycql按回車。

          5、可以將文件夾或棋庫中的所有棋譜,方便的合并到一局棋譜中。

          6、方便的剔除棋庫或文件夾中重復的棋譜。

          7、方便的將多個棋庫中的棋譜復制到一個棋庫中。

          8、棋譜列表,只要點擊字段頭,就可做相應的排序,非常便于整理棋譜。

          9、棋譜的順序可以自定義, 并可保存排序后的順序。

          10、可以批量修改文件屬性,標題字段支持宏替換修改。

          11、方便的對棋譜進行預覽。

          12、可以多一個或一批棋譜搜索與之相似的棋譜。

          13、棋庫可以包含資源文件,如PDF,txt,圖片,聲音,腳本等。

          14、可以用腳本對棋譜進行復制,刪除,過濾,選擇,排序。棋友自己如果發現欠缺某功能,寫個腳本,或者到網上下載個腳本就可實現。

          15、棋譜列表里的棋譜可方便的多選,按住Shift點鼠標可以選擇連續的一批棋譜,按住Ctrl點鼠標可跳躍選擇棋譜。

          16、雙擊棋譜即可打開。

          17、棋譜列表需要列出棋譜的哪些字段及寬度可到工具菜單的系統設置里調整。

          三:搜索(可對大批量棋譜統計分析)

          1、可按盤面,子力,開局,棋手,步數,注解內容等搜索棋譜。還可設置各種約束條件。

          2、搜索結果可累積,也可以從結果中再搜索棋譜。

          3、靈活運用操作步驟,可實現各條件同時成立或分別成立的搜索。

          4、搜索結果可復制,刪除。

          5、搜索結果可選擇性的合并到一局棋譜中。

          6、搜索結果可預覽。

          7、雙擊棋譜即可打開。

          8、搜索的范圍可任意指定。

          9、對盤面搜索結果有詳細的統計,包括勝率,和率,比重等。一個典型的應用就是搜集大師的對局譜并對各種盤面進行分析。

          10、按住Ctrl鍵可多選變著列表,然后按搜索選中的變著盤面,常用于剔除偏門走法的棋譜。

          11、搜索的速度非常快,支持多核CPU, 經測試在100萬局棋譜中搜索某盤面,在已載入索引的情況下,Q6600的4核電腦只需0.3秒。

          棋譜導入方法

          1、下載軟件壓縮包文件,點擊“CCBridge.exe”即可運行程序,選擇棋譜管理菜單,如下圖所示:

          2、選中棋庫,點鼠標右鍵,選擇建立棋庫

          3、輸入棋庫名稱,再確定

          4、回到動態棋譜所在網頁,并點導出

          5、得到下圖在箭頭所指代碼位置選擇全部代碼(可用快捷鍵Ctrl+A)選中全部代碼并復制。(選中的代碼變藍色),如下圖所示:

          6、回到象棋橋界面,選擇導入,在下拉菜單中選擇“東萍UBB”

          7、網頁中的動態棋譜導入象棋橋中了,可看圖中下箭頭所示。再點上箭頭中的保存按鈕,保存導入的棋譜。

          8、點擊確定保存即可,下次使用,點擊棋譜管理,即可查看保存的棋譜,雙擊藍色部份就可看到保存的棋譜了。

          所見所得,都很科學#為了讓更多棋友懂得如何在本站發布棋局,我花了些時間,寫了這篇教程,主要講解如何使用本站架設的動態棋局系統制作動態棋局,并把動態棋局在本站發布。這篇教程圖文并茂,深入淺出,相信看過此篇教程的棋友會學會如何發布動態棋局的。

          具體步驟如下:(以象棋巫師和東萍象棋為例)

          1.清空棋盤。隨便找一個帶有動態棋局的頁面,或點擊此處進入棋局制作頁面,在動態棋局的右下角有個“導出”按鈕,點擊“導出”按鈕,如圖1,進入代碼導出頁面,點擊“清空代碼”鏈接,如圖2,可清空左邊棋盤中的所有棋子,重新進行擺棋。

          圖1


          圖2

          2.擺棋。擺棋的時候,如果要把某個棋子擺在某個位置,應先點擊動態棋盤中的右下角的“添加棋子”處的棋子,表示選中了某個棋子,然后在棋盤的某處點擊一下,表示把該棋子放在棋盤的某處,以同樣的方法擺其它棋子,擺完后點擊動態棋盤中的“將左側局面設為開始”的鏈接,如圖3。

          圖3

          3.走棋。走棋時應先選中棋盤中要走的棋子,棋子被選中后周圍會呈淺綠色,然后在棋盤中要走的地方點擊一下,棋子會自動移過去,同時中側的“棋譜序列”中會自動顯示該步著法的記錄,如圖4。

          圖4

          4.糾正走錯。如果走棋的時候不小心走錯了,可以刪除走錯的著法。刪除時應先在中側的“棋譜序列”中選中走錯的著法,然后點擊動態棋盤右下角的“刪”字鏈接,如圖5所示。

          圖5

          5.添加注解。可以為任何一著添加注解說明,添加注解時應先在中側的“棋譜序列”中選中要添加的著法,之后在動態棋盤的右側“注解”輸入框中輸入注解文字,完成后再點擊右上角的“修改注解”,注解添加成功后,中側“棋譜序列”中著法右側會顯示一個*號,即有*號的表示有注解,如圖6的詳細說明。

          圖6

          6.增加變著。可以為每一著添加變著,添加變著時應先在中側的“棋譜序列”中選中要添加變著的著法的上一著,然后在左側的棋盤中走變著,這時動態棋盤的右下角“變著欄”會出現“點擊此處增加變著xx ”的鏈接,點擊該鏈接可成功增加變著,增加變著后中側的“棋譜序列”中該步著法的右側會出現個小寫字母m,即“棋譜序列”中右側帶m的著法表示有變著,如圖7。

          圖7

          7.復制代碼。按以上的方法擺好棋局并設置好著法,完成棋局后點擊動態棋盤右下解的“導出按鈕”,如圖8所示。進入代碼導出頁面,點擊右下角。

          圖8

          “復制代碼”欄的第三行“新浪網易”鏈接,則左上角“導入導出”欄中會自動顯示可用于新浪網易博客的棋盤代碼,這些代碼同樣適用于本站,點擊“復制代碼”欄第一行的紅色的“復制代碼”鏈接,即可將代碼復制到剪貼板上,如圖9(即以<embed開始,以[/DhtmlXQFLASH]" />結束的所有代碼)。

          圖9

          注意:動態棋局中可以導出適用于各類論壇、博客、網站的代碼,如UBB代碼(適用于支持UBB代碼的論壇)、frame代碼(適用于支持框架的論壇)、QQ空間代碼等,但經過測試,本站只支持與新浪網易博客相類似的代碼,所以導出時務必導出第三行的第一個鏈接的“新浪網易”!

          8.修改代碼。點擊本站任何頁面的右上角的“發布分享”鏈接,進入本站發布主題頁面,切換為代碼模式,把上面提制下來的代碼粘貼到輸入框中,做一定的修改,如圖10,修改如下:

          ①把第二行的http://www.dpxq.com/(紅色部分,包括“/”)刪除,本站使用的棋盤程序是東萍象棋網開發的,由于站長技術所限,導出代碼時顯示網址,如果不刪掉的話,動態棋盤也能正常顯示,但不是使用本站的棋盤程序,而是使用了東萍的棋盤程序了,所以請記住務必刪掉。

          ②修改棋局的名稱,棋局的名稱默認情況下是原使用的棋局的名稱,需要改成你自己的棋局的名稱,修改代碼[DhtmlXQ_title]和[/DhtmlXQ_title]之間的文字,例如[DhtmlXQ_title]您的棋局名稱[/DhtmlXQ_title],請務必修改棋局名稱,因為此名稱會出現在發表后的棋局的上方。

          ③其它的內容如圖10用紅色下劃線標出的部分,可修改也可不修改,這些內容不會顯示于發表后的棋盤中,但建議還是修改。修改完后,動態棋局的制作正式完成。

          圖10

          9.修改其它內容。切換為設計模式,可以設計動態的棋局以外的內容,包括文字、圖片等,如圖11,設計界面有時不能正確顯示棋局,如有黑屏的話請不用理會,如果想看看棋局是否正確,可以進行預覽界面預覽一下,如圖12。

          圖11


          圖12

          10.發表。發表前應先預覽一下,看看棋局有沒有問題,如圖12,如果沒問題的話,可以提交了!那么恭喜您了,您的棋局發布成功。


          主站蜘蛛池模板: 人妻无码一区二区不卡无码av | 一区二区三区精密机械| 丝袜美腿一区二区三区| 国产内射999视频一区| 无码囯产精品一区二区免费 | 亚洲视频在线一区二区| 国产在线一区二区在线视频| 国产日韩AV免费无码一区二区| 国产丝袜无码一区二区三区视频| 任你躁国语自产一区在| 无码国产精品久久一区免费 | 国产午夜三级一区二区三| 日本精品一区二区三区在线观看| 亚洲国产视频一区| 亚洲一区中文字幕在线电影网| 国产麻豆媒一区一区二区三区 | 中文字幕一区在线观看| 免费播放一区二区三区| 精品国产日韩一区三区| 国产福利电影一区二区三区久久久久成人精品综合 | 日韩精品无码一区二区三区| 日韩精品一区二区三区中文3d| 久久精品国产一区二区电影| 精品熟人妻一区二区三区四区不卡 | 久久亚洲中文字幕精品一区| 色噜噜狠狠一区二区| V一区无码内射国产| 无码人妻精品一区二区三区蜜桃| 一区二区三区视频在线播放| 国产成人久久精品区一区二区 | 亚洲V无码一区二区三区四区观看| 亚洲美女一区二区三区| 国产一区在线播放| 亚洲福利一区二区精品秒拍| 一区二区三区在线播放| 亚洲电影一区二区三区| 亚洲高清偷拍一区二区三区| 一区二区和激情视频| 一区二区视频在线播放| AV无码精品一区二区三区宅噜噜| 亚洲熟女综合一区二区三区|