-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (67 loc) · 3.65 KB
/
index.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
<!DOCTYPE html>
<html lang="fr" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="./js/site.js"></script>
<link href='https://fonts.googleapis.com/css?family=Orbitron|Russo+One|Audiowide|Syncopate' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1><initial class="blue">T</initial>RON <initial class="orange">G</initial>AME</h1>
</header>
<nav>
<div class="container">
<a href="#projet" class="js-scrollTo">LE PROJET</a>
<a href="#technos" class="js-scrollTo">TECHNOLOGIES</a>
<a href="#demo" class="js-scrollTo">DÉMO</a>
<a href="#createur" class="js-scrollTo">LES CRÉATEURS</a>
</div>
</nav>
<article id="projet">
<h1><initial class="blue">L</initial>E <initial class="orange">P</initial>ROJET</h1>
<h2>L'IDÉE</h2>
<p>L'idée de base est de céer un jeu de TRON avec les technologies du web mises à notre disposition.<br />
Rapidement un jeu de TRON quest-ce que c'est ?<br /> C'est un jeu en multijoueur où les participant pilotes des engins qui tracent des lignes mortelles pour ses adversaires. Le but est donc de rester en vie le plus longtemps possible et d'être le dernier survivant du jeu.</p>
<h2>LE CADRE</h2>
<p>Nous avons réalisé ce projet dans le cadre d'un projet de DUT informatique. Le projet avait pour énoncé de créer un jeu avec les technologies web de base JavaScript et HTML.</p>
</article>
<article id="technos">
<h1><initial class="blue">T</initial>ECHNOLOGIE<initial class="orange">S</initial></h1>
<h2>LANGUAGES</h2>
<p>Nous avons essentielement utilisé JavaScript pour réaliser ce jeu.</p>
<h2>FRAMEWORK/LIBRAIRIES</h2>
<p>Pour faciliter la programmation du jeu, nous avons utilisé une "grosse" librairie du non de PHASER qui est spécialisé dans la céation de jeu en JavaScript.<br />
Ensuite encore pour facilité la syntaxe du code JavaScript nous avons utilisé CoffeeScript qui est un "sucre syntaxique" permettant de simplifier la lecture et l'écriture de code JavaScript.</p>
</article>
<article id="demo">
<h1><initial class="blue">D</initial>ÉM<initial class="orange">O</initial></h1>
<div id="videoDemo"><video src="demo.mp4" autoplay loop></video><div>
<a href="play.html"><img src="assets/img/buttonPlay.png" class="PLAY" alt="PLAY"/></a>
</article>
<article id="createur">
<h1><initial class="blue">L</initial>ES <initial class="orange">C</initial>RÉATEURS</h1>
<div class="container-img">
<figure class="img">
<img src="img/hugo.jpg" alt="Hugo Alliaume"/>
<figcaption>Hugo Alliaume</figcaption>
</figure>
<figure class="img">
<img src="img/eddy.jpg" alt="Eddie Barraco"/>
<figcaption>Eddie Barraco</figcaption>
</figure>
<figure class="img">
<img src="img/alan.jpg" alt="Alan Ridard"/>
<figcaption>Alan Ridard</figcaption>
</figure>
</div>
</article>
<script src="js/phaser.min.js"></script>
<script src="js/state/Boot/Boot.js"></script>
<script src="js/state/GameTitle/GameTitle.js"></script>
<script src="js/state/GamePlay/GamePlay.js"></script>
</body>
</html>