I had already made a binary save and load system before so I was experienced with what exactly had to be done.

BINARY SAVING AND LOADING
• I made the project save and load from a local list which includes a key and data for each saved item
• Saving adds each item to a string and separates them with a specific character then downloads the file as binary
• Loading opens a pop-up file browser for the user to select the save file, then the code reads that file in binary, converts it back to normal string value, then slices it using the specific split character, reads each item's key and data, then loads the values

IMPORT AND EXPORT SAVE FILES
• Loading was the easy part since it only downloads the file in browser
• However, saving a file was a bit challenging at first but I managed to achieve it

WEBGL SUPPORT
• Saving and Loading normally to a file is no big deal, but when the target platform is WebGL the code had to be changed drastically
• I coded a jslib file to download the save file in browser

DEMO
• To showcase the system I made a simple scene which had 2 strings as requested by the client
• It had two buttons for saving and loading, and each string had an input field
• When saving the code retrieved the values of each input field and save it
• When loading, the input fields values were replaced with the newly loaded data

Riyadh Sustainability

Complex

Future City

Top Down Shooter