-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
90 lines (69 loc) · 3.49 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
<!doctype html>
<html lang="en">
<head>
<!-- https://github.com/bartaz/impress.js -->
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Leap Motion at Infinitity Interactive</title>
<meta name="description" content="Various open-source demos of Leap Motion work collected by Infinity Interactive." />
<meta name="author" content="Jay Hannah et. al." />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
<link href="css/impress-demo.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>
<div id="impress">
<div id="title" class="step" data-x="0" data-y="0" data-scale="3">
<h2>Leap Motion</h2>
<p>misc demos collected and/or written by Infinity Interactive</p>
<span class="footnote">https://github.com/iinteractive/leapmotion</span>
</div>
<div id="its" class="step" data-x="1050" data-y="600" data-rotate="30" data-scale="1" data-rotate-x="40" data-rotate-y="-10">
<p>developer.leapmotion.com</p>
<p>C++ Java Python C# Unity <strong>JavaScript</strong></p>
<p>Windows OSX Linux</p>
<p>js.leapmotion.com</p>
</div>
<div id="webgl" class="step" data-x="-200" data-y="-900" data-rotate="-20" data-scale="1">
<h1>WebGL</h1>
<strong><a href="http://threejs.org" target="_blank">threejs.org</a></strong>
<p>demos:
<a href="misc_demos/reach_for_cubes.html" target="_blank">reach for cubes</a>
<a href="misc_demos/webgl_cube.html" target="_blank">cube menu</a>
</p>
</div>
<div id="cursor" class="step" data-x="-800" data-y="-900" data-rotate="15" data-scale="1" data-rotate-x="10" data-rotate-y="-20">
<h2>Cursors</h2>
<ul>
<li><a href="https://github.com/aphex/leap-cursor-library.js" target="_blank">leap-cursor-library.js</a></li>
<li><a href="misc_demos/image-cursor-zoom.html" target="_blank">Image Cursor Zoom</a></li>
<li><a href="misc_demos/image-cursor-switch.html" target="_blank">Image Cursor Switch</a></li>
</ul>
</div>
<div id="random" class="step" data-x="-2200" data-y="0" data-rotate="115" data-scale="3" data-rotate-x="-40" data-rotate-y="10">
<h2>Random</h2>
<p><a href="misc_demos/" target="_blank">Misc demos</a></p>
</div>
<div id="last" class="step" data-x="0" data-y="1300" data-scale="4">
<p>http://leap.iinteractive.com <strong>@iinteractive</strong></p>
<span class="footnote">jay.hannah@iinteractive.com</span>
</div>
</div>
<div class="hint">
<p>Use a spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="lib/impress.js"></script>
<script>impress().init();</script>
</body>
</html>