/
index.html
56 lines (56 loc) · 1.65 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
<html>
<head>
<title>Feedback Loop</title>
<style type="text/css">
p, hr {
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: justify;
text-indent: 3em;
}
h1 {
text-align: center;
}
body {
background: black;
color: DarkSalmon;
}
</style>
</head>
<body bgcolor="black" text="gray">
<center>
<h1>Feedback Loop Kaleidoscope Effect</h1>
<applet code="feedback.Applet"
archive="Feedback.jar" width="640" height="640">
</applet>
<p>
Try moving your mouse across the applet. Hold
in <code>h</code> or <code>F1</code> for a list of shortcut
keys -- you may need to click to give the applet focus.
</p>
<p>
Running this <a href="Feedback.jar">as a standalone .jar</a>
will allow you to save screenshots.
</p>
<hr/>
<h2>What's going on here?</h2>
<p>
Imagine the effect of pointing a camera at its own
display. The image on the display screen goes back into the
camera, undergoes effects of being captured the camera --
including time delay -- and is drawn back out to the
display. This process continues rapidly and endlessly, with
the image getting smaller and more distorted at each
step. Emergent, fractal behavior occurs near the center of the
display as the loops reacts to itself.
</p>
<p>
This applet simulates that effect by feeding the display image
back into itself each time it is drawn to the screen. Watch
the movements of your mouse cursor spiral towards the center
of the image mimicking your movements.
</p>
</center>
</body>
</html>