Maybe you have seen lots of Flash Avatar Chats before. I need to create something based on Jquery and HTML5, maybe node.js or something that will make it more dynamic.
My site uses a "Avatar Dressing" type of system, so your current avatar is the one interacting here.
- Messages need to be shown in balloons above the avatar.
- Basic Chat functions like Public Talking, Private Talking.
- I need a collision detection system, so that for example if the character walks into a Wall, the wall will block its path.
- Avatar must be controlled with mouse and the avatar needs to walk to the point where the mouse clicked.
- Backgrounds must be 2D, and i want to incorporate a parallax effect on the backgrounds.
Maybe you can imagine the chat system if you go to:
[login to view URL]
[login to view URL]
The avatars have to simulate a walking effect, just like gaiaonline, because of the difficulty of having lots of sprites per avatar.
You can picture the backgrounds or UI system if you look at the following images:
[login to view URL]
[login to view URL]
[login to view URL]