topical media & game development
graphic-canvas-experiment-mashup-radiohead.htm / htm
<html>
<head>
<title>A [ Radiohead / JavaScript / Boids / Canvas / SM2 ] mashup by Jacob Seidelin</title>
<style>
#main {
margin : 0 auto;
}
#screen {
position : absolute;
left : 0px;
top : 0px;
}
#permscreen {
position : absolute;
left : 0px;
top : 0px;
}
#inputlayer {
position : absolute;
width:100%;
height:100%;
}
#thom {
opacity : 0;
position : absolute;
left : 0;
top : 0;
width : 400px;
height : 400px;
}
#binarycontainer {
position : absolute;
top : 22px;
left : 3px;
font-family:Trebuchet MS, Arial;
font-size:10px;
opacity:0.2;
}
#lyricscontainer {
position : absolute;
font-family:Trebuchet MS, Arial;
font-size:11px;
opacity:0.2;
}
#creditlayer {
font-family:Trebuchet MS,Arial;
font-size:9px;
left:70px;
position:absolute;
color : #aaa;
}
#buglayer {
font-family:Trebuchet MS,Arial;
font-size:12px;
left:70px;
top : 100px;
position:absolute;
color : #000;
display:none;
}
#creditlayer a {
text-decoration : none;
color : #aaa;
}
#creditlayer a:hover {
border-bottom : 1px dashed #aaa;
}
#loader {
position : absolute;
width : 360px;
height : 10px;
border : 1px solid rgb(64,64,64);
left : 20px;
top : 190px;
display : none;
}
#loaderfill {
background-color : rgb(128,128,128);
height : 100%;
width : 0;
}
</style>
<script src="data.js" type="text/javascript"></script>
<script type="text/javascript" src="soundmanager/script/soundmanager2.js"></script>
<script type="text/javascript">
(function() {
var settings = {
drawBinaryValues : true,
drawWaveform : true,
drawWaveformEcho : true,
drawFreqBars : true,
drawFreqBarsEcho : true,
drawFreqBarsLetters : true,
drawBoids : true,
drawBoidHeads : true,
drawBoidTails : true,
drawBoidConnections : true,
drawFaceImage : true
};
var
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.