基于html5的五子棋游戏

来源：互联网发布：c语言求最短路径编辑：程序博客网时间：2024/06/05 18:38

基于所学的利用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.onmousedown= function(e){ window.onclick = function ()}，再加上html5的基本结构，最主要的一个html5的一个标记是<!DOCTYPE html>。

阅读全文

1 0