MarketJS
  • MarketJS
  •   Contact  
  •   Case Studies  
  •   Blog  

Split Screen Chromecast HTML5 Games

Jul 21, 2017
7 minute read

Alt text

Chromecast is a digital media streaming device that connects mobile devices to a TV. It allows you to view your phone’s apps through your TV’s large display.

As such, it initially became popular as a way to project TV show and movie apps like Netflix and Hulu. Pretty soon, many other types of Cast-supported apps have been developed. And of course these included games.

And since a Cast receiver app (more on this later) is typically written in HTML5, we jumped right into the action and built a game prototype. We wrote about this experience in a previous blog post.

That first game we developed was a one-player soccer game. We have since then also created a demo for a two-player, split-screen type platform game.

But before we go into the details of that, let’s first clarify a few things about the technical aspects of the Google Cast framework.

Sender and Receiver Apps

If devices were people, then you can think of your TV and mobile device as two individuals speaking different languages, while Chromecast is the interpreter.

That is not entirely accurate though. The exchange of messages actually happens between two apps–the sender and the receiver.

The sender app is installed in a sender device like mobile phones or tablets and can be written for the Android, iOS, or Chrome platforms. On the other hand, the receiver app is written in HTML5 and works in a browser environment within Chromecast.

These two apps are the primary components of the Google Cast framework, a proprietary protocol developed by Google. There are other devices that are also Google Cast-enabled. These include certain smart TVs, TV boxes, and speakers.

Alt text

Chromecast Game Development

The development of our split-screen game prototype for Chromecast involved two teams that worked together closely. One team was in charge of the sender app, while the other focused on the receiver app.

We registered the receiver app with Google Developers, which is a requirement if anyone wants to test any custom apps they built. You receive an application ID upon registration, which the sender app will use to launch the receiver app and send messages back and forth between them.

Split-Screen Game Demo

We decided on a simple side-scrolling runner to showcase the split-screen multiplayer capabilities of the Cast framework. The gameplay involves players tapping on the mobile screen to make a ball jump over obstacles and collect items as it moves from left to right.

The game’s sender app is installed in two different Android phones which are both connected to the same Chromecast device attached to the TV. Both players have to turn on their Cast connections and enter their names to start playing.

This is just a straightforward demo of what can be achieved in Chromecast game development. Games with stunning graphics and more complex mechanics can of course be built with the available technology.

A video showing the split screen prototype in action:


And another one, from a different angle with longer gameplay:

Chromecast Games for Marketing

The potential uses of Chromecast games are virtually limitless. One area where they can prove to be highly effective would be for marketing products and services.

This is especially true for companies that engage in outdoor marketing events, such as trade shows, exhibitions, and conventions.

Among the various benefits in using Chromecast games during an event, these two stand out:
1. Consumer engagement - Games are intrinsically fun and appealing. People are bound to remember the company or brand that engages them in an enjoyable interactive activity.
2. Lead generation - You can develop games where players need to enter their details to be able to play. This is a good way to generate leads from participants.

Alt text

Final Thoughts

Building a game for use with Chromecast was a good challenge for our team. It involved the development of 2 separate yet related apps, namely the sender and the receiver. We learned a lot of lessons that we can apply in our future projects.

We believe the projects we have in mind will be of great interest for companies looking for interactive activities with which to engage their audience. Games played on a big screen are especially attractive to potential customers in exhibitions and other events.

We are truly excited about the possibilities of using HTML5 games and Chromecast to engage target audiences. Let us know your goals and we will do our very best to help you achieve them.

Marketing  HTML5  Multiplayer  Games  Chromecast 

About the blog

MarketJS is a company that leverages HTML5 to provide cross-platform solutions to clients. We have been serving clients since 2012.

Here's a summary of what we do:

  1. We operate a B2B marketplace for other companies and brands to license high quality games.
  2. We help companies reskin or rebrand existing games from our portfolio.
  3. We launch white label game portals for clients.
  4. We design and develop bespoke games for brands, which include advergames, lead generation games, newsgames, and social impact games
  5. We develop game solutions for taxis, airlines, hospitals, schools and more.
  6. We build playable ads for app and gaming companies

This blog is dedicated to HTML5, game development, product design, startups, and life in general.

If you're a large organization interested in using HTML5, we highly recommend reading our case studies.

How to reach us

Subscribe

Contact

Follow

Recent blog posts

5 Design Tips For Real Money HTML5 Games
4 Common Missed Opportunities in Reskinning Games for Brands and Agencies
Split Screen Chromecast HTML5 Games
Funny Faces: Spatial Memory Game for Kids
HTML5 Game for Cognitive Training
Classic Game of Tic Tac Toe with New Fun Features
4 in a Row: Two-Player HTML5 Game with a Chat System
Smart Soccer: Physics-based Game with a Smart AI
New 3D Game: Jumpee Land
Escape from Aztec: New and Exciting Endless Runner Game
Social Blackjack: Card Game with Friends
Wasteland Warriors: a real time multiplayer game
We built a Google Chromecast game
Rising Cost Per Install In The App Economy
New HTML5 Game: Monsters and Cake
New HTML5 Game: Street Fight
New HTML5 Game: Taxi Pickup
Merchandising done right
Superbowl Ad Recap : Clash of Clans
The Old Game Flow Design
New HTML5 Game: Guess The Celebrity
New HTML5 Game: Leave Me Alone
HTML5 Endless Runner: History and Design Thinking
New HTML5 Game: Snowball Office Fight
Thinking HTML5 with castle walls and moats
Thoughts on Supercell videos
New HTML5 Game: Hidden Objects Pirate Adventures
Would a brand spend $20,000 to acquire 10,000 users?
New HTML5 Game: Banana Jungle
New HTML5 Game: Snowball Fight
New HTML5 Game: Totem Volcano
New HTML5 Game: Shark Attack
Good old times with OpenRA
New HTML5 game: Pop Star Dentist 2
Indie Reality Check: Guidelines
New HTML5 game: Slots Beach
HTML5 Game Development Workshop
How we can all learn from Jay-Z
Product launch: Triumphs and Tribulations
3 AM days and ways to avoid them
When the errors keep coming, what do you do?
What a great producer does
Mini-Detachment Experiment 1: Stop reading tech news
New game: Monster Mash
Gmail is winning on mobile
Timely donation
Why software matters
Serendipity as a game mechanic
A blast from the past: Buenos Aires
Upcoming event worth attending
New game: Sector 49
Make meaning
New game: Vampire Dress Up
New game: Kitten Bounce
New game: Ships and Monsters
iOS7 Mobile Safari: Big Branding Opportunity
New game: Mouse and Cheese
New game: Whats My Brand?
New game: Royal Princess Dress Up
New game: Feed the Grandma
New game: Pop Star Dentist
Mobile first mentality
How to focus
On raising money
98 percent of everything is crap
Common Fallacy #1
Offline advertising done right
Blogging from the phone
Re-write
Avoid gatekeepers, and focus
Refresher - Mobile HTML5 browsers
A dataset that I enjoy
On the Paul Graham accent debacle

All tags (39)

Acquisition  Advertising  Artists  Artwork  Blackberry  Card  Casino  Causes  Christmas  Chromecast  Cost Per Install  Design  Entrepreneurship  Firefox  Focus  Games  HTML5  Hidden Object  Insane  Licensing  Life  Marketing  Merchandise  Multiplayer  NSFW  Opera  Pirates  Project Management  Real World  Self-Development  Server  Soccer  Strategy  Supermarket  Tizen  Travel  Venture Capital  Workshop  iOS7 
Company
  • About us
  • Jobs
  • Contact us
  • Terms of Service
  • Privacy
  • Blog
  • Case Studies
  • 12 Ways To Work With MarketJS
  • Testimonials
  • Free HTML5 Games
  • Press
  • Podcast
Services
  • Game Reskin Services
  • Marketing Games
  • Microsite Games
  • HTML5 Playable Ads
  • Messenger HTML5 Games
  • Custom Development
  • Lead Generation Games
  • Game Leaderboard System
  • Game Login System
  • Contactless Digital Signage Games
  • Digital Signage Games
  • Private Label Games
  • Telco & mobile operators
  • Airlines and IFE providers
  • Bespoke Games
  • Google Play Instant App
  • Game Feed API
  • Trade Show Games
  • Carnival Games
  • Exhibition Games
  • Corporate Event Games
Categories
  • Web Games
  • Mobile Games
  • Browser Games
  • Retro HTML5 Games
  • Classic HTML5 Games
  • HTML5 Mobile Games
  • Kids Games
  • Educational Games
  • Multiplayer Games
  • Puzzle Games
  • Branded Games
  • Mini HTML5 Games
  • Browser Games For Sale
  • Offline HTML5 Games
New solutions
  • Skill Based Games
  • NFT Game Development
  • Skill Based Game Development
  • Real Money Games
  • Skill Based Games Vendor
  • Skill Based Games Supplier
Other solutions
  • Android Games
  • iOS Games
  • iPhone Games
  • Android APK
  • iPad HTML5 Games
  • iPhone HTML5 Games
  • Android HTML5 Games
  • HTML5 Games
  • Mobile HTML Game
  • H5 Games
  • OEM Games
White Label Solutions
  • White Label Games
  • HTML5 Game Library
  • HTML5 Games Portal
  • Mobile Games Portal
  • Subscription Games Portal
  • SMS Games Portal
  • Games For Online Events, Virtual Conferences, Exhibitions and Webinars
More white label games
  • Spin The Wheel
  • Crack The Egg
  • Roll The Dice
  • Trivia
  • Board Games
  • Slots
  • Endless Runner
  • Grab and Win (Claw Machine)
  • Select a Picture and Win
  • Memory Match and Win
  • Scratch and Win
  • Gamification With Coupon Codes, Vouchers and QR Codes
Mobile Analytics
All content on this website, excluding any 3rd party logos is copyright MarketJS.com, 2011 - 2022