-
Notifications
You must be signed in to change notification settings - Fork 0
/
entropy.html
82 lines (73 loc) · 5.61 KB
/
entropy.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
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Entropy - Andreas Metzger</title>
<meta name="description" content="Andreas Metzger Portfolio Project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/vendor/normalize.css">
<link rel="stylesheet" href="css/vendor/highslide.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<h1>Entropy</h1>
<hr id="headhr"/>
</header>
<main>
<div class="main">
<figure class="main">
<a href="img/entropy/entropy_pic2.jpg" class="highslide" onclick="return hs.expand(this)">
<img style="width:500px;" src="img/entropy/entropy_pic2.jpg" alt="Zoom Image"
title="Click to fit to screen"/></a>
</figure>
<figure class="small">
<a href="img/entropy/scr1.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="img/entropy/scr1.jpg" alt="Zoom Image"
title="Click to enlarge"/></a>
<figcaption><span>Figure 1:</span>The Serigraph exposes an ordered structure at first, that can be distorted by human interaction. The objects are reigned by a strive to return to their original position and keep the order up.</figcaption>
</figure>
<figure class="small">
<a href="img/entropy/scr2.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="img/entropy/scr2.jpg" alt="Zoom Image"
title="Click to enlarge"/></a>
<figcaption><span>Figure 2:</span>As objects get distorted they gain more color, which is at the same time an indicator of their degree of distortion. If the distortion stops objects begin to lose their color and eventually flip back.</figcaption>
</figure>
<figure class="small">
<a href="img/entropy/scr3.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="img/entropy/scr3.jpg" alt="Zoom Image"
title="Click to enlarge"/></a>
<figcaption><span>Figure 3:</span>Once a certain limit is reached objects become "free" and can be arranged. Also with every freed object the radius of distortion becomes bigger. This enables the user to distort more objects at the same time as the number of freed objects increases.</figcaption>
</figure>
<figure class="small">
<a href="img/entropy/scr4.jpg" class="highslide" onclick="return hs.expand(this)">
<img src="img/entropy/scr4.jpg" alt="Zoom Image"
title="Click to enlarge"/></a>
<figcaption><span>Figure 4:</span>The freed objects can eventually be used by the user as a creative means to express his own order.</figcaption>
</figure>
</div>
<section class="main">
<h3>Description:</h3>
<p>Entropy is part of a semester project that dealt with the government theme "Point. Line. Plane.". The project within Entropy was realized is engaged with the transfer and re-imagination of artworks from early computational art. In this case Entropy focuses on the digital artwork <a href="http://dada.compart-bremen.de/node/2842" target="_blank">Serigraph</a>
by Georg Nees. The project tries to communicate the topic of computational art by pedagogical means.<br/>
Entropy is part of a larger-scale team project, intended to be eventually exhibited in museums or schools. By self-experimentation, visitors will dispute with the relation of chaos and order in several ways.
The core concept in this interactive application is the contrasting relation between the real, physical world and the arithmetic system of a computer. Opposed to physical reality where everything strives for chaos, the computer world is characterized by clear structures and total order. This principle is applied by the attempt of giving geometric shapes seemingly physical behaviour and reactions. The user is able to distort the order that is imposed by the system. The shapes will follow his expectations at first, however he will soon realize the crucial difference, as the shapes will not aspire after further entropy, but rather after the recovery of the original system.</p>
<p>From the programming perspective, emphasis was laid on the fluent physics and behaviour of the objects. Entropy was realized using the <a href="https://processing.org/" target="_blank">Processing</a> programming environment.
As of the finalization of the project there have been two development branches, labelled Entropy v0.5 and v1.0. Whereas v0.5 exhibits exactly the mentioned behaviour, the rectangles in v1.0 have additionally been given color and the ability to be freed. Once a rectangle is finally freed it exhibits physical behaviour that is close to real world objects and can be dragged and arranged arbitrarily, providing certain means of creativity and self-expression.</p>
</section>
</main>
<footer>
<div><div>
<p>©2016 Andreas Metzger</p>
</div></div>
</footer>
<!--
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.3.min.js"><\/script>')</script>
-->
<script src="js/vendor/highslide-full.js"></script>
<script src="js/slide_basic.js"></script>
</body>
</html>