夏日炎炎,迎来了我们暑期实训。老师教我们做关于HTML5的五子棋游戏。我的内心是痛苦的,第一天温度高达37度。不过还是学到了一些东西。下面就是今天的收获。非完整代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>五子棋游戏</title>
</head>
<body>
<canvas id="myCanvas" width="570" height="570"
style="border: 2px solid #abcabc"></canvas>
<!--
作者:offline
时间:2017-07-03
描述:使用js代码控制游戏逻辑
-->
<script type="text/javascript">
//获取canvas的标签
var ChessCanvas = document.getElementById("myCanvas");
//获取画布
var gameCanvas = ChessCanvas.getContext("2d");
//定义棋盘大小
var map = 25;
//棋