protohab
protohab is a project which tries to accomplish the same end-product what Habbo has, but it's flashless! It's frontend (client) does not require/have flash; only HTML5, JS and CSS. The backend and frontend communicate via WebSockets and the backend is written in Node.js, but it can be easily adapted to other languages too! Frontend is based on Ediootti's Illumina design, but this theme can be easily changed since it's written in HTML and CSS.
Technologies and features in frontend:
- SASS/SCSS for easier CSS
- Vanilla JavaScript
- may use JS libraries in the future for better DOM reactibility
- ES6 in future (converted to ES5 with Babel)
- HTML5's canvas used for room rendering
- Workaround for retina screens and other screens with DPI not 1 (better quality)
- WebSocket communication with backend
- Own floor map maker/generator
- Grunt for minimizing, optimizing, copying and compiling HTML, SCSS and JS.
Technologies and features in backend:
- ES6
- Node.js
- package ws for WebSockets
- Basic message handling
Screenshots of frontend:
(badges and friends are fetched with WebSockets; static data)
Todo-list:
- Floormap making – 100%
- Canvas rendering – 100%
- Tilecursor – 100%
- WebSocket message handler – 100%
- Game logic – 0.1%
- Popups – 0%
- Catalog – 0%
- Furni – 0%
- Chat – 0%
- Multiplayer – 0%
- Backend task queues – 0%
- Backend database – 0%
GitHub:
-
You must be registered to see links
-
You must be registered to see links
-
You must be registered to see links
Attachments
You must be registered for see attachments list