当前位置：首页 > 下载站 > js特效 > html5特效 > html5的迷宫网页游戏代码

html5的迷宫网页游戏代码

分类: js特效 / html5特效	发布时间: 2018-01-24	访问量: 2341
下载量: 95

点击下载预览效果

更多>

最新下载

jQuery点击热图效果

一款基于jQuery实现的点击热图效果，点击按钮整个网页变灰。适用浏览器：IE8+、FireFox、Chrome、Safari、Opera。

0 2026-02-22

jquery淡出淡入广告图片切换代码

jquery淡出淡入广告图片切换代码是一款带缩略图的jquery幻灯片代码。

0 2026-02-22

快快游戏网jQ左右轮播焦点图

快快游戏网jQ左右轮播焦点图是一款带文字描述，带文字按钮，支持自动轮播切换的jQuery焦点图代码。

0 2026-02-22

标题有打字效果jQuery焦点图

标题有打字效果jQuery焦点图是一款横向图片焦点图滚动效果，兼容主流浏览器。

0 2026-02-22

React图片百叶窗切换特效

React图片百叶窗切换特效是一款基于React制作的全屏的旅游城市景点图片滑动百叶窗轮播切换效果。

0 2026-02-22

html5背景图片自适应代码

html5背景图片自适应代码是一款背景不随滚动条滚动，会根据分辨率不同自动匹配对应的背景图片。

0 2026-02-22

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

17666 2025-08-28
CSS3 教程

1550837 2025-08-27
Rust 教程

24695 2025-08-27
Vue 教程

26726 2025-08-22
PostgreSQL 教程

23159 2025-08-21
Git 教程

10032 2025-08-21

html5的迷宫网页游戏代码

// 425 (X), 3 (Y) RECTANGLE
// 542 (center X), 122 (center Y) CIRCLE
var canvas = document.getElementById("mazecanvas");
var context = canvas.getContext("2d");
var currRectX = 425;
var currRectY = 3;
var mazeWidth = 556;
var mazeHeight = 556;
var intervalVar;

function drawMazeAndRectangle(rectX, rectY) {
makeWhite(0, 0, canvas.width, canvas.height);
var mazeImg = new Image();
mazeImg.onload = function() {
context.drawImage(mazeImg, 0, 0);
drawRectangle(rectX, rectY, "#0000FF");
context.beginPath();
//终点标志
context.arc(15, 115, 7, 0, 2 * Math.PI, false);
context.closePath();
context.fillStyle = '#00FF00';
context.fill();
};
mazeImg.src = "img/maze2.gif";
}