-
Notifications
You must be signed in to change notification settings - Fork 0
/
spacearp.html
48 lines (48 loc) · 2.68 KB
/
spacearp.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>liliamu</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119145034-2"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Tinos" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="script.js" type="text/javascript"></script>
<script src="components/header.js" type="text/javascript" defer></script>
<script src="components/footer.js" type="text/javascript" defer></script>
</head>
<body id="sp_body">
<header-component id="headerstyle"> </header-component>
<!--CONTENT START SP-->
<ul class ="SP">
<li id="vid1" class ="video">
<iframe src="https://player.vimeo.com/video/204410479" width="1080" height="577" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen target="_blank"></iframe>
</li>
<div class="arp_text">
<li class ="desc-text">
<h3 class= "desc-head"> SPACE ARP </h3>
<p class="divider">
<span></span>
<span class="divider"></span>
<span></span>
</p>
<p class = "keywords"> Algorithmic Music Composition, Audiovisual Installation, DMX, Ableton, Processing, Java </p>
<p class= "desc-desc">
Space Arp, a collision of senses - is an audiovisual installation that seeks to explore how the senses are bound together in different perceptual experiences. The installation generates music through movement inside a cube of white semi-transparent fabric measuring 200x175 cm. <br> <br> Music is generated by calculating optical flow via Processing, and translating it to a MIDI signal in Ableton, in real time. Three LED lights are reading movement in the same way, visualising the moving body in form of shadows that can be seen outside the cube. The piece questions how a perceiving body relates to generating sound, versus an observer watching this unfold, taking part in a mutual, yet exclusive experience. </p>
<p class="divider">
<span></span>
<span class="divider"></span>
<span></span>
</p>
</li>
<li class="desc-text" id="kodeapr"> <a href="https://github.com/liliamu/SpaceArp_CDPA2016" target="_blank"> Code on GitHub </a></li>
</div>
<div class="spimg">
<li> <img src="sp/arpimg1.jpg" id="arp_img1" alt="Space Arp installation"> </li>
</div>
</ul>
<footer-component> </footer-component>
</body>