Website powered by

Skyrim Together UI

This is an entirely functional in-game UI that has been made for the Skyrim Together mod, it shows various informations about members of your group, allows you to invite your friends and chat with them in the server, connect to a server via IP and a public server list, and also read detailed informations about the mod's network activity.
The main goal, art-wise, was to respect the game's original UI, and to keep it as vanilla as possible, while adding new Interface features that had never been implemented in Skyrim in the first place.
Since we couldn't just add to the original Skyrim UI, we had to inject a CEF (Chrome Embedded Framework) browser into the DirectX rendering system of Skyrim, adding another layer on top of the game, that works like a partially-transparent webpage. This led to a couple challenges regarding responsiveness, since people play with all sorts of resolutions and aspect ratios.

This shows the functional Group and Network components of the UI. (top left)

This shows the functional Group and Network components of the UI. (top left)

This is what the Connect button and Chat look like.

This is what the Connect button and Chat look like.

Here is the server list shown with all of the online public servers.

Here is the server list shown with all of the online public servers.

This is to showcase how the mod's UI blends in with the original game's Interface.

This is to showcase how the mod's UI blends in with the original game's Interface.

I used a local server to watch all of the changes on a browser page, which was used to work efficiently and have instant-feedback over what I was programming and creating.

I used a local server to watch all of the changes on a browser page, which was used to work efficiently and have instant-feedback over what I was programming and creating.

This is what my workplace looked like for this project, I believe having an appealing workplace for yourself is very important in order to keep your motivation and mood up!

This is what my workplace looked like for this project, I believe having an appealing workplace for yourself is very important in order to keep your motivation and mood up!