-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (134 loc) · 8.11 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
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="icon" href="favicon.ico">
<title> Virtual Matter </title>
</head>
<body>
<div id="viewport">
<div id="contentPanel">
<header>
<img id="logo" src="Images/logo.png" alt="Virtual Matter Logo">
</header>
<div id="nav-menu">
<div id="menu-trigger">
<span style="float: left;">MENU</span>
<span style="float: right;">↴</span>
</div>
<ul id="nav-menu-items">
<li><a class="selected" href="#home">Accueil</a></li>
<li><a href="#media">Média</a></li>
<li><a href="#support">Support</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<!------------------------------------------------------------------------------------------------>
<div id="content">
<div id="home">
<h1>Accueil</h1>
<p>
Dans un contexte de jeux vidéo, il existe une panoplie d’objets ou « assets » qui sont utilisés dans l’environnement. Ces objets, qui sont en fait une simulation virtuelle de leur réplique réelle, sont modélisés et construits de toute pièce au moyen d’outils permettant l’animation, le rendu ainsi que la modélisation tridimensionnelle. Ainsi, ce processus requiert généralement beaucoup de temps, et c’est pourquoi un système tel que celui de Virtual Matter a été pensé. En effet, en implantant un tel système dans un contexte de jeux vidéo (par exemple), il est maintenant possible d’importer des objets de la vie réelle directement dans le monde virtuelle de manière dynamique (scanner 3D), sans avoir à les modéliser manuellement.
</p>
<img src="Images/schema.png" alt="Pipeline Schema">
</div>
<div id="media">
<h1>Média</h1>
<img src="Images/sketch1.png" alt="Sketch 1">
<img src="Images/sketch2.png" alt="Sketch 2">
<img src="Images/sketch3.png" alt="Sketch 3">
<img src="Images/sketch4.png" alt="Sketch 4">
<img src="Images/sketch5.png" alt="Sketch 5">
<img src="Images/sketch6.png" alt="Sketch 6">
<img src="Images/sketch7.png" alt="Sketch 7">
<img src="Images/sketch8.png" alt="Sketch 8">
<hr>
<img src="Images/image1.jpg" alt="Image 1">
<img src="Images/image2.jpg" alt="Image 2">
<img src="Images/image3.jpg" alt="Image 3">
<img src="Images/image4.jpg" alt="Image 4">
<img src="Images/image5.jpg" alt="Image 5">
<img src="Images/image6.jpg" alt="Image 6">
<img src="Images/image7.jpg" alt="Image 7">
<img src="Images/image8.jpg" alt="Image 8">
<img src="Images/image9.jpg" alt="Image 9">
<hr>
<img src="Images/fov1.jpg" alt="Horizontal FOV">
<img src="Images/fov2.jpg" alt="Vertical FOV">
<hr>
<h1>Magasins</h1>
<p>
Adafruit : alluminium extrudé <br>
Sparkfun : BigEasyDriver, breadboard, kit de soudure <br>
Robotshop : Arduino, moteur pas-à-pas <br>
Home Depot : matériaux <br>
Apinex : laser <br>
Logitech : caméra <br>
Lee Valley : bearings <br>
Acier QTC : coupes d'alluminium <br>
</p>
</div>
<div id="support">
<h1>Pas-à-pas</h1>
<a target="_blank" href="Files/tutorial1.pdf">Compiler et intégrer Qt5 à Visual Studio 2015</a>
<a target="_blank" href="Files/tutorial2.pdf">Utiliser PCL dans Visual Studio 2015</a>
<a target="_blank" href="Files/tutorial3.pdf">Intégrer VTK dans un Widget Qt5</a>
<a target="_blank" href="Files/tutorial4.pdf">Compiler OpenCV avec Visual Studio 2015</a>
<a target="_blank" href="Files/tutorial5.pdf">Accéder aux fonctionalités OpenGL dans Qt avec Visual Studio 2015</a>
<h1>Instructions</h1>
<a target="_blank" href="Files/manual.pdf">Manuel de l'utilisateur</a>
<p>1. Ouvrir le scanner</p>
<img src="Images/step1.jpg" alt="Step 1">
<p>2. Allumer le laser et fermer la porte</p>
<img src="Images/step2.jpg" alt="Step 2">
<p>3. Lancer le programme</p>
<img src="Images/step3.png" alt="Step 3">
<p>4. Positionner l'objet au centre du plateau</p>
<img src="Images/step4.jpg" alt="Step 4">
<p>5. Rallumer le laser et fermer la porte</p>
<img src="Images/step5.jpg" alt="Step 5">
<p>6. Lancer le scan et attendre</p>
<img src="Images/step6.png" alt="Step 6">
<p>7. Visualiser le nuage de points</p>
<img src="Images/step7.png" alt="Step 7">
<img src="Images/step8.png" alt="Step 8">
<p>8. Générer le mesh</p>
<img src="Images/step9.png" alt="Step 9">
<img src="Images/step10.png" alt="Step 10">
<p>9. Importer le mesh</p>
<hr>
<p>Voir le <a target="_blank" href="Files/manual.pdf">Manuel de l'utilisateur</a> pour les instructions détaillées (avec Unreal Engine 4)</p>
<hr>
<h1>Technologies utilisées</h1>
<p class="leftAligned">
Visual Studio 2015 (C++14) <br>
Qt5 (intégré à VS2015) : interface principale, gestion des événements <br>
OpenCV : capture d'image et visualisation, extraction du laser <br>
Point Cloud Library (PCL) : génération et visualisation du nuage de points et du mesh <br>
Unreal Engine 4 : environnement de simulation, programme principal
</p>
</div>
<div id="contact">
<h1>Contact</h1>
<p>Auteur du projet</p>
<img id="portrait" src="Images/portrait.jpg" alt="Jérémi Panneton">
<p>
Jérémi Panneton <br>
<a href="mailto:[email protected]">[email protected]</a>
</p>
<hr>
<p>Superviseur</p>
<img id="portrait" src="//profdinfo.com/web/joan2.jpg" alt="Joan-Sébastien Morales">
<p>Joan-Sébastien Morales</p>
</div>
</div>
</div>
</div>
</body>
</html>