-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinsight.html
54 lines (49 loc) · 2.24 KB
/
insight.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
<!DOCTYPE html>
<html>
<head>
<title>Benhamza Romain</title>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<header style="background-image: linear-gradient(to bottom, #153935, #1D4E50); display: flex; align-items: center; justify-content: center; padding: 10px;">
<a id="logo" href="index.html">
<img src='https://avatars.githubusercontent.com/u/58343255?v=4' height="80px"/>
</a>
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
<h1>Benhamza Romain</h1>
<nav style="align-self: center;">
<!-- Liens du menu ici -->
<a href="/index.html">Accueil</a>
<a href="/projects.html">Projets</a>
<a href="cv.pdf">CV</a>
<!-- Ajoutez d'autres liens du menu si nécessaire -->
</nav>
</div>
</header>
<div class="section">
<h2>Pourquoi avoir créé le calculateur de ligne de vue ?</h2>
<p>Je joue à un jeu tactique en ligne appelé "Dofus" avec ce type de mécanique, et je voulais le coder moi-même pour mieux le comprendre. De plus, je trouvais le fait de coder ce genre de projet intellectuellement stimulant.</p>
</div>
<div class="section">
<h2>Comment ça fonctionne ?</h2>
<p>Le programme crée un segment entre la position du joueur et la cellule souhaitée, puis vérifie si le segment traverse un mur. Si c'est le cas, cela signifie que le joueur ne peut pas voir la cellule.</p>
<p>J'ai utilisé TKinter pour l'interface.</p>
</div>
<div class="section">
<h2>Démonstration</h2>
<div class="grid-container">
<div class="grid-item">
<a href='insight/insight-demo.gif'><img src="insight/insight-demo.gif" width="500px"/></a>
<div class="feature-description">
</div>
</div>
</div>
<div class="section">
<a class='button' href="insight/ldv.py"><img src="img/python.png" height="30px"/><p style='margin-top: -10'>Lien vers le script</p></a>
</div>
</div>
<div class="footer">
<p>© Benhamza Romain - Cara</p>
</div>
</body>
</html>