current location: Home > Download > JS effects > html5 special effects > HTML5 maze web game code
HTML5 maze web game code
Classify: JS effects / html5 special effects | Release time: 2018-01-24 | visits: 2130 |
Download: 94 |
Latest Downloads
Fantasy Aquarium
Girls Frontline
Wings of Stars
Little Flower Fairy Fairy Paradise
Restaurant Cute Story
Shanhe Travel Exploration
Love and Producer
The most powerful brain 3
Odd Dust: Damila
Young Journey to the West 2
24 HoursReading Leaderboard
- 1 How to Resolve \"ValueError: Unknown Locale: UTF-8\" Error in Pelican-Quickstart?
- 2 React Toolset for Efficient Code Management
- 3 Callbacks
- 4 Functional Programming in TypeScript
- 5 How to Resolve the \"ValueError: Unknown Locale: UTF-8\" Error in Pelican 3.3?
- 6 Build Your Own nodemon in Few Lines of Code
- 7 How to Resolve \"ValueError: unknown locale: UTF-8\" Error in Pelican-Quickstart Command?
- 8 How to Fix the \"Unexpected Token Colon JSON\" Error in jQuery.ajax#get?
- 9 How to Resolve \"Unexpected Token Colon JSON after jQuery.ajax#get\" Error?
- 10 How to Resolve \"Unexpected Token Colon\" Error in JSONP Requests Using jQuery.ajax#get?
- 11 Why Does curl_exec() Sometimes Return False?
- 12 How to Resolve the \"Unexpected Token :\" Error When Using jQuery.ajax to Fetch JSON from Node.js?
- 13 How to Resolve the \"Unexpected Token Colon JSON after jQuery.ajax#get\" Error?
- 14 5 Best ICOs to Invest In For High Returns
- 15 How to Accurately Count Properties of a stdClass Object in PHP?
Latest Tutorials
-
- Go language practical GraphQL
- 1850 2024-04-19
-
- 550W fan master learns JavaScript from scratch step by step
- 3270 2024-04-18
-
- Getting Started with MySQL (Teacher mosh)
- 1714 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--Ten days of quality class
- 2522 2024-03-29
// 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();
//End mark
context.arc(15, 115, 7, 0, 2 * Math.PI, false);
context.closePath();
context.fillStyle = '#00FF00';
context.fill();
};
mazeImg.src = "img/maze2.gif";
}
A small web game code for getting out of the maze based on html5 canvas, download the html5 maze game, and play the maze game online.