图片 1

原生js结合html5制作简易的双色子游戏_javascript技巧_脚本之家

想转html5游戏开,这是学习练手的东西,最开始是用面向过程的方式实现,后面用面向对象的方式实现……

本文以大富翁游戏为背景,综合运用jQuery和PHP知识,设计出以掷色子点数来达成抽奖的效果,当然抽奖概率是可控的,开发者可以将本实例稍作修改即可运用到网站中的抽奖活动场景中。

双陆棋快速入门

相关游戏: 双陆棋 发布时间:2016-12-14

双陆棋是一款历史悠久的棋类游戏,其规则非常简单,以骰子掷出的点数决定棋子的移动,第一个把所有棋子移离棋盘的玩家即为胜方。玩双陆棋虽然也有运气成分,但是,如果不熟悉双陆棋规则,那一定无法取得胜利。那么,同城游双陆棋规则到底是怎样的?

双陆棋名词解释

棋盘:共分四个区其中1-6称为内盘,谁先将所有棋子走到自己的内盘中就获胜了。棋盘由位于中心的两个月牙分成两半。

单子:某个棋格上仅有一颗棋子称为“单子”。如果对手的棋子落到您的单子上,则您的棋子会被放到您对面的月牙区域中。如果月牙中有棋子,则必须先将其移回棋盘才能移动其他任何棋子。

计分:如果在您将自己的所有棋子进到内盘后,对手有棋子在你的月牙中或者在您的领地中,则按照这些棋子的个数来翻倍。

“关闭”棋格:有对手两个或多个棋子的棋格是“关闭”棋格,禁止入内。

双陆棋规则

移动棋子:为确定谁先走,每个玩家都单击“掷色子”按钮掷一个色子。点数较高的玩家获胜(如果一样则继续这步操作,直到分出大小为止)然后玩家轮流掷色子,并且每次掷两个色子。

停步:若要移动某颗棋子,单击它,将其拖到一个新棋格,然后再次单击将其释放。在移动棋子之前将鼠标悬停在自己的棋子上会有提示出现在之前的白点上,如果没有提示则表示该棋子不能走棋或者无格可走。

“关闭”棋格:则必须先使用较大的点数移动。如果当前需要移动的数值任意一个格子都无法下棋,则将失去本轮走棋的机会,自动换为对家开始掷色子。

获胜:必须将 15
颗棋子全部移到您的“内盘”,即棋盘右下方的六个棋格。如果在您将自己的所有棋子进到内盘后,对手有棋子在你的月牙中或者在您的领地中,则按照这些棋子的个数来翻倍。

上一篇:好玩的棋牌游戏有哪些 下一篇:棋牌文化

演示地址:

图片 1

html代码

HTML

首先我们需要准备两粒色子和奖品素材,这些作者已经打包上传了,请大家放心下载。我们将在html页面中写下如下的html结构代码,.wrap用来放置色子和提示信息,#prize则是用来放置奖品的。

<div >       <div >           <div id="msg"></div>              <div id="dice">           </div>       </div>       <ul id="prize">           <li id="d_0"><img src="images/0.gif" alt="开始"></li>           <li id="d_1"><img src="images/1.gif" alt="现金100元"></li>           <li id="d_2"><img src="images/2.gif" alt="泰迪熊宝宝"></li>           <li id="d_3"><img src="images/7.gif" alt="谢谢参与"></li>           <li id="d_4"><img src="images/3.gif" alt="iphone 5s"></li>           <li id="d_5"><img src="images/4.gif" alt="笔记本电脑"></li>           <li id="d_6"><img src="images/7.gif" alt="谢谢参与"></li>           <li id="d_7"><img src="images/5.gif" alt="单反相机"></li>           <li id="d_8"><img src="images/6.gif" alt="轿车"></li>           <li id="d_9"><img src="images/7.gif" alt="谢谢参与"></li>       </ul>   </div>