Building a HTML5 game to promote TV viewership

8 min read

Building a HTML5 game to promote TV viewership

Justice League Action is the latest animated series released by Warner Bros. and DC Entertainment. It features Superman, Batman, Wonder Woman, and an awesome lineup of super heroes and villains from the DC Universe.

Highly anticipated before its debut on Cartoon Network, the show has been well-received by fans, adult and kids alike. Critics have lauded its slick action and enjoyable humor.

We have been fortunate enough to work with Warner Bros. DC Kids to create a branded game called Justice League Action: Orbital Chase. This HTML5 game belongs to the match-3 puzzle genre. It is currently one of the main featured games on the DC Kids website.

In the game, super villains are powering up a destruction beam to annihilate a city. Only the Justice League team has the ability to stop them.

Building a HTML5 game to promote TV viewership


The player takes the role of the 5 Justice League superheroes: Batman, Firestorm, Flash, Superman, and Wonder Woman. They have to eliminate a series of villains that includes The Joker, Lex Luthor, the Demons Three, and Darkseid.

This is done by using the Justice League heroes’ special attacks.To activate a hero for an attack, the player needs to connect at least 3 adjacent similar hexagonal tiles on the board. The longer the tile chain, the greater the firepower unleashed.

Building a HTML5 game to promote TV viewership

Speed is rewarded in this game. Players are given only a certain amount of time to kill as many villains as possible and beat their high scores.

Connecting 5 or more tiles adds 1 more second to your time. The game is over when the time runs out.

Building a HTML5 game to promote TV viewership


An inherent property of HTML5 games is that they are easily reskinned. Reskinning, also known as rebranding, involves replacing a game’s graphics, music, sound—the “sensory” elements—to transform it into a new one. This is achieved without making any significant changes to the core mechanics of the original game.

It’s not unlike customizing a car; the paint and accessories are changed, but the chassis and engine remain the same. The car doesn’t need to be built from scratch. It’s just modified according to the owner’s preferences.

The benefits of reskinning are two-fold: turnaround time is shortened and costs are minimized. A gorgeous game can be produced within a surprisingly short period, even on a limited budget.

In the case of Orbital Chase, we used the engine of Space Chasers, one of our ready to license games. Justice League artwork was then inserted into the code. With a bit of tweaking to get the look and feel just right, the rebranded game is ready to be launched.

Building a HTML5 game to promote TV viewership

Why HTML5?

In addition to being reskin-ready, HTML5 games are excellent for marketing and promotion for various reasons, notably the following:

1. Cross-compatible
HTML5 is the language that most modern browsers understand. It is the most widely compatible framework for creating web games. This means that whether the user is on an iPhone with Safari or a desktop PC with Firefox, they can access the HTML5 game automatically.

2. Highly portable
The game can be deployed onto any device that has a browser. It could be a smartphone, laptop, or digital signage; a single build of the game will work on all of them.

Sharing via social media is also made hassle-free by eliminating the requirement for app store downloads or plugin installations.

Client ROI

The kind of ROI (Return on Investment) that a client gets with a branded game depends on their project goals. For our present client, some of the benefits are:

  • Brand activation - Justice League Action is a relatively new show, and a branded game helps increase awareness.
  • __ Brand engagement__ - Consumers associate the TV show with an enjoyable interactive experience.
  • __ Increased viewership__ - Launching a game is a creative way to drive viewership.
  • __ Enhanced website analytics__ - Having a game on your website helps improve key performance indicators, such as time spent on page.


We helped Warner Bros. DC Kids launch a new branded game featuring characters from the latest DC animated series, Justice League Action. Players of the game eliminate villains using superhero attacks that are activated using a match-3 mechanic.

Creating the game involved reskinning one of our pre-existing games. The process entailed modifying the external elements (graphics, animation, etc.) while retaining the internal structure (core mechanics) of the game. It is a time-saving and cost-effective technique.

Major players in the entertainment industry are embracing HTML5 technology as a framework for creating beautifully engaging games. This is driven by the superiority of HTML5 over other platforms in terms of cross-compatibility and portability.

Contact us now to learn how your company can benefit from branded HTML5 games.

Television Warner Bros Match 3 Brands Kids Cartoons Puzzle

About our case studies

MarketJS Case Studies presents a unique opportunity to learn how HTML5 interactive applications can make a difference in organizations. Through our work with multiple companies, we've managed to document our journey and share it with the public. Whether you're casual reader interested in HTML5, or a serious client looking for HTML5 to add massive value to your organization, this is the perfect place to start.

About MarketJS

MarketJS offers a variety of products and services:

  1. We operate a B2B Marketplace for other companies and brands to license high quality games.
  2. We help companies reskin existing games from our portfolio.
  3. We operate game feed for clients.
  4. We partner with high traffic channels to engage and monetize their users.
  5. We design and develop custom games for brands.
  6. We develop game solutions for taxis, airlines, hospitals, schools and more.
  7. We build playable ads for app and gaming companies.

How to reach us

We can be reached at support at marketjs dot com.

What our clients say about us

"We found MarketJS very easy to work with, and were impressed with how quickly they delivered and responded to our questions."

Rebecca MacDonald, VP of Marketing, Active Navigation

"MarketJS was very easy to work with, and they were always responsive to our questions and requests"

Jeff Robertson, Vice President of Technology & Operations, Carbon8

"MarketJS consistently delivers quality games on time and on budget. They are a great partner."

Scott Sheppard, President and CTO, MoZeus

"We had a great experience working with MarketJS. They were able to move fast on a tight timeline project and deliver exactly what we required with record time and quality. Definitely will be working with them on future projects to help bring our client’s digital needs to life."

Lauren Boutette, Account Director, Lumency

"MarketJS went above and beyond to deliver our projects tailored to our needs. Very swift and quick response and turnaround time. Highly recommended."

Yazan Al Tamimi, Account Manager, Socialize Agency

"Thanks so much for the work your team did. MarketJS was able to work with us to create a custom solution that exceeded our expectations."

Mike Davis, Sales Manager, ComQi

"We are really satisfied with MarketJS. They are quick to help with any troubleshooting and implementation."

Liliya H., Content Specialist, Telecoming

"It was a great pleasure working with MarketJS, they really helped thinking along with our needs. The delivery of the content was always quick and every custom request we had was possible to develop."

Willem van Ditzhuijzen, Business Development, CreativeClicks

"We are extremely happy with the content and service which MarketJS has provided us."

Matt McPherson, Director / Strategic Accounts , Wildtangent

"MarketJS provided excellent support and responded well to ad-hoc requests."

Seah Li-Wei, Project Manager, Spoon Creative

"MarketJS collaborated with our team really well and delivered quality work."

Kevin MacDonald, CTO, TeachTown

"MarketJS has been outstanding; they were patient and very helpful in delivering quality service that matches our custom game requirements."

Marlon Santos, Researcher and Senior Software Engineer, University of Sydney

"We've worked with MarketJS on a number of games now and always find them to be easy and efficient to work with."

Ben Gilbert, Project Manager, Ichi Worldwide

"We are very pleased working with MarketJS, it was far above our expectations in terms of deliverables."

Didier Seevraz, Digital Media Specialist, Lottotech

"MarketJS was fast, responsive and very customer focused. It was a pleasure to work with them."

Bryan Wursten, Senior Digital Editor, Boy Scouts of America

Interested? Request a free consultation

Our team shall be in touch within 12 hours.

Note: Please use your corporate email address. We currently do not accept inquiries from email providers.

     In order for MarketJS to respond to my inquiry, I agree to the Terms of Service and Privacy Policy of this website.
     I would like to subscribe to the MarketJS newsletter, for the latest games, case studies and products
Why subscribe to our newsletter? Thousands of executives and key decision-makers rely on our monthly newsletter for game ideas to boost their business.

  • - One of our subscribers (and client) captured over 500k USD worth of business from one game idea alone.
  • - Another subscriber (later turned long-term client) generated an ROI of 300% on their monthly ad spend. They spend 8 figures US dollars each month on paid user acquisition, hence new game ideas matter to them.
  • - Another subscriber (and also loyal customer), a publicly listed company with over 30,000 employees is using our monthly game ideas to motivate and encourage positive behavior throughout their organization.