-
Notifications
You must be signed in to change notification settings - Fork 0
/
arena.html
156 lines (127 loc) · 5.92 KB
/
arena.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
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Arena Details</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/icon.png" rel="icon">
<link href="assets/img/icon.png" rel="apple-touch-icon">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: DevFolio - v4.7.1
* Template URL: https://bootstrapmade.com/devfolio-bootstrap-portfolio-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo"><a href="index.html">Arena</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto " href="index.html#hero">Home</a></li>
<li><a class="nav-link scrollto" href="index.html#about">About</a></li>
<li><a class="nav-link scrollto " href="index.html#work">Projets</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<div class="hero hero-single route bg-image" style="background-image: url(assets/img/overlay-bg.jpg)">
<div class="overlay-mf"></div>
<div class="hero-content display-table">
<div class="table-cell">
<div class="container">
<h2 class="hero-title mb-4">Projet Arena</h2>
<ol class="breadcrumb d-flex justify-content-center">
<li class="breadcrumb-item">
<a href="#">Home</a>
</li>
<li class="breadcrumb-item active">Arena</li>
</ol>
</div>
</div>
</div>
</div>
<main id="main">
<!-- ======= Portfolio Details Section ======= -->
<section id="portfolio-details" class="portfolio-details">
<div class="container">
<div class="row gy-4">
<div class="col-lg-8">
<div class="portfolio-details-slider swiper">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide">
<img src="assets/img/Arena.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="col-lg-4">
<div class="portfolio-info">
<h3>Information du projet</h3>
<ul>
<li><strong>Catégorie</strong>: Unity application</li>
<li><a href="https://github.com/cegepmatane/projet-specialise-2022-Eckaos">Lien du code source <i class="fas fa-link"></i></a></li>
</ul>
</div>
<div class="portfolio-description">
<h2>Présentation</h2>
<p>
Arena est un RPG(Role play game) tactique, tour par tour sur grille.
</p>
</div>
</div>
</div>
<div class="portfolio-maintenance">
<h2>Maintenance</h2>
<div>
Pour cette maintenance, j'ai choisi de rajouter un chat en jeu.
Tous les clients Unity connectés qu'il soit joueur ou spectateurs peuvent envoyer un message qui sera envoyé à tous les clients Unity
Le message est envoyé a serveur puis broadcast à tous les clients Unity et affiché sur une interface.
Le message contient le pseudo du client Unity et son message.
</div>
<h3>Veille Technologique</h3>
<div>
<h4>Game engine</h4>
J'ai choisi Unity car le projet se déroulant sur 10 semaines, je le trouvais plus abordable car le C# ressemble à Java que j'ai beaucoup utilisé pendant ma formation.
Je l'ai aussi choisi car il y a une documentation très fourni.
<h4>Serveur</h4>
J'ai choisi un serveur Node.JS par rapport à un serveur Apache car cela me permettait d'apprendre de nouvelle chose.
J'ai choisi Colyseus.io comme bibliothèque par rapport à des alternatives comme socket.io ou express car il est fait pour faire des serveurs de jeu.
Il a une bibliothèque pour faire un client sous Unity ce qui est une plus. Tous cela fait que le développement est facilité.
</div>
</div>
</div>
</section><!-- End Portfolio Details Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>