使用JavaScript和HTML5製作桌面遊戲在線圖形用戶界面的技巧

我對Shogi (Japanese Chess)非常感興趣，最後我也讓我的朋友對它感興趣。但我的朋友無法購買軟件或真正的電路板，所以我告訴他我會製作一個在線GUI，以便我們可以一起玩。使用JavaScript和HTML5製作桌面遊戲在線圖形用戶界面的技巧

現在的計劃是，我基本上會給予用戶與真實板子相同的自由。他可以在任何地方放置任何東西，他基本上沒有任何規則。將要實施的唯一機制是捕獲碎片並將其丟棄。

沒有人工智能，它不會識別你何時違反規則，它不會識別檢查隊友，或者當遊戲結束時等等。當然這意味着它甚至不知道棋子如何移動。一切都將由玩家完成，除了自動捕捉部分。

當然片量依然認爲，你只能有你應該在比賽開始塊的數量，無需額外等等

什麼會去了解這一點的最好辦法？我只想使用HTML5和JavaScript（jQuery，AJAX等），我不想使用Java，Flash或類似的東西。只有HTML5和JavaScript以及可能的一些CSS功能（可能）。

什麼是最好的方法？最難的部分應該是真正的用戶界面，它應該能夠識別9x9棋盤上的每個棋子，它應該能夠識別每個棋子的名稱，並且應該能夠說出「你不能這麼做，重新嘗試移動不存在「。

來源

2013-03-08 greduan

爲什麼你們不只是發揮現有的將棋的網絡遊戲？ – DarkAjax 2013-03-08 22:07:18

這有點難，我一直在研究一個類似的項目（但是對於普通的國際象棋），你可以看一下[源代碼]（https://github.com/ajax333221/Isepic-Chess/blob /master/isepic-chess.js），也許會找到一些有用的東西 – ajax333221 2013-03-08 22:10:41

@darkajax我們已經嘗試過，但它不符合我們可以說的標準。大聲笑 – greduan 2013-03-08 22:20:10

似乎有很多github上的例子HTML5 chess games。

如果你想從頭開始用Javascript創建你的遊戲，我推薦你使用Crafty這個優秀的開源Javascript遊戲引擎。如果你想讓遊戲達到2.5d，他們擁有所有的東西讓你走，就像一個基於瓦片的網格，甚至是一個等距網格。

回答這個讓我想要做一些遊戲編程現在:) mjam

哦，這裏有一個great introduction to Crafty

來源

2013-03-09 00:09:29 nimrod

真棒謝謝！我將檢查HTML5國際象棋。我不認爲我會用狡猾，不是因爲它不好，而是因爲我是自己做的人。有像jQuery這樣的異常。 ;） – greduan 2013-03-09 00:14:40

是的，我明白這一點。想知道什麼是錯的。 – nimrod 2013-03-09 00:16:54

使用JavaScript和HTML5製作桌面遊戲在線圖形用戶界面的技巧

回答

相關問題