DricomDragon
/
StaticWebsiteJovian


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page description -->
    <meta name="description" content="The official website of Jovian Hersemeule.">
    <meta name="author" content="Jovian Hersemeule">

    <!-- Style sheet -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/custom/main.css" rel="stylesheet">
    <link href="../css/custom/pagination.css" rel="stylesheet">

    <title>Projets - Mon Site - Jovian Hersemeule</title>
</head>
<body>

<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
    <a class="navbar-brand" href="../index.html">Jovian Hersemeule</a>
    <img class="rounded-circle jovian-toggler" type="button" data-toggle="collapse" data-target="#joviaNav"
         aria-controls="joviaNav"
         aria-expanded="false" aria-label="Dérouler le menu" src="https://img.icons8.com/color/48/000000/menu-2.png"
         alt="V">
    <div class="collapse navbar-collapse" id="joviaNav">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link" href="../index.html">
                    <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
                    Accueil
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="../cv.html">
                    <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
                    CV
                </a>
            </li>
            <li class="nav-item active dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
                    Projets
                </a>
                <div class="dropdown-menu" aria-labelledby="dropdown01">
                    <a class="dropdown-item" href="../projects.html">Liste des projets</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="pro_static_site.html">Jovian Website</a>
                    <div class="dropdown-item active">ASCII Space Destroyer</div>
                    <a class="dropdown-item" href="pro_pulsar.html">Pulsar</a>
                    <a class="dropdown-item" href="pro_quoridor.html">Quoridor</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="../contact.html">
                    <img src="https://img.icons8.com/color/48/000000/secured-letter.png" alt="|">
                    Contact
                </a>
            </li>
        </ul>
    </div>
</nav>

<!-- Main -->
<main role="main" class="container">
    <div class="focus-center">
        <h1>
            ASCII Space Destroyer
        </h1>
        <img class="rounded" src="../images/projets_ascii_ship_torpEL.png" alt="code flat icon">
        <h2>
            Jeu vidéo réalisé en C++
        </h2>
        <p class="lead">
            Derrière ce nom un peu bourrin se cache un shooter à la <em>Space Invader</em> où les joueurs peuvent
            concevoir
            leur propre vaisseau avant de partir à l'aventure.
        </p>
    </div>

    <!-- Content -->
    <h3>
        <img src="https://img.icons8.com/color/48/000000/term.png" alt="V">
        Introduction
    </h3>
    <p>
        Entre mes deux années de prépa, j'ai eu envie de reprendre le C++.
    </p>
    <p>
        J'aime bien le thème de l'espace, ainsi que la possibilité pour le joueur de créer son propre vaisseau.
    </p>
    <p>
        C'est ainsi qu'a débuté le projet ASCII Space Destroyer.
    </p>

    <h3>
        Le jeu
    </h3>
    <h4>
        Principe
    </h4>
    <p>
        <strong>ASCII Space Destroyer</strong> est un jeu de de tir. Il s'inspire de <em>SpaceInvader</em>, le pionnier
        du genre. Les flottes de vaisseau ennemies se rapprochent, et vous devez tous les abattre avant qu'ils ne
        franchissent le bord droit de l'écran.
    </p>
    <p>
        La particularité de ce jeu est que votre vaisseau est composé de caractères ASCII, ces 127 caractères standards
        qui se retrouvent dans tous les jeux de caractères. Ainsi, chaque caractère forme une <em>brique</em> pour votre
        vaisseau, et elle peut être détruite. Votre vaisseau se détruit au fur et à mesure selon les dégâts subis. Si
        votre cockpit (représenté par le caractère <code>m</code>) est détruit, c'est Game Over.
    </p>
    <img class="rounded img-fluid mx-auto d-block" src="../images/projets_ascii_game1.png" alt="cv flat icon"/>
    <p>
        Le joueur peut choisir la planète où il souhaite batailler à partir du menu. Pour chaque planète, une courte
        description permet de comprendre la raison de l'attaque et d'estimer les défenses de l'adversaire. Pour chaque
        planète pacifiée, le joueur obtient une récompense qui lui permet d'utiliser de meilleurs vaisseaux. Soit la
        limite du nombre de blocs sur son vaisseau augmente (apelée <code>CPU</code> dans le jeu) soit il débloque une
        arme ou le bouclier de combat.
    </p>
    <img class="rounded img-fluid mx-auto d-block" src="../images/projets_ascii_menu.png" alt="cv flat icon"/>
    <h4>
        Faire son propre vaisseau
    </h4>
    <p>
        L'avantage de ce genre de graphisme, c'est que n'importe quel joueur peut créer son propre vaisseau : il suffit
        pour cela d'un éditeur de texte.
    </p>
    <p>
        Lors du chargement du vaisseau, le programme va automatiquement reconnaître les combinaisons de caractères
        utilisées pour placer le cockpit et les divers équipements disponibles.
    </p>
    <p>
        Voici une courte description de l'arsenal à disposition.
    </p>

    <h5>
        Le Gun <code>[-</code>
    </h5>
    <p>
        Le tir le plus classique. Pour l'équiper sur votre vaisseau, il suffit d'écrire <code>[-</code> quelque part
        dans sa structure. Cette arme tire en ligne droite jusqu'à toucher sa cible. Les projectiles sont en forme de
        <code>+</code>.
    </p>
    <p>
        À l'impact, le Gun fait des dégâts localisés autour du point de contact.
    </p>

    <h5>
        Le Cutter <code>[|</code>
    </h5>
    <p>
        Similaire au Gun dans sa manière de tirer, c'est à l'impact que le cutter se diférencie. Lorsque le projectile
        en forme de <code>|</code> touche une structure ennemie, tous les blocs situés sur la même ligne verticale
        prennent 50 points de dommages (maxi : 100).
    </p>
    <p>
        Ainsi, si deux projectiles de ce type frappent au même endroit, il est possible de couper un vaisseau ennemi en
        deux. Soyez donc attentifs, ils peuvent s'avérer particulièrement efficaces sur certains types de structure ...
    </p>

    <h5>
        Le Disper <code>[<</code>
    </h5>
    <p>
        Les joueurs reconnaîtront dans cette arme le classique fusil à pompe présent dans la plupart des jeux de tir.
    </p>
    <p>
        Ainsi, le Disper tire plusieurs balles en même temps, mais les tirs sont dispersés et la portée réduite. Il faut
        savoir que le tir de Disper fait davantage de dégâts au contact.
    </p>
    <p>
        Très efficace pour détruire les ennemis proches de la limite, mais le corps à corps est toujours un paris risqué
        qui se conclue souvent par la perte de deux ou trois éléments de vaisseau ...
    </p>

    <h5>
        Le Protoseeker <code>[O</code>
    </h5>
    <p>
        Lorsqu'on le voit en fonctionnement, on a l'impression que le Protoseeker est un pistolet à eau ...
    </p>
    <p>
        Ce qui n'est pas très loin de la réalité. En effet, le Protoseeker est l'arme la plus faible du jeu. Elle
        compense sa faible puissance par une fréquence élevée et un ciblage automatique. Le tir est toujours orienté
        vers le vaisseau ennemi le plus proche.
    </p>
    <p>
        Ce genre d'arme est très aprécié dans les situations confuses, ou l'on passe son temps à esquiver les
        projectiles ennemis. Pendant ce temps là, le Protoseeker continue à toucher sa cible, infaillible.
    </p>

    <h5>
        Missile Launcher <code>[></code>
    </h5>
    <p>
        Le lanceur de missiles est sans doute l'arme la plus dangereuse du jeu.
    </p>
    <p>
        Ses caractéristiques : des dégâts puissants et localisés, une fréquence réduite ... Mais surtout un autoguidage
        fatal. Ce système de guidage permet au missile de modifier sa trajectoire lors de son vol et de viser
        directement le cockpit de l'ennemi le plus proche.
    </p>
    <p>
        Si le Protoseeker arrose l'ennemi d'un tir nourri, le missile contourne les défenses et frappe directement au
        coeur de sa cible.
    </p>
    <p>
        Soyez donc vigilant si vous venez à affronter ce genre d'arme : la modification de trajectoire le rend très
        difficle à éviter. Néanmoins, si vous êtes assez attentif, vous pourrez découvrir une faille dans l'algorithme
        de guidage qui vous permettra d'échapper à l'impact.
    </p>

    <h5>
        Brexit launcher <code>[{</code>
    </h5>
    <p>
        Nommé d'après l'événement homonyme (il semblerait que je manquai d'inspiration à ce moment là), le <strong>Brexit</strong>
        est une arme basée sur la division.
    </p>
    <p>
        De puissance comparable au <strong>Gun</strong>, le <strong>Brexit</strong> tire simultanément deux tirs en
        diagonale.
    </p>
    <p>
        Peut être utilisé en arme d'appoint pour couvrir de nouveaux angles d'attaques; ou bien pour faire des dégâts en
        évitant une attaque frontale, ce qui s'avère utile lors de l'attaque d'un vaisseau lourdement armé.
    </p>
    <h5>
        Hecto combustion <code>[~</code>
    </h5>
    <p>
        L'hecto combustion est une arme assez spéciale. Cette arme tire un <code>H</code> très lent. Son atout vient du
        fait qu'il n'explose pas à l'impact. Il fait des dégâts et continue sa route.
    </p>
    <p>
        Ainsi, il peut être utilisé pour perforer des blindages épais. Mais sa lenteur le rend assez difficile à
        maîtriser.
    </p>

    <h5>
        Sniper rifle <code>[=</code>
    </h5>
    <p>
        Le Sniper tire un projectile en ligne droite, très puissant et accélérant.
    </p>
    <p>
        Il fait davantage de dégât avec la distance. À utiliser pour attaquer l'ennemi dès son apparition.
    </p>

    <h5>
        Le bouclier de combat <code>()</code>
    </h5>
    <p>
        Le bouclier n'est pas une arme, mais un dispositif de défense.
    </p>
    <p>
        Si le vaisseau possède au moins un bouclier, il apparaît bleuté et entouré d'un champ protecteur. Ce champ de
        force absorbe les dégâts sans endommager la structure.
    </p>
    <p>
        À force d'encaisser les dégâts, le bouclier se vide. Une fois vide, l'enveloppe disparaît : le vaisseau n'est
        plus protégé.
    </p>
    <p>
        Si le vaisseau n'a pas encaissé de dégât pendant un certain laps de temps, le bouclier recommence à se
        régénérer.
    </p>
    <p>
        Le nombre de générateurs augmente la capacité du bouclier, c'est à dire le nombre de dégâts qu'il peut encaisser
        avant de disparaître, ainsi que la vitesse de rechargement.
    </p>

    <h5>
        Tableau récapitulatif
    </h5>
    <p>
        Voici le résumé de tous les équipements fonctionnels disponibles pour construire votre vaisseau.
    </p>
    <table class="table">
        <thead>
        <tr>
            <th>Nom</th>
            <th>Symbole</th>
            <th>Projectile</th>
            <th>Catégorie</th>
            <th>Charge CPU</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Cockpit</td>
            <td><code>m</code></td>
            <td></td>
            <td>Structure</td>
            <td>1</td>
        </tr>
        <tr>
            <td>Bloc</td>
            <td>Caractère ASCII</td>
            <td></td>
            <td>Structure</td>
            <td>1</td>
        </tr>
        <tr>
            <td>Gun</td>
            <td><code>[-</code></td>
            <td><code>+</code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Cutter</td>
            <td><code>[|</code></td>
            <td><code>|</code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Disper</td>
            <td><code>[<</code></td>
            <td><code>*</code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Protoseeker</td>
            <td><code>[O</code></td>
            <td><code>O</code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Missile launcher</td>
            <td><code>[></code></td>
            <td><code>-></code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Brexit launcher</td>
            <td><code>[{</code></td>
            <td><code>???</code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Hecto combustion</td>
            <td><code>[~</code></td>
            <td><code>H</code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Sniper rifle</td>
            <td><code>[=</code></td>
            <td><code>=</code></td>
            <td>Arme</td>
            <td><i>todo</i></td>
        </tr>
        <tr>
            <td>Bouclier</td>
            <td><code>()</code></td>
            <td></td>
            <td>Défense</td>
            <td><i>todo</i></td>
        </tr>
        </tbody>
    </table>

    <h3>
        Technologies
    </h3>
    <p>
        Ce jeu a été codé en <strong>C++</strong> avec l'IDE <strong>Code::Blocks</strong>. Je suis aidé pour cela de la
        biblothèque SDL.
    </p>

    <h4>
        SDL 1.2
    </h4>
    <p>
        SDL signifie <strong>S</strong>imple <strong>D</strong>irectMedia <strong>L</strong>ayer. Cette bibliothèque
        permet d'ajouter des fonctions élémentaires pour intéragir avec l'utilisateur.
    </p>
    <p>
        Véritable boîte à outils, j'ai utilisé pour ce programme le module graphique pour afficher une fenêtre, et le
        module de gestion d'événements pour récupérer les entrées utilisateur (clavier, souris).
    </p>
    <p>
        La SDL est une bibliothèque bas niveau. C'est à dire qu'elle est très primitive, il faut beaucoup de code pour
        arriver à un rendu correct. Cela demande au programmeur beaucoup de travail, et beaucoup d'organisation.
    </p>
    <p>
        Lien vers <a href="https://www.libsdl.org/">le site officiel de SDL 1.2</a>.
    </p>

    <h4>
        SDL GFX
    </h4>
    <p>
        SDL GFX rajoute quelques fonctions graphiques à la SDL. Je l'ai utilisée principalement ici pour sa fonction qui
        permet d'afficher des caractères. Sans cette fonction, difficile d'afficher ces vaisseaux faits de caractères
        ASCII ...
    </p>
    <p>
        Et oui, SDL ne fait pas ça ... quand je vous disais que SDL est une bibliothèque bas niveau et ne faisait pas
        grand choses, je ne plaisantais pas.
    </p>

    <h3>
        Téléchargements
    </h3>
    <div class="alert alert-info">
        <p>
            Mon site web est encore en <strong>développement</strong>. Cette section sera implémentée dans une
            future version.
        </p>
        <p>
            Vous pourrez télécharger les différents exécutables du jeu, que vous ayez un ordinateur sous Linux ou sous
            Windows.
        </p>
        <p>
            Repassez plus tard ...
        </p>
    </div>

    <!-- Pagination -->
    <ul class="pagination pagination-lg justify-content-center">
        <li class="page-item">
            <a class="page-link arrow" title="Page précédente" href="pro_static_site.html">&laquo</a>
        </li>
        <li class="page-item">
            <a class="page-link" title="Site web de Jovian" href="pro_static_site.html">1</a>
        </li>
        <li class="page-item active">
            <div class="page-link" title="ASCII Space destroyer"">2</div>
        </li>
        <li class="page-item">
            <a class="page-link" title="Pulsar" href="pro_pulsar.html">3</a>
        </li>
        <li class="page-item">
            <a class="page-link" title="Quoridor" href="pro_quoridor.html">4</a>
        </li>
        <li class="page-item">
            <a class="page-link arrow" title="Page suivante" href="pro_pulsar.html">&raquo</a>
        </li>
    </ul>
</main>

<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
<script src="../js/bootstrap.js"></script>

</body>
</html>