-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmiss_input.html
151 lines (136 loc) · 7.53 KB
/
miss_input.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="es-Es">
<head>
<title>Daniel Saura Martínez</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" type="image/png" href="images/favicon.png" sizes="32x32">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.png" alt="Logo" /></span><span class="title">Daniel Saura Martínez</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menú</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<ul>
<li><a href="index.html">Proyectos</a></li>
<li><a href="about_me.html">Sobre mí</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<article>
<h1>Miss Input</h1>
<figure class="image main">
<img src="images/Miss_Input/Miss_Input.png" alt="Portada de Miss Input" />
<figcaption class="datetime">
<h4><em>Presentado en <time datetime="2019-11"> Noviembre del 2019</time></em></h4>
</figcaption>
</figure>
<section>
<p>
Miss Input es un videojuego retro de plataformas en 2D desarrollado por <a href="https://twitter.com/GamesChupi"><b>Chupigames</b></a>, un equipo formado por Enrique Vidal Cayuela y Daniel Saura Martínez(yo), para la videoconsola Amstrad CPC 464.
</p>
<p>
<span class="image left"><img src="images/Miss_Input/Miss_Input_Award1.jfif" alt=""></span>
Además, fue el <strong>ganador de la CPCRetroDev 2019</strong>, un concurso de creación de videojuegos organizado por la UA, y se le otorgó la mención de Carlos Abril al <b>juego más entretenido</b>.
<br>
Cabe destacar que el juego está programado en <em>lenguaje ensamblador</em>, y se creó en un plazo aproximado de 2 meses.
</p>
</section>
<section>
<p>
El proyecto comenzó por la fase de diseño, en la que se documentó un GDD(<i lang="en">Game Design Document</i>) con todos elementos que debería contener el juego.
<br>
A partir de este documento se elaboraron y planificaron las diferentes tareas que definirían un camino para obtener el juego especificado en el GDD.
<br>
Entonces el proyecto entró en su fase de implementación, durante la que se usó la metodología <b><i lang="en">extreme programming</i></b>, con técnicas como <b><i lang="en">pair programming</i></b> para optimizar la calidad de tareas; especialmente las críticas.
Además, en esta etapa se utilizaron multitud de herramientas y librerías, entre las que destacan <em>VSCode, Gimp, Tiled, Arkos Tracker y Cpcetelera</em>.
</p>
<p style="overflow: hidden;">
<span class="image right"><img src="images/Miss_Input/Capture2.png" alt=""></span>
A fin de paralelizar el desarrollo y así aumentar la productividad, categorizamos las tareas según su tipo; lo que nos llevó decidir que cargos desempeñaría cada miembro dentro del proyecto y que tareas se le asignarían a cada uno. De esta forma, yo asumí principalmente los roles de <strong>programador de mecánicas e IA, y diseñador de sonido</strong>; y mi compañero se ocupó de programar las físicas, diseñar los gráficos y crear los niveles.
<br>
Finalmente, una vez completadas la mayoría de las tareas y con un mínimo producto viable, los últimos esfuerzos se centraron en pulir el juego y realizar toda la documentación necesaria para presentarlo al concurso satisfactoriamente.
</p>
</section>
<section>
<div class="col-12">
<iframe class="video main"
src="https://www.youtube.com/embed/DQc-EH8-eR4"
title="Trailer of Miss Input in YouTube"
></iframe>
</div>
<p>Para más información sobre el juego y su periodo de desarrollo, la descarga del juego junto con su manual y <i lang="en">making off</i> está disponible en la página oficial de la <a href="http://cpcretrodev.byterealms.com/2019/11/resultados-y-juegos-cpcretrodev-2019/">CPCRetroDev 2019</a>, o también se puede descargar su versión más actualizada desde <a href="https://github.com/danieemil/Chupiflux/tree/master/Miss_Input">GitHub.</a></p>
<p>Fue una experiencia muy positiva que me ayudó a mejorar como <b> desarrollador de videojuegos y programador</b>, y a trabajar mejor en equipo. De hecho, también nos impulsó a ambos miembros del equipo a crear la secuela <a href="miss_input_2.html"> <b>Miss Input 2</b></a>, que se presentó en la CPCRetroDev 2020.</p>
</section>
</article>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Contacto</h2>
<form action="https://formsubmit.co/484a86ec06e69aa5ba1edcc08e4b2968" method="POST">
<div class="fields">
<div class="field half">
<input type="text" name="Nombre" id="name" placeholder="Nombre" required/>
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" required/>
</div>
<div class="field">
<textarea name="Mensaje" id="message" placeholder="Mensaje" required></textarea>
</div>
</div>
<input type="hidden" name="_next" value="http://127.0.0.1:5500/contacted.html"> <!-- Page to confirm that the data is correctly introduced -->
<input type="hidden" name="_subject" value="Contacto a través del porfolio"> <!-- Title of the mail -->
<ul class="actions">
<li><button type="submit" class="primary">Enviar</button></li>
</ul>
</form>
</section>
<section>
<h2>Sígueme</h2>
<ul class="icons">
<li><a target="_blank" href="https://github.com/danieemil" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a target="_blank" href="https://es.linkedin.com/in/daniel-saura-mart%C3%ADnez-87b76221b?challengeId=AQFCMhIMfEZeJgAAAYGqKWEr3iUdsCooWX-D2n_YNHhyI5TSbRbpgpiW1-DMUBZj9eJh7T-qShi4-VSuuWwMThTPNNL-inwhIg&submissionId=ca4146d5-b5c6-fc16-e644-684ac6a9764f&challengeSource=AgGHEuy29crnHQAAAYGqKZaWtyptgIRo8QFIBSuefLR6Ea2LkZqhFtb7r1JlS2o&challegeType=AgG5h3OkVjJZqQAAAYGqKZaZKoiCtGrTVjJzqnhqnwarZEbGZUFCChs&memberId=AgH4ZzxSx07LewAAAYGqKZadeAV8Dq-30bWsIf4upqrVQ9o" class="icon brands style2 fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© 2022 - Daniel Saura Martínez. Todos los derechos reservados</li><li>Diseño: <a target="_blank" href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>