-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmiss_input_2.html
153 lines (139 loc) · 8.46 KB
/
miss_input_2.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
152
153
<!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 2</h1>
<figure class="image main">
<img src="images/Miss_Input_2/Miss_Input_2.png" alt="Portada de Miss Input 2" />
<figcaption class="datetime">
<h4><em>Presentado en <time datetime="2020-11"> Noviembre del 2020</time></em></h4>
</figcaption>
</figure>
<section>
<p>
<a href=""><b>Miss Input 2</b></a> es un videojuego retro de plataformas en 2D con multijugador local desarrollado para la consola Amstrad CPC 464 por el equipo <a href="https://twitter.com/GamesChupi"><b>Chupigames</b></a> y presentado al concurso <a href="http://cpcretrodev.byterealms.com/contest/cpcretrodev-2020/"><b>CPCRetroDev 2020</b></a>. Además, es la secuela de <a href="miss_input.html"><b>Miss Input</b></a>, a partir del que se basan la temática del juego y gran parte de los conceptos de su diseño.
<br>
Adicionalmente al juego anterior, se añaden nuevas mejoras en jugabilidad, contenido y varios aspectos técnicos. De esta forma, Miss Input 2; a diferencia de su precuela, incluye principalmente: un modo multijugador local para 2 jugadores, un control de personaje más preciso, niveles más elaborados, y mejoras en el <i lang="en">feedback</i> visual y el audio.
</p>
</section>
<section>
<h2>Desarrollo de Miss Input 2</h2>
<span class="image right"><img src="images/Miss_Input_2/Capture2.png" alt="Captura de Miss Input 2 en ejecución"></span>
<p>
El objetivo principal que nos llevó a crear esta secuela, consistió en desarrollar un juego en el que se corrigiesen y perfeccionasen todos los aspectos que se hubieran podido mejorar en la precuela con una mejor gestión del tiempo.
<br>
El proyecto comenzó con <em>3 meses antes</em> de su presentación dentro del concurso CPCRetroDev 2020. Empezando por la fase de diseño se reutilizó el GDD de Miss Input, y a partir de este documento se hicieron las nuevas modificaciones que se querían implementar dentro del juego respecto al anterior. Ahora con un mayor margen de tiempo para el desarrollo, empezamos a planificar las tareas extraídas del nuevo GDD. Cabe destacar que no se reutilizó ningún fragmento de código implementado en Miss Input, de hecho, todos los archivos del juego se volvieron a crear desde cero, incluyendo el contenido del nuevo juego y su código fuente que se volvió a programar en <strong>lenguaje ensamblador</strong>.
<br>
A partir de este punto se reutilizaron gran parte de las metodologías, técnicas y herramientas que se usaron en la precuela, es decir, se aplicó una <b>metodología ágil</b> con el uso de técnicas como <i lang="en">pair programming</i>, además, tal como se hizo en el desarrollo de Miss Input, se volvieron a usar las herramientas:
</p>
<ul>
<li><em>VS Code</em>: Un editor de código fuente que se utilizó para programar la totalidad del código del juego.</li>
<li><em>CPCtelera</em>: La librería fundamental que se usó dentro del proyecto, con funciones que permitían interactuar con la máquina Amstrad CPC de una forma más usable.</li>
<li><em>Tiled</em>: Un flexible editor de niveles en 2D con el que elaborar mapas simples y fáciles de crear y procesar.</li>
<li><em>Arkos Tracker</em>: Un programa musical usado para componer música especialmente para máquinas como Amstrad, Spectrum y otros.</li>
<li><em>Gimp</em>: Se trata del programa de manipulación de imágenes que se utilizó para crear los gráficos del juego.</li>
</ul>
<p>
También se conservaron los roles de cada miembro del grupo, por lo que yo volví a asumr los roles de <strong>programador de mecánicas e IA</strong>, y <b>diseñador de sonido</b>, mientras que Enrique Vidal Cayuela se encargó de nuevo de <em>programar las físicas</em>, <em>diseñar los gráficos</em> y <em>crear los niveles</em>. El último sprint se realizó una semana antes de la fecha límite y consistió en crear contenido, pulir el juego, y preparar todos los materiales para la entrega y participación de Miss Input 2 en el concurso de la CPCRetroDev 2020.
</p>
</section>
<section>
<div class="col-12">
<iframe class="video main"
src="https://www.youtube.com/embed/8u3353_IONA"
title="Trailer de Miss Input 2 en YouTube"
alt="Trailer de Miss Input 2 en YouTube"
></iframe>
</div>
<p>
Finalmente, Miss Input 2 se presentó a la CPCRetroDev 2020, y aunque el resultado no fue sobresaliente como el de Miss Input, <b>fue valorado muy positivamente</b> por los jueces del concurso y al menos nosostros nos sentimos satisfechos con el juego desarrollado.
</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>