html掷骰子游戏的代码,掷骰子的小程序 HTML5

掷骰子游戏

var ctx;

function init(){

ctx = document.getElementById("canvas").getContext('2d');

ctx.strokeStyle = "rgb(0,0,0)";

ctx.lineWidth = 5;

ctx.strokeRect(0,0,400,300);

ctx.fillStyle = "rgb(255,255,0)";

ctx.fillRect(20,20,80,80);

ctx.strokeRect(20,20,80,80);

var ch = 1 + Math.floor(Math.random()*6);

drawdice(ch);

document.f.pv.value = ch;

}

function drawdice(n)

{

ctx.fillStyle = "rgb(255,255,0)";

ctx.fillRect(25,25,70,70);

ctx.fillStyle = "rgb(255,0,0)";

ctx.lineWidth = 3;

ctx.strokeStyle = "rgb(0,0,0)";

switch(n){

case 1:

makepoint(60,60);

break;

case 2:

makepoint(60,45);

makepoint(60,75);

break;

case 3:

makepoint(80,40);

makepoint(60,60);

makepoint(40,80);

break;

case 4:

makepoint(45,45);

makepoint(75,45);

makepoint(45,75);

makepoint(75,75);

break;

case 5:

makepoint(40,40);

makepoint(80,40);

makepoint(60,60);

makepoint(40,80);

makepoint(80,80);

break;

case 6:

makepoint(45,35);

makepoint(75,35);

makepoint(45,60);

makepoint(75,60);

makepoint(45,85);

makepoint(75,85);

break;

}

function makepoint(x,y)

{

ctx.beginPath();

ctx.arc(x,y,8,0,2*Math.PI,true);

ctx.fill();

ctx.stroke();

}

抱歉，你的浏览器不支持HTML5的canvas元素。

点数:

html掷骰子游戏的代码,掷骰子的小程序 HTML5相关推荐

python做出来的小程序、可以在win10上面运行_超详细，手把手教你用20行Python代码制作飞花令小程序！...
原标题:超详细,手把手教你用20行Python代码制作飞花令小程序! 来源:早起Python 作者:陈熹飞花令是古时候人们经常玩一种"行酒令"的游戏,是中国古代酒令之一,属雅令. ...
不改一行代码，将微信小程序转成商业App？
Web2.0前期的"眼球经济",即以吸引用户长时间观看内容.使用工具为导向,占有用户的"屏幕时间"(Screen time),从中寻求各种"变现&qu ...
小程序代码托管无忧，云效代码管理接入支付宝小程序平台
8月24日,阿里云云效代码管理(Codeup)正式接入支付宝小程序开放平台.小程序开发者再也不用担心代码托管问题,在支付宝开放平台上即可一键将代码托管到云端. 云效代码管理(Codeup)源自阿里巴巴 ...
把jquery city-picker地区选择插件数据改成微信小程序省市地区数据一样（php代码抓取微信小程序地区数据）
原版插件 https://github.com/tshi0912/city-picker 资源下载 https://download.csdn.net/download/jianye112/12036 ...
html掷骰子游戏的代码,jquery实现掷骰子小游戏
本篇给大家分享一个很好玩的掷骰子游戏,当点击"掷筛子"按钮时张三和李四两人同时掷出筛子,在各自的文本框中会显示出各自掷出筛子的大小,并且会在第三个文本框中比较出两人点数的大小,并显 ...
摇骰子设计与实现（uni-app微信小程序）
文章目录摇骰子设计与实现准备工作实现步骤以及思路第一步:实现准备状态第二步:实现晃动中状态第三步:等待开起状态第四步:开启后状态部分优化总代码摇骰子设计与实现手机摇一摇可以摇骰子 ...
微信小游戏游戏显示html控件,微信小程序中如何渲染html内容（代码示例）
我们的小程序是基于「WePY」框架开发的,而「wxParse」是基于原生的小程序编写的.要想让两者兼容,必须修改「wxParse」的源代码. 「wxParse」只是简单地通过image组件对原img元 ...
编写五子棋的完整python代码_python实现五子棋小程序
本文实例为大家分享了python实现五子棋小程序的具体代码,供大家参考,具体内容如下一.结合书上例子,分三段编写: wuziqi.py #coding:utf-8 from win_notwin i ...
超详细，手把手教你用20行Python代码制作飞花令小程序！
大家好,我是涛哥. 飞花令是古时候人们经常玩一种"行酒令"的游戏,是中国古代酒令之一,属雅令."飞花"一词则出自唐代诗人韩翃<寒食>中春城无处不飞 ...
手把手教你用20行Python代码制作飞花令小程序！
飞花令是古时候人们经常玩一种"行酒令"的游戏,是中国古代酒令之一,属雅令."飞花"一词则出自唐代诗人韩翃<寒食>中春城无处不飞花一句.行飞花令时 ...

html掷骰子游戏的代码,掷骰子的小程序 HTML5

html掷骰子游戏的代码,掷骰子的小程序 HTML5相关推荐

最新文章

热门文章