-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (63 loc) · 2.6 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
<html>
<head>
<title>apartofme</title>
<link href="./css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="./ext_js/utils.js"></script>
<script src="./ext_js/jsfeat-min.js"></script>
<script src="./ext_js/frontalface.js"></script>
<script src="./ext_js/jsfeat_detect.js"></script>
<script src="./ext_js/numeric-1.2.6.min.js"></script>
<script src="./ext_js/mosse.js"></script>
<script src="./ext_js/left_eye_filter.js"></script>
<script src="./ext_js/right_eye_filter.js"></script>
<script src="./ext_js/nose_filter.js"></script>
<script src="./models/model_pca_20_svm.js"></script>
<script src="./js/clm.js"></script>
<script src="./js/svmfilter_webgl.js"></script>
<script src="./js/svmfilter_fft.js"></script>
<script src="./js/mossefilter.js"></script>
<script src="./js/face_deformer.js"></script>
<script src="./js/poisson_new.js"></script>
<script src="./js/clmtrackr.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.3.5/Tween.min.js"></script>
<div id="container">
<div id="message1" class="message">
Wait until the green shape matches your face </br>
Try moving around if it does not fit
</div>
<div id="message2" class="message">
<span>Sometimes we <b>are</b> <span> <i><span id="emotion">happy</span></i>
</div>
<div id="message3" class="message">
<span>Who <b>are</b> you sometimes?</span>
</div>
<div id="message4" class="message">
<span>Show me <b>your</b> <span id="object">demons</span>
</div>
<div id="message5" class="message">
<span>Explore yourself</span>
</div>
<div id="message6" class="message">
<span>If you want to remember me press <font color="blue"><b>print</b></font></span>
</div>
<div id="textoverlay">
<div id="overlay_text">
Press <font color="green"><b>start</b></font> to begin
</div>
</div>
<video id="videoel" width="800" height="600" preload="auto" loop>
</video>
<canvas id="overlay" width="800" height="600"></canvas>
<canvas id="webgl" width="800" height="600"></canvas>
</div>
<br/>
<script src="./js/setup.js"></script>
<script src="./js/main.js"></script>
<script>
</script>
</body>
</html>