Character Description

Notice: This page is part of a series of guides and information regarding the Eternia game client. You can find the full list of them on the category page here.

This page will serve as an example of how to setup a character description HTML like you may have seen in-game. You can access in-game character descriptions by right-clicking another player. Clicking on the circle icon on the window that appears will open the 'playby' or long description.

An example of an image description

Basic Guide to Image Descriptions

First, you'll need character art. You can enter some basic attributes about your character into Google images' keyword-based search engine to get a few results we might like. For our example character, let's say that she wears a white kimono top and red robe bottoms. We'll google 'shrine maiden with red eyes' or 'anime girl white kimono red dress' and see if we find something we can work with. Remember, it doesn't have to match your character 1:1! This is just a representative artwork that you'll enjoy having as a way for others to visualize your character outside of pixel sprites.

In our keyword search we produced a number of results:

We'll select an image we want, then right click -> copy image address (This may be worded slightly differently depending on your browser)

From there, we have our art! Yay! Now enter it into the example portion of the below template:

<div style=width=100%;height:100%;background-image:url(DIRECT LINK TO YOUR .JPG or .PNG GOES HERE);background-repeat:no-repeat;></div>

So the final product should look something like this:

<div style=width=100%;height:100%;background-image:url(https://i.gyazo.com/726c503c1e17c3f3e3948c754e0414eb.jpg);background-repeat:no-repeat;></div>

Note: The 'width' and 'height' properties can be set to regular numbers, numbers with 'px' at the end to indicate exact pixels (though the result is largely the same), or a percentage of the window that contains them. Setting these properties to 100% ensures the image is at it's maximum viewable size no matter what resolution the user viewing it has, or if they have maximized the window or not.

The final step is to open the in-game options cogwheel menu at the bottom of your HUD and select 'change description'.

From there, a window will appear. This is the UI we'll paste our code we made above. Make sure to add a short description while you're there! Something like your height, and a basic mood your character might be in.

That's it! Now when viewing your character description, other players will see your desired art. You can get fancy with things like adding audio, editing the image using programs like Gimp, and more!