-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
122 lines (104 loc) · 6.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Room</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap" rel="stylesheet">
</head>
<body style="background-color: rgb(51,51,51); font-family: 'Lexend Deca', sans-serif;">
<div class="container-fluid" style="margin: 0; padding:0;">
<div id="logo" class="row" style="margin-top: 20px;">
<div class="col text-center" style="color: #00fe50;">
<svg width="25mm" height="21.18mm" version="1.1" viewBox="0 0 51.94923 43.18366" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-99.73361 -127.2317)" fill="none" stroke-width=".5">
<path d="m150.5128 148.054 1.02903 11.92691-8.74643 2.6894-1.16931-12.30109m-1.35218-1.55972 5.84231-1.66755-14.1252-17.58634-27.87621 7.29646 12.81558 18.42823 6.99664-2.07422 1.37558 1.79359-9.93909 2.89987-15.41143-21.93614 33.72274-8.5827 16.83797 20.6733-8.88671 2.31522z" stroke="#1cf276"/>
<g stroke="#00fe50">
<path d="m140.2739 148.8095 1.35218 12.59796 1.16931 1.26285"/>
<path d="m125.3026 154.9997 1.77734 12.48817"/>
<path d="m115.3636 157.8996 2.08136 12.34785 9.63507-2.75955"/>
<path d="m99.95212 135.9634 2.385379 12.39462"/>
<path d="m102.3375 148.358 15.10741 21.88937"/>
<path d="m131.991 129.5556 1.16051 12.33238 7.40834 9.45886"/>
<path d="m133.1516 141.888-21.56354 5.75469"/>
</g>
</g>
</svg>
ROOM
</div>
</div>
<div id="nav" class="row" style="margin-top: 30px">
<div class="col text-center">
<button id="btdemo" class="btn btn-outline-success" onclick="buttonChange()">Demo</button>
<!-- <a id="btdemo" class="btn btn-outline-success" href="demo/editor/editor.html">Demo</a> -->
<a class="btn btn-outline-success" href="https://github.com/Carnaux/People-Flow-Simulation">Github</a>
</div>
</div>
<div id="banner" class="row" style="margin-top: 50px">
<div class="col text-center">
<img src="src/render3.png" style="width: 100%; height: auto; opacity: 0.75;">
<div id="text1" class="centered" style="color:white;">Dynamically simulate people flow in buildings</div>
</div>
</div>
<div id="content" class="row" style="margin-top: 100px">
<div class="col text-center">
<img src="src/buildings.png" class="imgStyle2">
<div id="text1" style="color:white; font-size: 18px">Upload any type of building. </div>
</div>
<div class="col text-center">
<img src="src/navmesh.png" class="imgStyle2">
<div id="text1" style="color:white; font-size: 18px">the software uses navmeshes to navigate the agents. </div>
</div>
</div>
<div id="content" class="row" style="margin-top: 50px">
<div class="col text-center">
<img src="src/renderExit.png" class="imgStyle2">
<div id="text1" style="color:white; font-size: 20px">Create entrances and exits where you want</div>
</div>
</div>
<div id="content" class="row" style="margin-top: 80px">
<div class="col text-center">
<div id="text1" style="color:white; font-size: 18px">The simulation is based on points of interest. The user will set them accordingly to what is being simulated, for example, a shopping will have clothing stores, movies, food etc. Each person spawned has a number linked to a interest, the highest number determines where he will go. </div>
</div>
</div>
<div id="content" class="row" style="margin-top: 50px">
<div class="col text-center">
<img src="src/renderObject.png" class="imgStyle1">
<div id="text1" style="color:white; font-size: 20px">It is possible to add points of interest the size of shelf items</div>
</div>
<div class="col text-center">
<img src="src/renderRoompng.png" class="imgStyle1">
<div id="text1" style="color:white; font-size: 20px">It is possible to add points of interest the size of rooms</div>
</div>
</div>
<div id="content" class="row" style="margin-top: 40px;margin-bottom: 100px;">
<div class="col text-center">
<img src="src/renderText2.png" class="imgStyle2">
<div id="text1" style="color:white; font-size: 20px">After a person satifies one of the interests he will go to the next one or go home, this decision is randomly generated.</div>
</div>
</div>
<div id="content" class="row" style="margin-top: 40px;margin-bottom: 100px;">
<div class="col text-center">
<iframe id="videoEmbedded" src="https://player.vimeo.com/video/357718038" width="640" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
</div>
</div>
<div id="content" class="row" style=" margin-bottom: 0px">
<div class="col text-center">
<div style="color:white; font-size: 15px">All images are artistic renderings and they were inspired by the music of Kyle Dixon & Michael Stain</div>
<div style="color:white; font-size: 15px">Daniel Fernandes - 2019</div>
</div>
</div>
</div>
<script>
var buttonChange = () => {
document.getElementById("btdemo").textContent = "Soon";
}
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body >
</html>