Sorted by:  

How to Use the JavaScript Prototype Property

It’s hard to figure out precisely how to use the prototype property, like many other properties provided by a JavaScript class. The documentation tells you what task the property performs, but examples [more…]

How to Create Cascading Style Sheets (CSS) Simply and Easily

There truly is no right or wrong way to create Cascading Style Sheets (CSS) for your JavaScript applications, but using an organized approach can make the task go more quickly and produce better results [more…]

How to Create Friendlier Pages Using Tooltips

Well-designed tooltips can provide instant user aid so that you spend less time supporting the application and more time creating new code. These users prefer detailed tooltips that define precisely how [more…]

Ten Really Cool Sites You Can Emulate

Creativity in site design is often a matter of seeing a well-executed concept on another site, emulating it, and then modifying it to meet your specific needs. If every developer had to reinvent the concepts [more…]

How to Create a Lunar Lander in Your HTML5 Game

This is one of the oldest game types. The basic idea is to replicate landing on a planet for your HTML5 game without an atmosphere. The Apollo astronauts had a limited amount of fuel to slow a rapidly [more…]

How to Create a Mail Pilot in Your HTML5 Game

This is a type of a scrolling racer game you can use in your HTML5. This type of game has long been a staple of the video game universe because there can be so many interesting variations. [more…]

How to Create the Marble-Rolling Game in Your HTML5 Game

This type of HTML5 game is designed specifically for mobile devices with an accelerometer (although it works on a desktop). The idea is to tip the device to move a ball into the blue goal without hitting [more…]

How to Create Whack-a-Mole in Your HTML5 Game

The whack-a-mole genre re-creates a classic physical arcade game in your HTML5 game. In the original game, you have a series of holes and a big hammer. As a mole pops out of a hole, the user smacks it [more…]

How to Jump and Run on Platforms in Your HTML5 Game

The platform "jump and run" genre has long been a staple arcade genre for good reason. It provides a nice interactive experience for your HTML5 game and is relatively easy to modify for many different [more…]

How to Create Pong in Your HTML5 Game

No HTML5 game development discussion would be complete without a mention of the famous Pong game. While this wasn't technically the first video game, it was the first to attract popular attention, and [more…]

How to Create RPGs in Your HTML5 Game

The role-playing game (RPG) is one of the most enduring forms of gameplay. While role-playing games can work in many different ways for your HTML5 game, the general setup follows a familiar pattern. The [more…]

How to Create Tanks in Your HTML5 Game

This type of game gives you some sort of launch mechanism for your HTML5 game with semi-realistic physics, and has you launch projectiles (avians with anger issues or otherwise) at some sort of target. [more…]

How to Create Tic-Tac-Toe in Your HTML5 Game

This game seems like a pretty simple addition to your HTML5 game, but it can be surprisingly difficult to implement well. There are three main aspects to tic-tac-toe that you will need: the visual and [more…]

How to Create Tiles in Your HTML5 Game

A tile-based world is a technique used in HTML5 games to provide interesting flexible backgrounds without huge memory costs. The basic idea is to take a number of small images and use them in combination [more…]

How to Create the Basic for Loop in Your HTML5 Game

Your HTML5 game will undoubtedly need a for loop at some point. The standard for loop counts the values between 1 and 10. The Count to Ten button triggers the [more…]

How to Make a Basic While Loop in Your HTML5 Game

for loops are useful when you know how often a loop will continue in your HTML5 game, but sometimes you need more flexibility. The while loop is based on a simple idea. It contains a condition. When the [more…]

How to Manage Bugs with a Debugger in Your HTML5 Game

When you're writing loops and conditions, things can go pretty badly in your HTML game code and a debugger may be necessary. Sometimes it's very hard to tell what exactly is going on. Fortunately, modern [more…]

How to Send Data To and From Functions in Your HTML5 Game

Functions make your HTML5 game code safe because variables created inside a function are destroyed when the function dies. Sometimes, though, you want data to move from one function to another. One solution [more…]

How to Use Arrays to Simplify Data in Your HTML5 Game

HTML5 games are about data; often that means a lot of data. An array is the most basic tool programmers have for managing large amounts of data. JavaScript supports a simple yet very powerful and flexible [more…]

How to Create Random Numbers in Your HTML5 Game

Random numbers are a key part of HTML5 game programming. Often you want some kind of random behavior. This is used to mimic the complexity and unpredictability of the universe. Most languages have a random [more…]

How to Build the Number Guesser in Your HTML5 Game

With random numbers, you can make interesting HTML5 games. Take a look at a simple game that uses HTML, CSS, and JavaScript together. This game has a number of interesting features: [more…]

How to Write the CSS for the Number Guesser in Your HTML5 Game

The HTML provides the foundation for the number guesser in your HTML5 game, but it needs some CSS code to make it have the look you're aiming for. The CSS isn't just for beauty's sake, but it also adds [more…]

How to Respond to a Button in Your HTML5 Game

As in most HTML games, the real action happens when the user clicks a button. This form has two buttons, but one of them is hidden most of the time. For now, concentrate on the code that happens when the [more…]

How to Build Animation with simpleGame.js Your HTML5 Game

It's possible to build a library that simplifies all of the various HTML5 game engine features. Consider using the library: simpleGame.js. This library is easy to use and is fully capable of sophisticated [more…]

How to Create User Interaction in Your HTML5 Game

The biggest difference between an HTML5 game and an animation is user interaction. If you want to make it a game, you need the user to get involved. And here’s how to do that. [more…]


Sign Up for RSS Feeds

Computers & Software