Web20应用项目学习课件.pptxVIP

骰子游戏(craps)主讲:宁恒生

游戏界面

游戏规则玩家掷一对骰子，我们关心的是两个骰子的数字之和，所以1和3与2和2是一样的两个骰子的数字之和可以是2到12中的任意一个数如果玩家是第一次掷出7或11，那么他就赢了如果玩家是第一次掷出2,3或12，那么他就输了如果玩家是第一次掷出4,5,6,8,9,10,则会记录玩家的点数，然后继续掷骰子继续掷骰子时如果掷出7，那么他就输了，而如果掷出第一次记录的玩家的点数，那么他就赢了，其他情况遵循继续掷骰子的规则玩家拥有一定数额的钱，如果赢了增加20个单位，如果输了减少10个单位，玩家可以充钱

关键需求与实现技术需要提供一个按钮供玩家单击掷骰子，需要一个界面向玩家提供信息，告诉玩家发生了什么模拟随机掷出骰子需要使用根据条件作出决策的结构需要跟踪是第一次掷骰子还后续的一次掷骰子HTML5CSS3JavaScript

使用文本提供信息

实现使用HTML5的表单与输入控件向玩家提供信息的输入与输出 输入控件 button掷骰子/button 表单： formname=f 提示:inputname=stagereadonlyvalue=开始掷./ 点数:inputname=pvreadonlyvalue=/ 余额:inputname=banktype=numberstep=10value=0/ /form代码

实现使用CSS3来格式化信息 input{ width:73px; border:1pxsolid; -webkit-border-radius:2px; } body{ margin-left:50px; margin-top:50px; }代码

使用窗口提供信息

实现使用JavaScript语言变量，自定义函数,内置函数，if语句,Number对象 定义变量: varbank 自定义函数: functionthrowdice() { 函数体 } 函数:alert 在浏览器窗口显示文本信息 语句:if 根据条件进行决策 Number对象: 把字符串转换为数字代码

根据点数判定输赢

实现使用JavaScript中Math对象的random，floor函数产生随机数，switch语句进行决策 random: 产生一个0到1(不包括1)之间的一个小数 floor: 向下取整 switch语句: 根据条件进行决策 String对象: 把数字转换为字符串代码

绘制赌桌

绘制一个骰子

绘制两个骰子

绘制圆1,2,3

绘制圆4,5,6

1、Geniusonlymeanshard-workingalloneslife.(Mendeleyer,RussianChemist)?天才只意味着终身不懈的努力。20.8.58.5.202011:0311:03:10Aug-2011:032、Ourdestinyoffersnotonlythecupofdespair,butthechaliceofopportunity.(RichardNixon,AmericanPresident)命运给予我们的不是失望之酒，而是机会之杯。二〇二〇年八月五日2020年8月5日星期三3、Patienceisbitter,butitsfruitissweet.(JeanJacquesRousseau,Frenchthinker)忍耐是痛苦的，但它的果实是甜蜜的。11:038.5.202011:038.5.202011:0311:03:108.5.202011:038.5.20204、Allthatyoudo,dowithyourmight;thingsdonebyhalvesareneverdoneright.----R.H.Stoddard,Americanpoet做一切事都应尽力而为，半途而废永远不行8.5.20208.5.202011:0311:0311:03:1011:03:105、Youhavetobelieveinyourself.Thatsthesecretofsuccess.----CharlesChaplin人必须相信自己，这是成功的秘诀。-Wednesday,August5,2020August20Wednesday,August5,20208/5/20206、Almostanysituation---goodorbad---isaffectedbytheattitudewebringto.----LuciusAnnausSeneca