PixelBuilder [HTML5, Pixi.js]

[Redsn0w]

PixelClient [HTML5, JavaScript]

Hello,

Not much to tell about this, but this is going to be a Habbo Client in HTML5 Canvas.

There is no guarantee that this will be a success, but atleast, I'm going to try it!

Features at the moment:
- Navigator
- Catalog
- UI Components:
- Container (Scrollable)
- Button
- BorderPanel
- Box
- Label (With UBB)
- TabControl
- More but I forgot it..
- Generating heightmaps
- Walking with animation
- Part of furniture

To-do list:
- Furniture
- Multiplayer (The last thing I'll do)

Live demo:

You must be registered to see links

Videos:



Screenshots:

Redsn0w.

 

[Papercup]

Nice! I remember doing something similar! Good luck with this project!

 

[Ddos Attack]

So is it being started over, or developed upon the previous version?

 

[Redsn0w]

So is it being started over, or developed upon the previous version?

This is a new version, the previous version was really bad.

Which style is the best, light or dark, or both with a 'theme switcher'?
Light:

You must be registered to see links

Dark:

You must be registered to see links

 

[Blacksheep25]

Light

 

[Nyma]

Seems nice, good luck ;-)

 

[Joopie]

Could you post a screenshot of the light and dark theme for the phone users?

 

[Ddos Attack]

dark theme

 

[Finley7]

I like the 'light' theme the most.

 

[NoOne96]

Dark theme with light themes icons :laugh:

 

[Galago]

Light!

 

[Receiver]

This is a new version, the previous version was really bad.

Which style is the best, light or dark, or both with a 'theme switcher'?
Light:

You must be registered to see links

Dark:

You must be registered to see links

Both with a theme switcher.

 

[Redsn0w]

I started again todat so there are not much updates, but I stopped using Pixi.js because I don't like it.

Today I made some walking, but it's not 100% smooth, I'll ask a friend tomorrow if he's able to help me out, if that's fixed I'll make the furniture working..

 

[Caustik]

You could look into three.js for rendering & bullet for physics

 

[Redsn0w]

You could look into three.js for rendering & bullet for physics

At the moment I'm just using JavaScript without any framework, it's not much harder.

 

[Redsn0w]

Updates:
Someone helped me really much with the walking part because it needs to be the same with all FPS

Video of walking:

 

[Hoshiko]

Updates:
Someone helped me really much with the walking part because it needs to be the same with all FPS

Awesome. Is it rendering the movement animations itself or are you using images from habbo-imaging?

I really hope you'll finish this project, it's really promising and it could open a new era of Retro's. One were you can play Retro's on iOS/Android devices!

 

[Redsn0w]

Awesome. Is it rendering the movement animations itself or are you using images from habbo-imaging?

I really hope you'll finish this project, it's really promising and it could open a new era of Retro's. One were you can play Retro's on iOS/Android devices!

There was an awesome avatarimage script released on RaGEZONE like a year ago, with the walking frames, effects etc.
I just made a simple PHP script that makes an sprite of the walking animations:

You must be registered to see links

It's also really easy to create a camera with canvas .

 

[Hoshiko]

There was an awesome avatarimage script released on RaGEZONE like a year ago, with the walking frames, effects etc.
I just made a simple PHP script that makes an sprite of the walking animations:

You must be registered to see links

It's also really easy to create a camera with canvas .

Not the best method, but it works! Is the whole client being rendered in a canvas by the way?

I would really like to take a look at the code if you don't mind, really interested in the project also, could you send me a pm with your skype/mail/irc/whatever?

 

[Redsn0w]

Live preview almost all updates are on that page:

You must be registered to see links

And after all we are going to make everything in in canvas, because this is better for tablet and mobile users.