-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
27 lines (23 loc) · 1.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Andrew Hoyer | Drip Sessions</title>
<link rel="stylesheet" href="assets/reset.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="assets/main.css" type="text/css" charset="utf-8">
</head>
<body>
<div id='drip'>
<p class="social"><strong><em>Click and drag within the rectangle below...<span class='note'>(or click the demo button)</span></em></strong></p>
<iframe style="border: none;" width="760px" height="500px" src="dripsessions.html">Whoopsie! You need a browser that can support iframes! I suggest Chrome, its pretty darn handy.</iframe>
</div>
<h2>What's this all about?</h2>
<p>On <a href='http://graffitiresearchlab.com/'>GRL's website</a>, there was a project called "<a href='http://graffitiresearchlab.com/?page_id=34#video'>the Drip Sessions</a>" where they would use light to paint graffiti on the sides of entire buildings and structures. I just wanted to create something like that... except with code for the web.</p>
<h2>Recoding:</h2>
<p>For a while this program wouldn't work with opera and I couldn't figure out why. So instead of tinkering around and wasting time I decided it would be easier to just recode the entire thing. This is about 50 minutes of work sped up so it only takes 3 minutes. Music: Meow by Motohiro Nakashima.</p>
<div style='text-align:center'>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/iPAAXc8S1k4&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/iPAAXc8S1k4&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
</div>
<p class="social"><a href="http://andrew-hoyer.com/experiments/">More Experiments</a></p>
</body>
</html>