Since the palyer's own nickname is now requested earlier (when first
joining the game).
This will hopefully be less confusing for players (who were sometimes
confused about which name was which).
<div id="message-area">
</div>
<div id="message-area">
</div>
- <div id="loading" class="show-state-none">
- <h1>The Game of Empires</h1>
+ <h1>The Game of Empires</h1>
+ <div id="loading" class="show-state-none">
<p>
Contacting server. Please wait...
</p>
<p>
Contacting server. Please wait...
</p>
<div id="pre-game" class="show-state-join">
<div id="pre-game" class="show-state-join">
- <h1>The Game of Empires</h1>
+ <h2>Choose your character</h2>
- To join the game, type your own name below. Also, choose the
- name of a character that you want to play as. This can be
- anyone (real or fictional) that everyone playing the game
- would be likely to know, (for example "Albert Einstein" or
- "Harry Potter").
+ This can be anyone (real or fictional), but should be
+ someone that all players of the game are familiar with.
- Note: After you have joined the game, another player can use
- this same device to join the game as well.
+ Hint: Choosing an ideal character name is the key to doing
+ well in Empires. You definitely don't want a character that
+ everyone will know that only you would have chosen.
</p>
<!-- The return false prevents the page from being reloaded -->
<form id="register-form" onsubmit="register(this); return false">
</p>
<!-- The return false prevents the page from being reloaded -->
<form id="register-form" onsubmit="register(this); return false">
- <div class="form-field medium left">
- <label for="name">Your name</label>
- <input type="text" id="name" required>
- </div>
-
- <div class="form-field medium right">
+ <div class="form-field large">
<label for="character">Character name</label>
<input type="text" id="character" autocomplete="off" required>
</div>
<div class="form-field large">
<button type="submit">
<label for="character">Character name</label>
<input type="text" id="character" autocomplete="off" required>
</div>
<div class="form-field large">
<button type="submit">
request.open("POST", "register");
request.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
var data = {
request.open("POST", "register");
request.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
var data = {
- "name": form.name.value,
"character": form.character.value
};
request.send(JSON.stringify(data));
"character": form.character.value
};
request.send(JSON.stringify(data));