swingpants Posted July 22, 2013 Share Posted July 22, 2013 Landing Page. Screen Shot - Level: "This town ain't big enough" Scooby Doo Funfair Freak-out is a platform puzzler for desktop, tablet and moblle. Scooby and the gang have chanced upon an abandoned funfair (yes, another one). In the hypnotist tent Scooby, Shaggy, Velma, Fred and Daphne are all hypnotised. It is your job to try and steer the characters through the funfair safely by using the only control you have. Stop. Falling barrels, big wheels, boxing gloves, cactii, switches, collapsing platforms and then the baddies: the zombie, the werewolf and the ghost. The game has been built from the ground up. To work on lower spec devices I developed a physics system based on line to line intersections. The rendering is entirely in DOM. DOM you say? A large part of the audience use IE7 & 8 - after benchmarking multiple render methods we found that DOM could deliver what we wanted across all of the target devices. Web Audio API was implemented via Howler JS - but to deliver multi channel audio on desktop we fall back to Soundmanager2 (inc the Flash option). Sound sprites were used when nothing else would suffice. There are 3 zones - Funfair, Rollercoaster and Ghost Train - with 10 levels in each. The baddie must be caught in the last level for each zone. Collectables were placed differently for each character requiring different solutions. This gives us 150 levels!!! With all of this, the game weight was kept to less than 5mb. PNG8 is your friend. Link: http://www.bbc.co.uk/cbbc/games/scooby-doo-game Hosted on the CBBC website: http://www.bbc.co.uk/cbbc/games/ Further HTML5 goodies for younger kids on the CBeebies site: http://www.bbc.co.uk/cbeebies/games/ [Many coded by patrons of this forum ] Enjoy, Jon@swingpants austin 1 Quote Link to comment Share on other sites More sharing options...
austin Posted July 22, 2013 Share Posted July 22, 2013 Very cool! One small nit-pick is some folks have Windows 8 hybrids that both have touch and a keyboard/trackpad. A lot of games do this, but it looks like it detects if touch is available and *only* uses touch events if it is (mouse events don't work). Sometimes I just want to play with the trackpad Quote Link to comment Share on other sites More sharing options...
swingpants Posted July 22, 2013 Author Share Posted July 22, 2013 Yes - been moving my thoughts to the hybrids and what gaming might look like to best utilise the features. For accessibility reasons I have made the whole game playable from menu to action via the space bar - which kind of helps. When working on multiple platforms there are always compromises - or should I call them creative constraints.? I am looking forward to the dual input experiences - some new opportunities there. Quote Link to comment Share on other sites More sharing options...
rich Posted July 22, 2013 Share Posted July 22, 2013 So cool to finally see this out A great example of what's possible with the DOM. Quote Link to comment Share on other sites More sharing options...
Ryguy Posted July 23, 2013 Share Posted July 23, 2013 This was wonderful. Maybe it's just because I have a soft spot for Scooby-Doo, but it really was enjoyable. Bravo for doing it and doing it well. So often games made after the intellectual property of others are hollow shells of the original idea, but this looks like you really got the spirit behind the characters. Thanks for such an enjoyable play. Quote Link to comment Share on other sites More sharing options...
HTML5console Posted July 23, 2013 Share Posted July 23, 2013 Good stuff!. Great use of the brand... Quote Link to comment Share on other sites More sharing options...
James Cat Posted July 23, 2013 Share Posted July 23, 2013 really liked this game. its a bit heartbreaking to see Velma get crushed by a falling barrel :-) it runs well on my nexus 4 with Firefox 22. Quote Link to comment Share on other sites More sharing options...
Travis Posted July 24, 2013 Share Posted July 24, 2013 Wow, this game really brought me back to when I was a kid playing flash games on the Cartoon Network site. Such nostalgia! Good job. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.