Sentinel

Habbo WebGL Game Engine

Recommended Posts

This is strictly for educational purposes only

 

Since Flash is pretty much being deprecated in most browsers so is Habbo.

Since there's retro versions, most of Habbo's assets are available on the internet.

 

I've been using Pixi for now to create a 2D loading screen, which I did successfully.

Then it occurred to me that Pixi is mostly just a renderer, and doesn't support 3D the same way as Three or Babylon does.
Problem is that, I found coding of 2D UI elements in both Three and Babylon really difficult compared to Pixi.

In Habbo it's really minimal what is going to be 2.5D / 3D as only the rooms, avatars and furni are, the rest is basically 2D GUI.

 

So this is how I've done it for now

https://gist.github.com/marcus-sa/7993baa14e6301c762747142e55cb5cf

 

Some questions:

  • Is Habbo; 2D with projecting, 2.5D or 3D, and would it be enough to use Pixi only?
  • If no: Would it be possible to extend Pixi with Three or Babylon when there's going to be rendered 2.5D /3D objects?
  • If it's truly 2D with projecting, should I just use Phaser instead?
  • What would be best to do?

 

Share this post


Link to post
Share on other sites

What exactly do you need?

Then it occurred to me that Pixi is mostly just a renderer, and doesn't support 3D the same way as Three or Babylon does.

One of pixi 2.5d forks: https://gameofbombs.github.io/pixi-bin/index.html?s=flip&f=cards.js&title=Cards

Also GoodBoyDigital have 3d plugin for pixi, to bepublished after v5. "BBC worst witch game" (google, play if you are in GB) shows 3d in pixi. Also, http://www.doctorwho.tv/games/land-the-tardis/ , i dont know why does it not load for me :(

https://github.com/pixijs/pixi-projection - this thing has no 3d yet, only 2d projections. But it has required architecture, you can hack it and not wait for me to implement 3d there ;)

As for Babylon, it had something for 2d , please search the forums.

Share this post


Link to post
Share on other sites

 

Phaser does have A ready made isometric plugin, which is pretty similar to what habbo looks like and it includes physics (not sure if you need physics though). For the UI you can even consider using only DOM elements if it does not require too much animation. This game reminds me of the habbo UI in some way :http://www.dynetisgames.com/2017/03/18/phaser-quest/. You can also strip down features you don't need in A custom Phaser build. It could be done using Phaser, but if its the best way, i'm not sure......

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.