借助HTML5 Canvas API制作一个简单的猜字游戏

作者：卡马克字体：[增加减小] 来源：互联网时间：2017-08-06

本文主要包含HTML5,Canvas,游戏等相关知识,卡马克希望在学习及工作中可以帮助到您

二话不说，先上效果图以及源代码~
2016325105351695.png (535×346)

HTML代码

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="chp1_guess_the_letter.js"></script>
<script type="text/javascript" src="modernizr.custom.99886.js"></script>
</head>
<body>
<canvas id="canvas_guess_the_letter" width="500" height="300">
你的浏览器不支持HTML5 Canvas
</canvas>
<form>
<input type="button" id="createImageData" value="Export Canvas Image" />;
</form>
</body>
</html>

JS代码

/**
* @author Rafael
*/
window.addEventListener("load", eventWindowLoaded, false);
var Debugger = function() {
};
Debugger.log = function(message) {
try {
console.log(message);
} catch(exception) {
return;
}
}
function eventWindowLoaded() {
canvasApp();
}
function canvasSupport() {
return Modernizr.canvas;
}
function canvasApp() {
var guesses = 0;

您可能想查找下面的文章:

相关文章

2018-12-03HTML5游戏开发-Box2dWeb应用(一)-创建各种各样的刚体
2018-12-03HTML5 Canvas实战之刮奖效果的实例详情
2018-12-03HTML5中的hgroup是干啥的？HTML5中的hgroup标签的具体用法在这，点进来看看吧
2018-12-03图片之间的缝隙解决方法
2018-12-03html5配合css3实现带提示文字的输入框(摆脱js)_html5教程技巧
2017-08-06基于HTML5 audio元素播放声音jQuery小插件
2017-08-06【HTML5】Canvas绘制简单图片教程
2017-08-06HTML5在canvas中绘制复杂形状附效果截图
2018-12-03HTML5实现获取地理位置信息并定位功能_html5教程技巧
2017-08-06使用HTML5 Canvas API绘制弧线的教程

文章分类

最近更新的内容