/
3.html
35 lines (34 loc) · 1.41 KB
/
3.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
<html>
<head>
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/underscore.js"></script>
<script type="text/javascript" src="lib/rx.js"></script>
<script type="text/javascript" src="lib/rx.jQuery.js"></script>
<script type="text/javascript" src="lib/raphael.js"></script>
<script type="text/javascript" src="lib/vector.js"></script>
<script type="text/javascript" src="lib/prettify.js"></script>
<script type="text/javascript" src="presentation.js"></script>
<script type="text/javascript" src="keystate.js"></script>
<script type="text/javascript" src="3.js"></script>
<script type="text/javascript">
$(function() { initPresentation(3) })
</script>
<link href="devday-rx.css" rel="stylesheet" type="text/css"/>
<link href="prettify.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="content">
<h1>Interval, Scan</h1>
<ul>
<li><em>Interval</em> function creates an <em>Observable</em> that generates an event each 200 millis</li>
<li><em>CombineLatest</em> is used to pick the latest direction and repeat it each 200 millis</li>
<li><em>Scan</em> is used to accumulate the movements into an array</li>
<li>Array contents are dumped out in the demo div</li>
</ul>
</div>
<div id="demo">
<label>Movements:</label><span id="movements"></span>
</div>
<div id="src"><pre class="prettyprint"/></div>
</body>
</html><html>