When trying to access the website the first time, the user is redirected to log in. If they are a first time user, they can create a unique username for their purposes. This data is either placed into the database, in terms of creating an account, or cross referenced with preexisting entities.
Currently, the user is already connected with a preexisting one. I am currently creating the functionality to add users onto a friends list, and then connect friends with each other. On the main page, a user has the option to change their status to reflect what they're currently up to.
If a user wants to change their avatar, they'd naturally gravitate to the customize page and be presented with the options to change the avatar animal, what direction they're looking or to directly input which animal they'd like to see in the form. There is a JavaScript function on this PHP page that changes the value of the form to reflect which avatar is currently selected. This not only provides a good user experience, but if a user chooses to input through the form that change is also reflected on the avatar.
How the avatar switcher works is by storing the image extension within an array. As a user clicks the buttons, it alters the value of a variable. Since arrays index at zero, there needs to be conditional statements to keep the integer in-between zero and three. This current one cycles the integer in a way that resembles an item carousel.
