• 2010/09/03 tested on iPad :) . Actually I’m quite happily surprised by the result.

The other day, I was wondering if I could create a simple point and click game engine only with javascript… I ended up spending a couple of hours building a simple prototype, with characters I made for Yokata.

Test it here: Chara move test 0.0.1 (only character movements and simple speech bubble)
The music of the demo is not by me. It has been made by the wonderful Ultrasyd.

It’s pretty rough for now, but I think the idea is there. No use or canvas or any other fancy HTML5 feature, just good old divs and Jquery for the animations.

It has been developped with Firefox 3.6.2 on a Mac. There is a positioning bug in Safari/Webkit and Chrome, I’m working on it… (or if you have any idea, don’t hesitate to mail me). This is fixed. I have no plan of supporting IE for now.

This is a work in progress, and should be updated frequently (well, depending on my time of course).
For now, the only features are :

• Click and go — limited to a square area around the character.
  To do : make this round Done.
• Background scrolling
• Collisions with NPC, generating different type of events (simple alert, dialogue, etc.)
• Random “jewels” generation for each level (not featured in demo)
• Login/logout (not featured in demo)
• Life, money, stats. (not featured in demo)

To do :

• Fix Safari/Chrome start positioning bug Fixed
• Collisions with jewels
• Add 1st plan with z scrolling.
• Save position of character, background, level
• Make level building dynamic
• Add ability to change character
• Add sounds (ideally, without Flash)

Updates:

• 2010/06/11: Added cookie saving player position, background position, and profile (left or right).

I called this “Donut”, because of the character’s face.

Comments and critics welcome !

Yokata.jp is a free webservice for Japanese mobile phones.
It allows its users to provide a simple feedback about any live performance (music, theater, etc.), in real-time, with the use of QR-codes.

They needed a bunch of characters to represent the diversity of their users, that they could use in their communication, mostly print and video.

Update:

• 2010/06/11
  I used these characters in a game experiment I am working on.