Difference between revisions of "Test"

From 2628Climator
Jump to: navigation, search
 
(26 intermediate revisions by one user not shown)
Line 23: Line 23:
 
</map>
 
</map>
 
</html>
 
</html>
 +
  
 
<html>
 
<html>
<body>
+
<img src="http://2628climator.hyperbody.nl/images/2/29/Masterplan_ImageMapFinal.jpg" width=850 height=478 alt="Site map" usemap="#2628CLIMATOR_FinalMasterplan">
<script>
+
<map name="2628CLIMATOR_FinalMasterplan">
// CREDITS:
+
<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">
// Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
+
<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">
// Distributed by Hypergurl
+
<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">
// Permission given to use the script provided that this notice remains as is.
+
<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">
 
+
<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">
// Set the number of snowflakes (more than 30 - 40 not recommended)
+
<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 snowmax=35
+
<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>
// Set the colors for the snow. Add as many colors as you like
+
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
+
 
+
// Set the fonts, that create the snowflakes. Add as many fonts as you like
+
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
+
 
+
// Set the letter that creates your snowflake (recommended:*)
+
var snowletter="a"
+
 
+
// Set the speed of sinking (recommended values range from 0.3 to 2)
+
var sinkspeed=0.6
+
 
+
// Set the maximal-size of your snowflaxes
+
var snowmaxsize=22
+
 
+
// Set the minimal-size of your snowflaxes
+
var snowminsize=8
+
 
+
// Set the snowing-zone
+
// Set 1 for all-over-snowing, set 2 for left-side-snowing
+
// Set 3 for center-snowing, set 4 for right-side-snowing
+
var snowingzone=1
+
 
+
///////////////////////////////////////////////////////////////////////////
+
// CONFIGURATION ENDS HERE
+
///////////////////////////////////////////////////////////////////////////
+
 
+
 
+
// Do not edit below this line
+
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>
+
</body>
+
 
</html>
 
</html>

Latest revision as of 02: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