This repository contains a Visual Studio solution with the TypeScript, CSS, and image files for all of the UI widgets in Camelot Unchained. This is the entire front-end UI for the game, not a partial stripped-down version. This is what we're going to ship and we will take pull requests from the community seriously.
===
We're using TypeScript for a lot of our UI code. It's an extension of JavaScript that includes type annotations to catch common usage errors before they break in unexpected ways. You can read more about it at:
===
For convenience, there's a Visual Studio 2013 project that pulls together all the pieces. This can be opened and built in Visual Studio 2013 Express for Web, which is completely free. You can download it via the following links:
===
Running the game with your UI changes is still a little complicated. Right now the only way to do this is to replace the entire UI with your development version. A system to override only specific parts in a redistributable plugin is in the plans.
Open the UI.sln in Visual Studio, and do a Build to make sure all your TypeScript files are compiled into JavaScript.
Alternatively you can use Grunt to build the UI if you do not wish to use Visual Studio
To test things, try opening login.ts and make some simple change like altering the text in createServersModal() from "Choose your server" to "Pick your server" and then do a Build again.
Launch the Camelot Unchained patcher and get any version of the client installed and ready. This requires that you already be a backer with a tier that has access to the game.
Hold down the Alt key and click on the big green Play Now button. A box will pop up to enter parameters.
In the box, enter uifilepath= and then the full path to the directory where you have the UI.sln file. For example:
uifilepath=C:\Users\ameggs\p4\MMO\Client\UI\
NOTE: The trailing slash is REQUIRED. Spaces are NOT PERMITTED. The patcher will not remember your settings, so you'll have to DO THIS EVERY TIME. Sorry; we'll fix this soon.
Click OK, and the game will run with its UI loaded out of the path specified. You should now see any changes you made when you built the UI.
To debug the UI you can open http://localhost:8088 when the game is running. This will allow you to use Chrome DevTools for each of the UI components.
===
For discussion with your fellow intrepid modders and hackers, hang out in our backer forums at:
https://forums.camelotunchained.com/forum/63-ui-modding-hacking/
===
The code is licensed under the Mozilla Public License, version 2.0: