<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A thrilling adventure game at ESIEE Paris.">
<title>ESIEEquest</title>
<link rel="shortcut icon" href="/assets/img/favicon.png">
<link rel="stylesheet" href="/assets/css/pure-min.css">
<link rel="stylesheet" href="/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/css/main-grid.css">
<link rel="stylesheet" href="/assets/css/marketing.css">
<link rel="stylesheet" href="/assets/css/style.css">
</head>
<body style="display: none;">
<div class="header">
<div class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed">
<a class="pure-menu-heading" href="#">ESIEEquest</a>
<ul>
<li>
<a href="#play">Play</a>
</li>
<li>
<a href="#help">Help</a>
</li>
<li>
<a href="#about">About</a>
</li>
</ul>
</div>
</div>
<div class="splash-container">
<div class="splash">
<h1 class="splash-head">ESIEEquest</h1>
<p class="splash-subhead">
The Universe has encountered an error. Press any key to continue.
</p>
<p>
<a href="#play" class="pure-button pure-button-primary">This is any key</a>
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center">ESIEE + quest = ESIEEquest</h2>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
<h3 class="content-subhead"><i class="fa fa-superscript"></i> Meet a friend </h3>
<p>
He will guide you gladly... at one necessary but not sufficient condition.
</p>
</div>
<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
<h3 class="content-subhead"><i class="fa fa-save"></i> Obtain the program </h3>
<p>
The legend says that a sage made a special program, a long time ago.
</p>
</div>
<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
<h3 class="content-subhead"><i class="fa fa-suitcase"></i> Find the device </h3>
<p>
It's impressive to see what they made using a "micro"controller and some adhesive tape.
</p>
</div>
<div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
<h3 class="content-subhead"><i class="fa fa-terminal"></i> Reboot everything </h3>
<p>
Connect everything, press the button, save the world, and we're done.
</p>
</div>
</div>
</div>
<div class="ribbon l-box-lrg pure-g">
<a id="help" class="anchor"></a>
<div class="is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5 l-box" style="margin: auto;">
<h2 class="content-head content-head-ribbon">I'm lost!</h2>
<p style="font-family: monospace;">
<span style="color: #0e90d2;">Try</span> not to <span style="color: #dd514c;">panic()</span>;
<br>
and <span style="color: #5eb95e">catch</span> the
</p>
<p>
<a href="#map" class="pure-button">Game map</a>
</p>
<br>
</div>
<div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5 l-box">
<h2 class="content-head content-head-ribbon">Need some help pushing buttons?</h2>
<h4 class="content-head content-head-ribbon">Moving around</h4>
<p>
Use <kbd>⇦</kbd> and <kbd>⇨</kbd> arrows to change your direction, <kbd>⇧</kbd> to move forward, and <kbd>⇩</kbd> to go back.
</p>
<h4 class="content-head content-head-ribbon">Doing things</h4>
<p>
Use <kbd>E</kbd> to pick up an object or to talk to a character.
</p>
<h4 class="content-head content-head-ribbon">Using items</h4>
<p>
Use <kbd>A</kbd> to open your inventory and <kbd>W</kbd>, <kbd>X</kbd>, <kbd>C</kbd>, ... to drop or use items from it.
</p>
<br>
</div>
</div>
<div class="content">
<a id="about" class="anchor"></a>
<h2 class="content-head is-center">About that game</h2>
<div class="pure-g">
<div class="l-box-lrg pure-u-1 pure-u-med-3-5">
<h4>The project</h4>
<p>
The development of this game was conducted in part of the project-based learning unit IGI-1002, at ESIEE Paris, in which students are asked to write a simple adventure game in Java.
</p>
<br>
<h4>The team</h4>
<p>
This game was fully developped by Pacien TRAN-GIRARD and Benoît LUBRANO DI SBARAGLIONE, two first year ESIEE students ('18).
</p>
</div>
<div class="l-box-lrg pure-u-1 pure-u-med-2-5">
<div class="pure-menu pure-menu-open">
<a class="pure-menu-heading">Additional resources</a>
<ul>
<li>
<a href="/report/a3p-3f-esieequest.pdf"><i class="fa fa-book"></i> Project report</a>
</li>
<li>
<a href="/game/esieequest.jar"><i class="fa fa-coffee"></i> Java ARchive</a>
</li>
<li>
<a href="https://gitlab.pacien.net/pacien/a3p-esieequest"><i class="fa fa-cogs"></i> Source code</a>
</li>
<li>
<a href="/javadoc/public/index.html"><i class="fa fa-clipboard"></i> Public Javadoc</a>
</li>
<li>
<a href="/javadoc/private/index.html"><i class="fa fa-files-o"></i> Private Javadoc</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer l-box is-center">
[0x3F] 2014 • ESIEEquest • IGI-1002 A3P
<br>
Pacien TRAN-GIRARD and Benoît LUBRANO DI SBARAGLIONE
</div>
</div>
<div id="play" class="overbox fullscreen">
<iframe id="game-frame" src="game/esieequest.html">
<p>
Your browser does not support iframes.
<br>
Click <a href="game/esieequest.html" target="_blank">here</a> to open the map in a new window.
</p>
</iframe>
</div>
<div id="map" class="overbox fullscreen">
<iframe id="map-frame" src="map.svg">
<p>
Your browser does not support iframes.
<br>
Click <a href="map.svg" target="_blank">here</a> to open the map in a new window.
</p>
</iframe>
</div>
</body>
</html>