reldens
Version:
Reldens - MMORPG Platform
247 lines (246 loc) • 15.4 kB
HTML
<html lang="es">
<head>
<title>Reldens | MMORPG Platform | By DwDeveloper</title>
<meta name="description" content="Reldens, plataforma open source para crear MMORPG games"/>
<meta property="og:title" content="Reldens | MMORPG Platform"/>
<meta property="og:description" content="Reldens, plataforma open source para crear MMORPG games"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://demo.reldens.com/"/>
<meta property="og:site_name" content="Reldens"/>
<meta property="og:locale" content="es_ES"/>
<meta property="og:image" content="https://cdn.dwdeveloper.com/assets/web/reldens-check.png"/>
<meta property="og:image:width" content="460"/>
<meta property="og:image:height" content="394"/>
<meta property="og:image:alt" content="Reldens MMORPG Platform Logo"/>
<meta property="og:image:type" content="image/png"/>
<meta name="twitter:card" content="summary_large_image"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Play:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"/>
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png"/>
<link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#000000"/>
<link rel="manifest" href="./site.webmanifest"/>
<meta name="apple-mobile-web-app-title" content="Reldens"/>
<meta name="application-name" content="Reldens"/>
<meta name="msapplication-TileColor" content="#37517e"/>
<meta name="theme-color" content="#37517e"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<script type="text/javascript" id="reldens-initial-config" src="./config.js"></script>
<script type="module" src="./index.js"></script>
<link rel="stylesheet" type="text/css" href="./css/styles.scss"/>
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="header-content">
<img id="your-logo" src="./assets/web/reldens-your-logo-mage.png" alt="reldens"/>
<h1 class="title">
- <strong>reldens</strong> <span id="current-version">demo -</span>
<br/>- tu logo aqui -
</h1>
</div>
</div>
<div class="content">
<div class="row row-disclaimer">
<div class="disclaimer">
Descargo: Reldens no es solo un juego, es una plataforma para crear juegos.
<br/>Esta es una demostración para mostrar cuántas funciones están disponibles en la plataforma.
</div>
</div>
<div class="forms-container">
<div class="col-2 col-left">
<div class="row wooden-box">
<form name="login-form" id="login-form" class="login-form" action="#" method="post">
<h3 class="form-title">Login</h3>
<div class="input-box login-username">
<input type="text" name="username" id="username" class="required" required autocomplete="on" placeholder="Nombre de Usuario"/>
</div>
<div class="input-box login-password">
<input type="password" name="password" id="password" class="required" required autocomplete="off" placeholder="Password"/>
</div>
<div class="input-box submit-container login-submit">
<input type="submit" value="Entrar"/>
<div class="loading-container hidden">
<img src="./assets/web/loading.gif" alt="Cargando..."/>
</div>
</div>
<div class="input-box response-error"></div>
</form>
</div>
<div class="row wooden-box">
<form name="guest-form" id="guest-form" class="guest-form" action="#" method="post">
<h3 class="form-title">Jugar como invitado</h3>
<!-- enable the config general/users/allowGuestUserName and uncomment the following to allow guest usernames:
<div class="input-box guest-username">
<input type="text" name="guest-username" id="guest-username" class="required" required placeholder="Nombre de usuario"/>
</div>
-->
<div class="input-box submit-container guest-submit">
<input type="submit" value="Jugar"/>
</div>
<div class="loading-container hidden">
<img src="./assets/web/loading.gif" alt="Cargando..."/>
</div>
<div class="input-box response-error"></div>
</form>
</div>
<div class="row wooden-box forgot-password-container hidden">
<form name="forgot-form" id="forgot-form" class="forgot-form" action="#" method="post">
<h3 class="form-title">Olvidé mi contraseña</h3>
<div class="input-box forgot-email">
<input type="email" name="forgot-email" id="forgot-email" class="required email" required autocomplete="off" placeholder="Email"/>
</div>
<div class="input-box submit-container forgot-submit">
<input type="submit" value="Solicitar"/>
<div class="loading-container hidden">
<img src="./assets/web/loading.gif" alt="Cargando..."/>
</div>
</div>
<div class="input-box response-error"></div>
</form>
</div>
</div>
<div class="col-2 col-right">
<div class="row wooden-box firebase-row-container hidden">
<form name="firebase-login" id="firebase-login" class="firebase-login" action="#" method="post">
<h3 class="form-title">Firebase Registration</h3>
<div class="input-box firebase-username">
<input type="text" name="firebase-username" id="firebase-username" class="required" required placeholder="Usuario"/>
</div>
<div class="input-box response-error"></div>
</form>
<div class="firebase-container">
<div id="firebase-auth-container" class="firebase-auth-container"></div>
</div>
</div>
<div class="row wooden-box">
<form name="register-form" id="register-form" class="register-form" action="#" method="post">
<h3 class="form-title">Crear Cuenta</h3>
<div class="input-box reg-email">
<input type="email" name="reg-email" id="reg-email" class="required email" required placeholder="Email"/>
</div>
<div class="input-box reg-username">
<input type="text" name="reg-username" id="reg-username" class="required" required placeholder="Nombre de Usuario"/>
</div>
<div class="input-box reg-password">
<input type="password" name="reg-password" id="reg-password" class="required" required autocomplete="off" placeholder="Contraseña"/>
</div>
<div class="input-box reg-re-password">
<input type="password" name="reg-re-password" id="reg-re-password" class="required" required autocomplete="off" placeholder="Reescribe contraseña"/>
</div>
<div class="input-box hidden terms-and-conditions-link-container">
<p class="terms-and-conditions-link">Acepta nuestros Términos y Condiciones (haz clic aquí).</p>
</div>
<div class="input-box submit-container reg-submit">
<input type="submit" value="Registrarse"/>
<div class="loading-container hidden">
<img src="./assets/web/loading.gif" alt="Cargando..."/>
</div>
</div>
<div class="input-box response-error"></div>
</form>
</div>
</div>
</div>
<div id="terms-and-conditions" class="hidden wooden-box">
<div class="terms-and-conditions-text">
<h3 class="terms-heading">Términos y Condiciones</h3>
<div class="terms-body"></div>
</div>
<div class="terms-box">
<input type="checkbox" id="accept-terms-and-conditions">
<label class="accept-terms-and-conditions-label" for="accept-terms-and-conditions">
Acepto estos Términos y Condiciones
</label>
<div class="input-box">
<button class="terms-and-conditions-accept-close">Close</button>
</div>
</div>
<img id="terms-and-conditions-close" class="box-close terms-and-conditions-accept-close" src="./assets/game-ui/corner-x.png" alt="close"/>
</div>
<div id="instructions" class="hidden">
<div class="instructions-content">
<h3>Instructions</h3>
<ul>
<li>Muávete con las flechas o usando W-A-S-D.</li>
<li>Utiliza el clic izquierdo para seguir un camino, pero por ahora, para cambiar a otra escena, debes atravesar el punto de cambio (como el puente en la parte superior o las puertas de las casas).</li>
<li>Utiliza clic derecho o TAB para apuntar a enemigos o jugadores cercanos.</li>
<li>Debes tener un objetivo para ejecutar una habilidad/acción.</li>
<li>Utiliza los botones de la pantalla para activar las diferentes habilidades/acciones del jugador.</li>
</ul>
<img id="instructions-close" class="box-close" src="./assets/game-ui/corner-x.png" alt="close"/>
</div>
</div>
<div id="game-over" class="hidden">
<div class="game-over-content">
<h3>
¡Moriste!<br/><br/>
Sólo espera...<br/><br/>
¡Seras revivido automaticamente para esta demostracion!
</h3>
</div>
</div>
<div id="player-selection" class="hidden">
<div class="selection-forms-container">
<form
name="player-selector-form"
id="player-selector-form"
class="player-selector-form wooden-box hidden"
action="#"
method="post">
<h3 class="form-title">
<label for="player-select-element">Seleccionar Personaje</label>
</h3>
<div class="input-box player-select-box">
<select
class="input-box select-element"
id="player-select-element"
name="player-select-element">
</select>
</div>
<div class="player-selection-additional-info"></div>
<div class="input-box submit-container player-select-submit">
<input type="submit" value="Iniciar"/>
<div class="loading-container hidden">
<img src="./assets/web/loading.gif" alt="Cargando..."/>
</div>
</div>
<div class="player-selection-form-errors"></div>
</form>
<form name="player-create-form"
id="player-create-form"
class="player-create-form wooden-box hidden"
action="#"
method="post">
<h3 class="form-title">Create Player</h3>
<div class="input-box player-create-name">
<input type="text" name="new-player-name" id="new-player-name" class="required" required placeholder="Nombre"/>
</div>
<div class="player-creation-additional-info"></div>
<div class="input-box submit-container player-create-submit">
<input type="submit" value="Crear y comenzar"/>
<div class="loading-container hidden">
<img src="./assets/web/loading.gif" alt="Cargando..."/>
</div>
</div>
<div class="input-box response-error"></div>
</form>
</div>
</div>
<div class="game-container hidden">
<!--
@NOTE: if you change the "reldens" ID also make sure to update the RELDENS_CLIENT_PARENT and the
RELDENS_CLIENT_SCALE_PARENT variables in the .env file.
-->
<div id="reldens"></div>
</div>
</div>
<div class="footer">
<div class="copyright">
<a href="https://www.dwdeveloper.com/" alt="DwDeveloper" target="_blank">by DwDeveloper</a>
</div>
</div>
</div>
</body>
</html>