-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (54 loc) · 2.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="Imagenes/New%20Piskel-1.png%20(4).png" type="image/png" />
<link rel="stylesheet" href="./style.css">
<title >Derailed Trade</title>
<script src="./demoPhaser/phaser.min.js"></script>
</head>
<body class="body">
<div align="center" class="title" >
<img align="left"src="https://media0.giphy.com/media/8F3bK4aq1tCo0TLkf7/giphy.gif" alt="train" width="22.5%"
height="24%" title="train">
<img align="right"src="https://media0.giphy.com/media/8F3bK4aq1tCo0TLkf7/giphy.gif" alt="train" width="22.5%"
height="23%" title="train" >
<ul >
<h1 class="headtext">Derailed Trade
<img align="left"src="./Imagenes/goatlogo.gif" alt="logo" width="15%"
height="15%" title="train">
<img align="right"src="./Imagenes/goatlogo.gif" alt="logo" width="15%"
height="15%" title="train" > </h1>
<h2 class="headtext">Nimeton Studios</h2>
<p class="headtext">
<a href="#controles">controles</a>
</p>
<p class="headtext">
<a href="https://github.com/EvSanz/Proyecto-PVLI">GitHub</a>
</p>
<p class="headtext">
<a href="https://www.pivotaltracker.com/n/projects/2531647">Pivotal Tracker</a>
</p>
<p align ="center" class="headtext">
<a href="https://twitter.com/NimetonStudios?t=g5mx3V4WPiuiLjGqiGzjZg&s=09">Cuenta Twitter</a>
<img align="left"src="./Imagenes/tlogo.png" alt="logo" width="8%"
height="8%" title="twitterlogo">
<img align="right"src="./Imagenes/tlogo.png" alt="logo" width="8%"
height="8%" title="twitterlogo" >
</p>
</ul>
</div>
</div>
<div class="game" id="gameholder">
<script src="./demoPhaser/game.js" type="module"></script>
</div>
<div align="center" id="gameholder2">
<h1 align="center" id="controles" style="border-bottom: 4px solid #000000; position: relative; ">CONTROLES</h1>
<h3> <b>Movimiento:</b> Puedes utilizar tanto las teclas <b>A</b> y <b>D</b> como los cursores del teclado para moverte por el tren! </h3>
<h3> <b>Diario:</b> En cualquier momento del juego podras pulsar la tecla <b>Q</b> para mostrar el diario </h3>
<h3> <b>Interacciones:</b> Al aproximarte a una puerta o NPC puedes clickear sobre ella o usar la tecla E para interactuar</h3>
<h3> <b>Diálogos:</b> Los dialogos se pasan al clickear sobre ellos</h3>
<h1 align="center" style="border-bottom: 4px solid #000000; position: relative; "></h1>
</div>
</body>
</html>