今天学习用html5做五指棋小游戏,感觉html5操作比C语言简便很多。html5的代码更让人容易理解,代码简单轻松地100多行的代码就能做出一个小游戏。生活中我们常常玩一些游戏App都可以用html5来制作。html5还有超级炫酷的3D效果,比一般的平面小游戏更加立体,更加生动。例如切水果,连连看,斗地主等等都可以用html5来制作。还可以自己独立学习,在菜鸟网上包含了html5的所有知识。接下来,我将把五指棋的半成品放在博客中,里面有注释。感兴趣的可以看看,自己做做优化。
<!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");
//获取画布