Social Square
A virtual multiplayer workspace for people with remote jobs (and also normal students) to collaborate for work (or study) and meetings. Dedicated map built from tilemaps with 4 directional player movements. Web sockets are used for multiplayer sync and webrtc for video and voice calling (using livekit cloud). Next.js + typescript for website development. Tiled map editor to create the tilemap (the map is an actual tilemap, not a png).
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Refined ui more, added responsiveness, also refined websockets, webrtc features. Improved bg gradient and the general color theme of the site.
Refined ui more, made it responsive, added an about us section, made sure to make it match the bg. learned animation library framer motion on the go (like every other tech. i learned). most of the time went in learning, fixing animation and the responsiveness of the website. made a temporary design of the rest of the page as well.
Refined Ui and added many new ui elements along with animations, navbar, signup and login buttons.
Added signup and login components on the site with glassmorphism effect to blend with the bg, made it responsive and many other additional ui changes.
Added video and audio call functionalities using a custom livekit server. Refined ui and player movements with some additional changes.
Created a custom tilemap and integrated it in the code. Added collision layers on objects and players. Added player movement with phaser.js library.
Added Hero section with type writer effect, an abstract dark background,a responsive navbar and integrated multiple ui libraries
