HTML5 Game Development
   
  • HOME
  • News
  • Tutorials
  • Engines
  • Demos
  • Tools
  • Partners
  • Mobile HTML Game
  • Guess The Celebrity
  • About us

Together Alone Pokki Contest Entry

Jan from QwokGames sent over their Pokki Contest Entry (and current #8 entrant in the standings – help em out by downloading and playing!) along with some notes on using the Pokki API.

He describes Together Alone as:

“A puzzle game with a gentle difficulty curve and a cute little story. In most other puzzle games you control one character, but in Together Alone you can actually switch between two characters, each with their own abilities. They have to work together to solve each puzzle.”

From a HTML5 Technology standpoint:

In terms of HTML5 technology, the game uses our custom framework DareJS. This is still heavily in development, but a preview is available from our site, see below. For tooltips and such we use Canvas Text and a custom font defined in the CSS. For sound, we’ve covered all bases: we use SoundManager 2 for HTML5 or Flash audio, and some custom code of our own for the Web Audio API in Chrome and Pokki. Using Web Audio allows us to filter the music through a high-pass or low-pass filter depending on which character is active. This provides for subtle changes in the soundscape while playing the game.

About Using Pokki:

“integrating an existing HTML5 webapp is pretty easy. It’s basically just adding handlers for a handful of events such as popup_shown, popup_hidden, context_menu, etc. Correctly restoring the app after unload can be a bit more work, though. You see, Pokki automatically unloads inactive apps after 20 minutes or so, and recommends using localStorage to make sure the app can later be restored to the state it was in when it was unloaded. Depending on how complex your app is, saving and restoring the full state might be a bit of a chore. If you’re designing a new app for Pokki, taking this into account from the start will be helpful.”

Download and play at Pokki.com

Share List

You might also find this interesting:


  1. BLASTR:ARENA: WebGL Pokki 1UP contest entry Two students from Sydney, Nikhil Suresh and Jayden Tilbrook have developed a very impressive non-violent TV game show-styled shooter with WebGL & HTML5 Canvas for Pokki’s 1UP contest. Here’s Nikhil’s...

  2. Pokki 1UP HTML5 Game Dev Contest Wrap-up Pokki’s inaugural HTML5 Game Dev Contest ended on March 6th and drew a lot of attention from Indie game developers, with over 60 games submitted in 60 days. 4 Horseman...

  3. Pokki $50k HTML5 Game Development Conference Pokki, a platform for building Desktop App with HTML5 recently announced a contest with $50k in prizes, where the winner gets $30k and a trip to GDC in 2012. Submissions...

  4. HTML5 Web Audio API tutorial Kyle Nau has posted an excellent 30 minute video tutorial on HTML5 Web Audio with a razor focus on using Web Audio for simply loading and playing sounds in games...

  5. Audia: A HTML5 Library for Chrome's Web Audio API Lost Decade Games has released a HTML5 Library called Audia (Writeup, Github Project, Demo) to simplify the usage of Chrome’s Web Audio API. The Web Audio API is a low-level...

HTML5 Demos

License HTML5 Games

Are you a company looking to license HTML5 games? We recommend MarketJS.com, a B2B platform for licensing games.

MarketJS has over 300 HTML5 games for licensing. They also provide additional services such as game reskin, custom development, and white label portals.

Html5 Game Development


Follow @GameDevHTML5



WHAT’S NEW

  • HTML5 Games in Guest Room Tablets

  • What’s New in Phaser 3.50

  • Particle and Sprite Editors in Babylon.js 4.2

  • Healthcare Industry HTML5 Games

  • Games for Events Example



NEW DEMOS

  • Vertical Endless Runner Prototype

  • Particle and Sprite Editors in Babylon.js 4.2

  • Song Maker in Google Experiment

  • Phaser 3 Experiment for Drawing Cards

  • HTML5 Game for a Recycling Campaign


ENGINES

  • Phaser 3 Game Object Pools Tutorial

    Memory allocation inside update loops often causes framerate problems in real-time gaming. One of the best solutions to this is to use Object Pools in Phaser 3. An Object Pool …Read more

  • Games During The COVID-19 Pandemic

    There so many effective ways to engage your audience with HTML5 games. Here is an example of how to run a game campaign to keep users motivated during difficult times. …Read more

  • Building Simulated 3D HTML5 Games With Phaser

    Phaser is commonly used as a 2D game engine for creating HTML5 desktop and mobile games. However, with the help of three.js and Phaser 3D library, you could render your …Read more

SEARCH OUR ARCHIVES

CONNECT

rss twitter

HTML5 Game Development is proudly run by 3P Solutions Inc

GOT NEWS?

Send new engines, demos, information and tips to hello@html5gamedevelopment.com

MONTHLY MEETUP

In boston? Join us for the Monthly HTML5 Game Development meetup.

BOOKS

We're in the process of writing a few books about game development. Coming soon!

Copyright HTML5gamedevelopment.com