Found a total of 10000 related content
13 Best HTML5 Game Templates of 2025 With Source Code
Article Introduction：CodeCanyon's Top HTML5 Game Templates for 2024: Ready-to-Play Fun!
Save time and jumpstart your game development with CodeCanyon's pre-built HTML5 game templates. These templates offer polished designs and functional code, allowing you to focus on
2025-02-28
comment 0
430
Canvas vs SVG: Choosing the Right Tool for the Job
Article Introduction：HTML5 Canvas vs. SVG: Which one to choose?
HTML5 Canvas and SVG are both based on standard HTML5 technologies that can be used to create stunning graphics and visual effects. This article discusses a key question: Which technology is more suitable to choose in the project? In other words, in what cases are you more inclined to use HTML5 Canvas than SVG?
First, let's briefly introduce HTML5 Canvas and SVG.
Key Points
HTML5 Canvas and SVG are both HTML5 technologies used to create graphical and visual experiences. Canvas relies on resolution and is used to dynamically render graphics, game graphics, artworks, or other visual images. SV
2025-02-10
comment 0
464
Create an HTML5 Canvas Tile-Swapping Puzzle
Article Introduction：This tutorial demonstrates building a dynamic tile-swapping puzzle game using HTML5 canvas and JavaScript. The game supports any image and offers adjustable difficulty levels.
Here's a playable demo:
Key Features & Browser Compatibility:
This
2025-03-03
comment 0
1122
HTML5 Canvas Tutorial: An Introduction
Article Introduction：Key Takeaways
HTML5 Canvas is a powerful technology that allows developers to draw graphics and create animations directly within a browser using JavaScript. The canvas element is defined in HTML code using width and height attributes, and its rea
2025-02-22
comment 0
454
JS and HTMLGaming: From Angry Birds to ZX Spectrum
Article Introduction：Key Points
The HTML5/JavaScript gaming field is growing rapidly, and developers have increasingly rich APIs and tools available to them.
Mozilla visual programmer and tech evangelist Rob Hawkes highlighted the potential of HTML5 and JavaScript in browser games, noting the increasing complexity of these games.
Developers interested in learning HTML5/JavaScript game development should first be familiar with JavaScript and graphics APIs (such as the Canvas API and Audio API). Game engines like Crafty and Impact are also useful.
HTML5 and JavaScript drive retro gaming revival, future
2025-02-25
comment 0
985
Introduction to Stage.js
Article Introduction：Stage.js is a lightweight, open source JavaScript library for cross-platform 2D HTML5 game development. It uses a DOM-like model to manipulate the canvas and manages the rendering cycle of the application itself. This tutorial will introduce the core features of Stage.js to help you get started easily.
Key Points
Stage.js is a lightweight, open source JavaScript library for cross-platform 2D HTML5 game development, which uses DOM-like models to handle canvas and independently manage the rendering cycle of your application.
This library provides multiple features, including node positioning (determining how nodes are attached to their parent node), for interactive updates
2025-02-19
comment 0
1227
Draw on the HTML canvas without code
Article Introduction：I was recently creating a web game. Now, while creating graphics for this game (characters, map etc), I saw that under the HTML canvas API, drawing even a single line took 4 lines of code-
ctx.beginPath();
ctx.moveTo(100, 150);
ctx.lineTo(100, 200)
2024-10-29
comment 0
968
The Versatility of HTML: Applications and Use Cases
Article Introduction：HTML is not only the skeleton of web pages, but is more widely used in many fields: 1. In web page development, HTML defines the page structure and combines CSS and JavaScript to achieve rich interfaces. 2. In mobile application development, HTML5 supports offline storage and geolocation functions. 3. In emails and newsletters, HTML improves the format and multimedia effects of emails. 4. In game development, HTML5's Canvas API is used to create 2D and 3D games.
2025-04-30
comment 0
1018
Image Manipulation with HTML5 Canvas: A Sliding Puzzle
Article Introduction：Core points
The HTML5 canvas element allows native integration of multimedia content, including line drawings, image files, and animations, into web pages, and can be used to create sliding puzzle games.
The canvas drawing is performed through a context that is initialized by the JavaScript function getContext(). The drawImage() function in JavaScript is used to display images on canvas, and different parameter options allow resizing images and extracting image parts.
The game logic of the sliding puzzle involves creating a two-dimensional array to represent the board. Each element is an object with x and y coordinates that define its position in the puzzle grid. checkerboard
2025-03-01
comment 0
984
H5: Key Improvements in HTML5
Article Introduction：HTML5 brings five key improvements: 1. Semantic tags improve code clarity and SEO effects; 2. Multimedia support simplifies video and audio embedding; 3. Form enhancement simplifies verification; 4. Offline and local storage improves user experience; 5. Canvas and graphics functions enhance the visualization of web pages.
2025-04-28
comment 0
977
H5: The Evolution of Web Standards and Technologies
Article Introduction：Web standards and technologies have evolved from HTML4, CSS2 and simple JavaScript to date and have undergone significant developments. 1) HTML5 introduces APIs such as Canvas and WebStorage, which enhances the complexity and interactivity of web applications. 2) CSS3 adds animation and transition functions to make the page more effective. 3) JavaScript improves development efficiency and code readability through modern syntax of Node.js and ES6, such as arrow functions and classes. These changes have promoted the development of performance optimization and best practices of web applications.
2025-04-15
comment 0
1022
Dave The Diver: How To Catch Spider Crabs
Article Introduction：In Dave The Diver, there are some creatures that are not easy to catch. Or, catch alive that is. The spider crab is one of those very species, making it seem like the only way to bring these crustaceans back up to land is to viciously crack them up w
2025-01-10
comment 0
776
Prepare for Interview Like a Pro with Interview Questions CLI
Article Introduction：Prepare for Interview Like a Pro with Interview Questions CLI
What is the Interview Questions CLI?
The Interview Questions CLI is a command-line tool designed for JavaScript learners and developers who want to enhance their interview
2025-01-10
comment 0
1404
Soft Deletes in Databases: To Use or Not to Use?
Article Introduction：Soft Deletes: A Question of DesignThe topic of soft deletes, a mechanism that "flags" records as deleted instead of physically removing them, has...
2025-01-10
comment 0
1022
