Via our strong network of partners, we had the opportunity to collaborate with OneAnimation, a renowned 3D animation studio, to produce a fun HTML5 game.
The concept of a claw crane has always fascinated us. There's something about operating a robotic crane at the arcade that stuck with us during childhood. The ability to pick up a toy by operating a joystick and pressing a few buttons, gave everyone intrinsic satisfaction. As a child, I remembered being able to cherry-pick the coolest toy, and take it home at the end of the day.
We've done a bunch of research on claw crane games, but none seemed to work on mobile and web. Something had to be done! We decided to embark on creating a HTML5 game with a claw crane concept.
Oddbods comes with a suite of cute, cuddly characters with unique behaviors. If there was a brand that would be successful with plush toys, this would be it. We thought it would be a fun idea, if the Oddbod himself is operating the toy crane, picking out fellow Oddbod plush toys. Meta in a way, but fun.
To start off, we had to keep the gameplay simple for a casual audience. We simulated a robotic crane moving left and right. The user had to tap on the screen, at the right moment to lower the arm of the crane. With precise timing, the user will be able to pick the toy they wanted, granting them additional points.
We then added different Oddbods in 3 seperate rows within the arcade machine. As a bonus, we added wildcard boxes in the game.
The goal of the game, is for the user to collect as many similar-looking Oddbod plush toys as possible, within 60 seconds. At the end, total points are calculated based on how many correct toys were picked up, together with the wildcard bonuses.
We also built a leaderboard system using our MarketJS API, to accomondate player high scores, giving the game a social element. We also integrated Facebook shares and "Like" boxes in strategic places within the game.
Here are some screenshots:
Figure 1: The selection page, displaying all 7 Oddbods for the player to choose as their toy crane operator.
Figure 2: The yellow Oddbod above is called Bubbles. He's operating the toy crane, and picking up a version of himself ( the plush toy). The user gets extra points for collecting the correct toy
Figure 3: The red Oddbod is Fuse. He's always angry at anything for no good reason, which makes it very cute.
As always, we employ the mantra of "build once, deploy everywhere". Our HTML5 games are also playable from within mobile apps, within the WebView element and regular native web browsers of iOS and Android devices. Here are a few screenshots:
Figure 4 - Bubbles the Oddbod attempting to zero in on a plush toy
The game was a success, allowing millions of users to access a branded game. Distribution channels include social media websites and partner portals. Our analytics showed average playtimes of over 10 minutes per session.
To inquire more about the game, view a demo, or request a quote for a similar project, please contact us.
|HTML5 Games For Loyalty Rewards: A Case Study with Livetribe||10-24-2017|
|HTML5 Card Game For Boost Mobile||10-20-2017|
|3D HTML5 Game for Oreo's Outdoor Promotional Event||09-06-2017|
|HTML5 Game for the Oreo Wonder Vault Ad Campaign||08-31-2017|
|HTML5 Game for a Toyota Car Dealership Event||07-25-2017|
|HTML5 Game Portal for Dice.com Career Website||07-05-2017|
|Me Me Match 3 Jam: Branded Minions Game for Movie Promotion||06-28-2017|
|Minions Banana Hop HTML5 Game for Chiquita and Despicable Me 3||06-21-2017|
|Minions Banana Frenzy Game With Chiquita and Universal||06-09-2017|
|Building a HTML5 game to promote TV viewership||04-25-2017|
|Beat Bozza: HTML5 Game for Lead Generation||04-18-2017|
|Teen Titans Go! Food Fight!||04-10-2017|
|Working with Ford||02-24-2017|
|A Puzzle Game for a Global Healthcare Company||02-14-2017|
|Branding a Match 3 game with Warner Bros Flintstones||02-14-2017|
|The Tom and Jerry Show Cheese Run||02-14-2017|
|A Holiday Game for Wall Street||12-19-2016|
|A HTML5 game for IT Managers||12-14-2016|
|Thunderbirds Are Go: Moon Base Defence||09-26-2016|
|Thunderbirds Are Go: A high-speed chase game||09-12-2016|
|Angry Birds Coloring Book||08-29-2016|
|Ice Age Collision Course: Planet Pool||08-04-2016|
|Lino Grad: A HTML5 game built for a multi billion dollar food company||07-02-2016|
|Betadine Germ Smash: A HTML5 game||06-06-2016|
|Digital signage games in trains||05-30-2016|
|Toyota NHRA: A digital signage game built with HTML5||05-30-2016|
|A HTML5 puzzle game for Mercedes-Benz||05-03-2016|
|Tissot RBS 6 Nations Rugby Game||02-18-2016|
|Scooby Doo Mahjong||02-18-2016|
|A Plinko Game for Kia Motors||01-04-2016|
|Helping a global supermarket chain launch HTML5 games||11-15-2015|
|Thunderbirds Are Go: A HTML5 endless runner game||11-15-2015|
|Disney: Phineas and Ferb Backyard Defense||07-11-2015|
|Disney: Randy Cunningham Saves Norrisville High||07-11-2015|
|American Honey: Escape the Office||03-04-2015|
|Doraemon Gadget Rush||03-01-2015|
|Budlight Beer Bottle Cap Game||02-26-2015|
|HTML5 and Kinect for Instant Win Games||01-12-2015|
|Sunny Boy Chimney Challenge: a christmas HTML5 game||12-07-2014|
|Pest Detective: an educational game built with HTML5||10-22-2014|
|Taiwanese Cultural Event: a game built with HTML5||10-11-2014|
|Green Monday: a shopping game built in HTML5||10-11-2014|
|AT&T Match 3 Memory Game built with HTML5 in 3 days||10-06-2014|
|Sort The Bugs: A Kids Educational Game||09-23-2014|
|Cupcake Vineyards: a wine app built with HTML5||06-10-2014|
|Citibank and Hilton Hotels Match3 Memory Game||06-10-2014|
|FIFA Coca-Cola® Chrome App: built with HTML5||05-07-2014|
|Tic Tac Mints: a marketing experience built with HTML5||04-15-2014|
|Click and Match: a HTML5 Valentine's day dating web-app||01-30-2014|
|Guess the Artist, a HTML5 quiz game with Electrolux||01-19-2014|