使用JavaScript和HTML5制作棋盘游戏在线GUI的技巧

时间:2013-03-08 22:05:55

标签: javascript html5 css3 game-engine

我对Shogi (Japanese Chess)非常感兴趣,我终于让我的朋友也感兴趣了。但我的朋友无法购买软件或真正的电路板,所以我告诉他我会制作一个在线GUI,以便我们可以一起玩。

现在的计划是,我基本上会给用户提供与真实董事会相同的自由。他可以把任何一块放在任何地方,他基本上没有任何规则。唯一可以实现的机制是捕获碎片并丢弃它们。

没有人工智能,当你违反规则时它不会识别它,它不会识别检查配偶,或者当游戏结束时等等。当然这意味着它甚至不知道棋子是如何移动的。除了自动捕捉棋子外,一切都将由玩家完成。

当然,仍然会考虑作品的数量,你只能拥有游戏开始时应该拥有的数量,没有额外的等等。

最好的方法是什么?我想只使用HTML5和JavaScript(jQuery,AJAX等),我不想使用Java,Flash或类似的东西。只有HTML5和JavaScript以及可能的一些CSS功能(可能)。

最好的方法是什么?最难的部分应该是UI真的,它应该能够识别9x9板上的每个点,它应该识别它被称为的每个部分,它应该能够说“你不能那样做,那块你'重新尝试移动不存在“。

1 个答案:

答案 0 :(得分:7)

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

如果你想用Javascript从头开始创建你的游戏我推荐Crafty一个优秀的开源Javascript游戏引擎。他们拥有所有东西可以让你前进,就像基于磁贴的网格,甚至是等距网格,如果你想让游戏达到2.5d。

回答这个问题让我想现在做一些游戏编程:) mjam

哦,这是一个great introduction to Crafty