下面是我根据craps骰子游戏的规则,利用html5的canves+js写好的骰子游戏,代码略微长,不过重复比较多,也有适当的注释
<!DOCTYPE html PUBLIC "--//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1--transitional.dtd">
<html xmlns="http;//www.w3.org/1999/xhtml">
<head>
<title>啊干牌骰子游戏</title>
<meta http--equiv="Content--Type" content="text/html;charset=gb2312">
<script language = "JavaScript">
<!--
var throwtime = 0; //第几次掷骰子
var width = 200;
var sum = 0; //两次点数之和
var ch1; //第一次的点数
var ch2; //第二次的点数
var IS_WIN = false; //是否输赢
var gameOver = false; //游戏是否结束
var IS_FIRST = true; //是不是第一轮
//重新开始的函数
function restart()
{
throwtime = 0;
sum = 0;
ch1 = 0;
ch2 = 0;
IS_WIN = false;
gameOver = false;
IS_FIRST = true;
}
//初始化的函数
function myinit()
{
var con = document.getElementById('canvass');
var context = con.getContext('2d');
//绘制两个骰子面
context.strokeRect(5,5,100,100);
context.strokeRect(205,5,100,100);
}
/*draw1到draw6分别是对应1-6点的画点函数*/