Difference between revisions of "Test"

From 2628Climator
Jump to: navigation, search
 
(30 intermediate revisions by one user not shown)
Line 26: Line 26:
  
 
<html>
 
<html>
<script>
+
<img src="http://2628climator.hyperbody.nl/images/2/29/Masterplan_ImageMapFinal.jpg" width=850 height=478 alt="Site map" usemap="#2628CLIMATOR_FinalMasterplan">
 
+
<map name="2628CLIMATOR_FinalMasterplan">
var snowmax=35
+
<area shape="poly" alt="ECOFAB" title="ECOFAB" coords="341,250,343,234,356,207,378,195,398,199,413,217,441,218,461,216,469,209,480,182,492,164,511,153,538,166,559,196,578,231,580,238,544,248,507,260,480,260,459,254,433,248,391,249" href="http://2628climator.hyperbody.nl/index.php/project01:Frontpage">
 
+
<area shape="poly" alt="skintegration" title="skintegration" coords="255,303,225,285,201,271,191,276,149,257,138,247,137,233,148,221,138,212,134,191,155,179,187,191,212,181,226,171,239,150,266,152,282,168,294,166,308,196,304,211,320,230,323,256,322,274,309,301,294,314,278,302,269,306" href="http://2628climator.hyperbody.nl/index.php/project02:Frontpage">
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
+
<area shape="poly" alt="ECONTINUUM" title="ECONTINUUM" coords="296,315,315,291,329,265,339,252,421,249,448,249,466,257,502,262,540,249,574,238,602,244,601,270,575,303,562,319,555,335,490,427,319,342" href="http://2628climator.hyperbody.nl/index.php/project03:Frontpage">
 
+
<area shape="poly" alt="E-CENTER" title="E-CENTER" coords="338,229,319,184,310,176,350,164,396,125,430,88,448,73,470,62,484,90,487,152,490,167,477,186,474,194,436,194,436,211,414,215,398,201,378,196,353,210,342,232,343,234" href="http://2628climator.hyperbody.nl/index.php/project04:Frontpage">
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
+
<area shape="poly" alt="HEXSCAPE" title="HEXSCAPE" coords="579,237,563,204,561,187,547,172,553,155,556,143,599,151,622,159,648,168,665,178,631,227,599,266,600,243" href="http://2628climator.hyperbody.nl/index.php/project05:Frontpage">
 
+
<area shape="poly" alt="SoundScape" title="SoundScape" coords="549,159,525,150,501,137,506,113,507,100,514,83,529,67,550,59,576,56,603,59,605,65,602,88,600,111,590,132,584,145,564,144,554,142" href="http://2628climator.hyperbody.nl/index.php/project06:Frontpage">
var snowletter="*"
+
<area shape="poly" alt="LIVING GARDEN" title="LIVING GARDEN" coords="596,119,602,102,603,82,599,72,606,62,589,59,591,51,614,46,624,41,647,40,669,36,692,52,702,72,709,72,716,79,709,89,704,99,701,108,692,112,689,123,684,131,672,131,667,135,672,142,658,145,647,146,625,143,605,139,596,121" href="http://2628climator.hyperbody.nl/index.php/project07:Frontpage">
 
+
</map>
var sinkspeed=0.6
+
 
+
var snowmaxsize=22
+
 
+
var snowminsize=8
+
 
+
var snowingzone=1
+
 
+
var snow=new Array()
+
var marginbottom
+
var marginright
+
var timer
+
var i_snow=0
+
var x_mv=new Array();
+
var crds=new Array();
+
var lftrght=new Array();
+
var browserinfos=navigator.userAgent
+
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
+
var ns6=document.getElementById&&!document.all
+
var opera=browserinfos.match(/Opera/
+
var browserok=ie5||ns6||opera
+
 
+
function randommaker(range) {
+
rand=Math.floor(range*Math.random())
+
    return rand
+
}
+
 
+
function initsnow() {
+
if (ie5 || opera) {
+
marginbottom = document.body.clientHeight
+
marginright = document.body.clientWidth
+
}
+
else if (ns6) {
+
marginbottom = window.innerHeight
+
marginright = window.innerWidth
+
}
+
var snowsizerange=snowmaxsize-snowminsize
+
for (i=0;i<=snowmax;i++) {
+
crds[i] = 0;                     
+
    lftrght[i] = Math.random()*15;       
+
    x_mv[i] = 0.03 + Math.random()/10;
+
snow[i]=document.getElementById("s"+i)
+
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
+
snow[i].size=randommaker(snowsizerange)+snowminsize
+
snow[i].style.fontSize=snow[i].size
+
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
+
snow[i].sink=sinkspeed*snow[i].size/5
+
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
+
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
+
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
+
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
+
snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)
+
snow[i].style.left=snow[i].posx
+
snow[i].style.top=snow[i].posy
+
}
+
movesnow()
+
}
+
 
+
function movesnow() {
+
for (i=0;i<=snowmax;i++) {
+
crds[i] += x_mv[i];
+
snow[i].posy+=snow[i].sink
+
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
+
snow[i].style.top=snow[i].posy
+
+
if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
+
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
+
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
+
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
+
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
+
snow[i].posy=0
+
}
+
}
+
var timer=setTimeout("movesnow()",50)
+
}
+
 
+
for (i=0;i<=snowmax;i++) {
+
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
+
}
+
if (browserok) {
+
window.onload=initsnow
+
}
+
</script>
+
 
</html>
 
</html>

Latest revision as of 03:03, 22 February 2014

Media Studies course introduction and first lecture with Mark Hemel take place
on Monday, 9th September, 9:45 in room C !

for your reference, Marc Hemel is founding partner of Information Based Architecture and has designed among others the world's
tallest TV tower (610 meter) in Guangzhou, China.



Hyperbody students are welcome to attend eCAADe presentations in protoSPACE!


Wednesday 18 Sep: 11:00 Crowdsourcing and Sensing; 14:00 Performative and Interactive Architecture; 16:30 Algorithmic Design Generation
Thursday 19 Sep: 10:30 Digital Fabrication; 14:00 Models of Computation: Form Studies; 16:15 Biomimetics and Bio-Inspiration
Friday 20 Sep: 11:00 Material Studies; 14:00 Performative Design

Site map eco.FAB Group 2 Group 3 e-CENTER BiTE Group 6 Group 7


Site map ECOFAB skintegration ECONTINUUM E-CENTER HEXSCAPE SoundScape LIVING GARDEN