基于html5的五子棋游戏

   基于所学的利用html5编写的五子棋游戏,我们学到了很多新的编写代码的标记,例如Canvas标记用于绘制图形 ,在html5中还提供了插入音频视频的多种方法,例如:

addTextTrack()向音频/视频添加新的文本轨道。canPlayType()检测浏览器是否能播放指定的音频/视频类型。load()重新加载音频/视频元素。play()开始播放音频/视频。pause()暂停当前播放的音频/视频。

    还学到了利用var来定义函数,方法等,例:var ChessCanvas = document.getElementById("myCanvas");var gameCanvas = ChessCanvas.getContext("2d");等定义格式,利用多种不同的方法定义不同的格式,绘制棋盘的布局,gameCanvas.beginPath();gameCanvas.arc(x,y,chessSize,0,Math.PI*2,true);gameCanvas.fillStyle = color;gameCanvas.fill();gameCanvas.closePath();,利用鼠标监听的方法判断棋子的位置document.οnmοusedοwn= function(e){ window.onclick = function ()},再加上html5的基本结构,最主要的一个html5的一个标记是<!DOCTYPE html>。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值