实验作业：掷骰子游戏

最新推荐文章于 2022-06-03 10:55:31 发布
最新推荐文章于 2022-06-03 10:55:31 发布
阅读量2.3k 收藏 2
点赞数
分类专栏： 学习日志
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/senblingbling/article/details/44537179
版权

因为这次作业是第一个实验，比较简单，但是要求面向对象来做，而我这个时候又刚好在学JS，JS来做骰子游戏即有前端了，又省了后台处理，代码量会比用JAVA来做少了非常非常多。考虑到这种弱智的实验实在不想浪费时间取用JAVA写，于是有了一下JS实现的版本。但是大家都知道JS的面向对象其实是伪面向对象。我感觉并不好用，因为用句柄的方式无法传值，你封装成对象了还得拆出来成为过程（单一方法）来用。

版本1：（没有用面向对象）


<!DOCTYPE>
<html>
    <head>
    <title>掷骰子游戏 author:SenDog</title>

    <meta charset="UTF-8">
        <script>
            var leftX = 150;
            var topY = 100;
            var diceX = 80;
            var diceY = 80;
            var dotR = 4;
            var count = 0;
            var lastNum = 0;
            var flag = false;
            
            function clickMe() {
                count = 0;
                if(flag) {
                    return false;
                }
                flag = true;
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.beginPath();

               // ctx.strokeRect(leftX,topY,diceX,diceY);//绘制矩形 加粗
               //ctx.strokeRect(leftX+150,topY,diceX,diceY);
               setTimeout(function(){
                    random(ctx);},200);
                
            }
            
            function drawDice(ctx,randomNum,randomNum2) {//绘制 骰子 123456的点数
                ctx.clearRect(leftX,topY,diceX,diceY);
                    switch(randomNum) {
                        case 1:
                            draw1();
                            break;
                        case 2:
                            draw2();
                            break;
                        case 3:
                            draw3();
                            break;
                        case 4:
                            draw4();
                            break;
                        case 5:
                            draw5();
                            break;
                        case 6:
                            draw6();
                            break;
                    }


                ctx.clearRect(leftX+150,topY,diceX,diceY);
                switch(randomNum2) {
                    case 1:
                        draw11();
                            break;
                    case 2:
                        draw22();
                            break;
                    case 3:
                        draw33();
                        break;
                    case 4:
                        draw44();
                        break;
                    case 5:
                        draw55();
                        break;
                    case 6:
                        draw66();
                        break;
                }

                    count++;
                    if(count>=20) {
                        if(randomNum+randomNum2==7) {
                            alert("骰子1："+randomNum+"，骰子2:"+randomNum2+"总和为7您赢了");

                        }
                        else {
                        alert("骰子1："+randomNum+"；骰子2:"+randomNum2);

                        }
                        flag = false;
                        return false;
                    } else {
                        setTimeout(function(){
                            random(ctx);
                       },200-count);
                    }
            }
            
            function random(ctx) {//生成骰子点数，如果和上一步的点数相同重新生成点数，并绘制
                var randomNum = Math.floor(Math.random()*6)+1;
                var randomNum2 = Math.floor(Math.random()*6)+1;
                if(randomNum == lastNum) {
                    random(ctx);
                } else {
                    lastNum = randomNum;
                    drawDice(ctx,randomNum,randomNum2);

                }
                
            }
            
            function commonDraw(ctx,dotX,dotY) {
                ctx.beginPath();
                ctx.arc(dotX,dotY,dotR,0,2*Math.PI,false);

                ctx.stroke();
                ctx.fill(); 
            }



            function draw1() {
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#0000ff";
                var dotX = leftX+diceX/2;
                var dotY = topY+diceY/2;
                commonDraw(ctx,dotX,dotY);
            }
            
            function draw2() {
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#99FF66";
                var dotX = leftX+4*dotR;
                var dotY = topY+4*dotR;
                commonDraw(ctx,dotX,dotY);
                var dotX = leftX+diceX-4*dotR;
                var dotY = topY+diceY-4*dotR;
                commonDraw(ctx,dotX,dotY);
            }
            
            function draw3() {
                draw1();
                draw2();
            }
            
            function draw4() {
                draw2();
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#99CC00";
                var dotX = leftX+diceX-4*dotR;
                var dotY = topY+4*dotR;
                commonDraw(ctx,dotX,dotY);
                var dotX = leftX+4*dotR;
                var dotY = topY+diceY-4*dotR;
                commonDraw(ctx,dotX,dotY);
            }
            
            function draw5(){
                draw1();
                draw4();
            }
            function draw6(){
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#996633";
                var dotX = leftX+4*dotR;
                var dotY = topY+diceY/2
                commonDraw(ctx,dotX,dotY);
                var dotX = leftX+diceY-4*dotR;
                commonDraw(ctx,dotX,dotY);
                draw4();
            }



          /*  -------------骰子2----------------*/
            function draw11() {
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#0000ff";
                var dotX = leftX+diceX/2+150;
                var dotY = topY+diceY/2;
                commonDraw(ctx,dotX,dotY);
            }

            function draw22() {
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#99FF66";
                var dotX = leftX+4*dotR+150;
                var dotY = topY+4*dotR;
                commonDraw(ctx,dotX,dotY);
                var dotX = leftX+diceX-4*dotR+150;
                var dotY = topY+diceY-4*dotR;
                commonDraw(ctx,dotX,dotY);
            }

            function draw33() {
                draw11();
                draw22();
            }
            function draw44() {
                draw22();
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#99CC00";
                var dotX = leftX+diceX-4*dotR+150;
                var dotY = topY+4*dotR;
                commonDraw(ctx,dotX,dotY);
                var dotX = leftX+4*dotR+150;
                var dotY = topY+diceY-4*dotR;
                commonDraw(ctx,dotX,dotY);
            }
            function draw55(){
                draw11();
                draw44();
            }
            function draw66(){
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.fillStyle="#996633";
                var dotX = leftX+150+4*dotR;
                var dotY = topY+diceY/2
                commonDraw(ctx,dotX,dotY);
                var dotX = leftX+150+diceY-4*dotR;
                commonDraw(ctx,dotX,dotY);
                draw44();
            }
            function  init() {
                var ctx = document.getElementById("canvas").getContext('2d');
                ctx.beginPath();
                ctx.strokeRect(leftX,topY,diceX,diceY);//绘制灰色框框 第一个骰子
                ctx.strokeRect(leftX+150,topY,diceX,diceY);//第二个骰子的灰色框框
                ctx.stroke();
                draw6();
                draw66();
                
            }
        </script>
    </head>
    
    <body οnlοad="init();">
        <canvas id="canvas" width="600" height="300" style="background-color:#CCFFCC">
            your brower is not support html5
        </canvas>
		
        
        <input type="button" value="开始" οnclick="clickMe();"/>
    </body>
</html>







版本2，面向对象。但是JS真的很不适合面向对象，这只是伪装面向对象。


输入用户名后， 会吧用户的姓名和摇出的点数和存入cookie中。 cookie只会保存对应用户最高的点数合。如果摇出更高的点数合，旧的就会被替换掉。通过查询按钮可以查询任意姓名的最高点数合记录。


<!DOCTYPE html>

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>author:senDog 掷骰子游戏</title>
</head>
<body>
请输入用户姓名：<input id="userName1" type="text" >
<button  id="btn"  > play </button>
查询用户最高成绩<button  id="btn2"  >查询 </button>
<script language="JavaScript" type="text/javascript">






    /*封装骰子类*/
    function shaizi(){
        var num = parseInt(1+Math.random()*5);
        return{
            "getNum":function(){
                return num;
            },
            "alertNum":function(){
                alert("骰子点数："+num);
            }
        };
    }

    var s1 = new shaizi();
    var s2 = new shaizi();

    var x = document.getElementById("btn");
    x.addEventListener("click",s1.alertNum);
    x.addEventListener("click",s2.alertNum);

    /*封装cookie类*/
    function cookie(){

        return{
            /*把总点数存入客户端浏览器cookie，并设置每次关闭浏览器cookie消失*/
            "addCookie":function(userName,num3){
                var str = userName + "=" + escape(num3);
                document.cookie = str;
                //alert("str:"+str);
            },
            "getCookie":function(userName){//获取指定名称的cookie的值
                var strCookie=document.cookie;
                var arrCookie=strCookie.split("; ");
                for(var i=0;i<arrCookie.length;i++){
                    var arr=arrCookie[i].split("=");
                    if(arr[0]==userName)return arr[1];
                }
                return "";

            }
            }

        }

    var ck = new cookie();
    /*记录用户最高总点数，存入cookie，然后可以通过查询用户名查出用户最高点数的记录*/
    function readName(){
        userName1 = document.getElementById("userName1").value;
    }
    function ckSet(){
        var num1=s1.getNum();
        var num2 = s2.getNum();
        num3 = num1+num2;
       var n = ck.getCookie(userName1);
        if(n!=null && n<num3)   ck.addCookie(userName1,num3);
    }

    function ckGetName(){
       // var userName1 = document.getElementById("userName1").value;
        alert("username:"+userName1);
    }

    function ckGetNum(){
       //var userName1 = document.getElementById("userName1").value;
       var num=ck.getCookie(userName1);
        alert("用户最高总点数:"+num);
    }
    x.addEventListener("click",readName);
    x.addEventListener("click",ckSet);
    x.addEventListener("click",ckGetName);
    x.addEventListener("click",ckGetNum);

    var y = document.getElementById("btn2");
    y.addEventListener("click",readName);
    y.addEventListener("click",ckGetName);
    y.addEventListener("click",ckGetNum);
</script>
</body>
</html>


把代码复制到到TXT文档，后缀改为html即可运行。

以后会陆续把一部分简单的实验和项目简单部分的代码发上来。

senblingbling
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现掷骰子小游戏
01-21
本文实例为大家分享了js掷骰子小游戏的具体代码，供大家参考，具体内容如下 因为这次作业是第一个实验，比较简单，但是要求面向对象来做，而我这个时候又刚好在学JS，JS来做骰子游戏即...掷骰子游戏 author:SenDog</
骰子游戏
qq_48431353的博客
10-06 193
我们来玩一个游戏。 同时掷出3个普通骰子（6个面上的数字分别是1~6）。 如果其中一个骰子上的数字等于另外两个的和，你就赢了。 下面的程序计算出你能获胜的精确概率（以既约分数表示） public class Main { public static int gcd(int a, int b) { if(b==0) return a; return gcd(b,a%b); } public static void main(String[] args) { int n = 0;
小游戏：骰子游戏
m0_63573375的博客
12-09 3308
规则很简单： 编写函数模拟掷骰子的游戏（两个骰子）。第一次掷骰子的时候，如果点数为7或11则获胜；如果点数之和为2、3或12则落败；其他情况下的点数之和称为目标，游戏继续。后续的投掷中，如果玩家再次掷出目标点数则获胜，掷出7则落败，其他情况忽略，游戏继续进行。每局游戏结束时，程序询问用户是否再玩一次，如果用户输入的回答不是y或Y，程序会显示胜败的次数然后终止。 设计思路： 随机数函数和时间函数进行赋值，其余细节见代码注释。 我的代码： #include <stdio.h> #incl
实验二 利用Excel表格进行掷骰子模拟实验
weixin_43355949的博客
09-12 5628
应用软件：Office2010 我们想分别进行100次和1000次的掷骰子模拟实验。将Excel表格输入成如下样式： 注意！概率的输入是使用=1/6回车计算的，并非手动输入，如图： 类似于投币实验，点击数据分析【虽然上次设置了一次但是这次还是需要从加载项中重新选中调出数据分析栏，步骤详见实验1】，设置为如下格式（应用离散） 点击确定后可以看到已经模拟完毕： 1000次只需要将上述设置改为1000即可。 接下来统计1-6出现的次数（频数）和频率。 频率=频数/总试验次数 同理统计1000次实验中出
python编写程序掷骰子游戏_Python基础案例练习：掷骰子小游戏
weixin_39802962的博客
11-30 5071
前言骰子是我们经常能看到的小玩意儿，今天我们来做一个模拟掷骰子过程的文字版小游戏，送给新接触Python的初学者们~本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。幻想编程岛 | 作者码里奥编程 | 来源代码解析1、导入需要的随机数库2、创建Die类骰子属性sides（面数）默认为6面；定义一个名为roll_die()的方法打印...
python投掷骰子实验报告_用Python模拟掷骰子
weixin_42508313的博客
01-29 2125
在循环中掷骰子：def dice(n):total = 0for i in range(n):total += random.randint(1, 6)return total当对整数求和时，+=增广赋值运算符基本上归结为与total = total + random.randint(1, 6)相同的事情(它稍微复杂一些，但这只对列表之类的可变对象有意义)。def dice(n):return s...
TTSTechTalentSelectTheHartford：与12周全栈Bootcamp相关的项目，作业，实验室和课堂作业的存储库
02-21
目录工程项目PRJ1-中段项目-Vegas Dice Game（Java） 目标：给定以下关于骰子游戏的规则，创建一个程序来打印出您在每掷骰子中是赢还是输。 玩家掷出两个6面骰子以生成1到6之间的随机数。 首次尝试掷出7或11即可获胜...
新教材2020-2021学年高中数学第2册课堂作业：10.1.1 有限样本空间与随机事件 含解析.doc
09-13
4. **样本点**：样本点是样本空间中的每个具体结果，如第6题中掷骰子两次，点数之和为5的所有可能组合（1,4), (4,1), (2,3), (3,2)就是样本点。 5. **样本空间**：样本空间包含了所有可能的结果，如第8题中从1到10...
MATLAB大作业
11-28
模拟掷骰子游戏** - **构图原理：** 通过模拟掷骰子过程，统计各个点数出现的频率，并绘制直方图展示。 - **MATLAB实现要点：** - 使用`rand`函数生成随机数，映射到1至6的整数范围。 - 统计各点数出现次数。 - ...
2020_2021学年高中数学课时分层作业16概率的意义新人教A版必修3
09-09
比如掷骰子，每一次投掷的结果不会受到之前投掷的影响。因此，即使连续掷出3个"6"，第4次掷出"6"的概率仍然保持不变。 3. **概率计算**：计算特定事件的概率时，通常需要用到乘法规则和加法规则。如题目中提到的...
个性C#控制台筛子游戏
10-11
有动态效果，有手动收入测试游戏，和正常游戏~并附有实验报告
使用Python写一个扔色子游戏
04-01
使用环境：需要先安装PyCharm（请自己百度下载安装），以及然后官网上下载Python 2.7版本，以及Python 3.7版本后，安装在自己的电脑上。 使用步骤： 1、下载解压缩之后，打开PyCharm集成开发环境， 2、然后选择“open”菜单打开项目 3、在IDE中打开test_one.py文件，右键点击“Run test_one”或者直接点击右上角的播放键。 如果一切正常，那么你会在PyCharm控制台中看到运行的效果。 阅读人员：学习Python语言的小白。 目的：帮助理解分支语句/选择语句在Python中的具体使用。
掷骰子游戏(C++课程设计)
12-13
掷骰子游戏(C++课程设计)，完整的文档，代码描述
c# 经典投骰子游戏源码
08-14
c# 经典投骰子游戏源码,大家想下就下载吧。。。
可以与计算机玩掷骰子游戏
01-04
该程序可以与计算机玩掷骰子，该游戏简约而不简单~~
python掷骰子实验报告_python-模拟掷骰子，两个筛子数据可视化
weixin_39717865的博客
12-04 1032
"""作者：zxj功能：模拟掷骰子，两个筛子数据可视化版本：3.0日期：19/3/24"""import randomimport matplotlib.pyplot as pltdef roll_num():roll = random.randint(1, 6)return rolldef main():"""主函数"""total_times=100#初始化列表[0,0,0,0,0]reslt...
面向对象编程---掷骰子游戏
Liu_Bruce的博客
06-03 2791
最近编了一个面向编程的经典游戏案例，根据游戏的规则，设计编程的流程和类，方法，属性。这是一个比较经典和流行的面向对象编程的玩骰子的小游戏。整个游戏分为四个模块：​ ◆ 主菜单模块（main_menu.py)​ ◊ 功能：导入主程序模块，定义一个AllThatDice类, 定义一个run函数​ ◆ 主程序模块（main.py)​ ◊ 功能：程序运行主界面，游戏玩家名单注册、显示游戏的总成绩、进入游戏、退出游戏。​ playGame函数，参数为游戏名， getTable函数​
投骰子的随机游戏
Burg
09-25 7965
每个骰子有六面，点数分别为1、2、3、4、5、6。游戏者在程序开始时输入一个无符号整数，作为产生随机数的种子。每轮投两次骰子，第一轮如果和数为7或11则为胜，游戏结束；和数为2、3或12则为负，游戏结束；和数为其它值则将此值作为自己的点数，继续第二轮、第三轮…直到某轮的和数等于点数则取胜，若在此前出现和数为7则为负。#include <iostream> #include <cstdlib>enum
掷骰子游戏
程序设计与算法......
12-22 6557
编写函数模拟掷骰子的游戏（两个骰子）。第一次掷的时候，如果点数之和为7或11则获胜；如果点数之和为2、3或12则落败；其他情况下的点数之和称为“目标”，游戏继续。在后续的投掷中，如果玩家再次掷出“目标”点数则获胜，掷出7则落败，其他情况都忽略，游戏继续进行。每局游戏结束时，程序询问用户是否再玩一次，如果用户输入的回答不是y或Y，程序会显示胜败的次数然后终止。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值