Spill the Milk is the second HTML5 game we built for the Oreo Wonder Vault ad campaign, which is raising the bar in interactive advertising. Similar to the Oreo Wonder Vault Maze game, this was used for Oreo’s outdoor promotional events in the US.
We all know about the popular way of eating Oreo cookies–twist, lick, and dunk. The last part of course refers to dipping, or dunking, the cookie into a glass of milk.
Every generation of Oreo lovers since the cookies were first baked in 1912 is familiar with this practice. But the tagline “Milk’s favorite cookie” came out only in 2004.
People have probably been consuming Oreos with milk for a long time. And that now-famous ad slogan has made the partnership between the beverage and the world’s best selling cookie brand official.
In this game we created for Oreo’s Wonder Vault campaign, we featured elements that are traditionally associated with fresh milk: a milk jug and milk bottles.
The game is a 3D physics-based action game. It is inspired by the bottle toppling games that are popular in carnivals and fairs.
Three milk bottles are stacked atop an old metal milk jug. The player has to topple them all down by throwing baseballs at them. A ball is launched by holding it and flicking it towards the target. Each round is limited to only 3 balls.
The player wins if they successfully knock down all the bottles with 3 balls or less.
Below is a video showing a quick game round:
The popularity of 3D HTML5 games has been skyrocketing, thanks to increasingly great quality graphics made possible by WebGL. WebGL is the web standard for rendering (i.e. displaying) 3D content in browsers.
Games built within the HTML5 framework, even those rendered in 3D, can be played on any device with a web browser. This is why they are perfect for outdoor marketing events. A single build of the game can be rapidly deployed across different devices and operating systems.
Oreo’s Wonder Vault ad campaign is proving to be a tour de force in marketing and advertising. The company has employed exceptionally engaging and immersive media, both physical and digital, that take interactivity to a higher level.
We feel proud to have played a part in this “wonderfilled” project. We’re staunch believers that games are powerful marketing instruments that give audiences enjoyable interactive experiences they will remember.
If you’d also like to give your customers positively engaging experiences with games, let us know and we’ll do our best to help you.
|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|