Difference between revisions of "Test"

From 2628Climator
Jump to: navigation, search
 
(24 intermediate revisions by one user not shown)
Line 23: Line 23:
 
</map>
 
</map>
 
</html>
 
</html>
 +
  
 
<html>
 
<html>
<script type="text/javascript">
+
<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">
/******************************************
+
<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">
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
+
<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">
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
+
<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">
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
+
<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">
 
+
<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">
  //Configure below to change URL path to the snow image
+
<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">
  var snowsrc="snow.gif"
+
</map>
  // Configure below to change number of snow to render
+
  var no = 10;
+
  // Configure whether snow should disappear after x seconds (0=never):
+
  var hidesnowtime = 0;
+
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
+
  var snowdistance = "pageheight";
+
 
+
///////////Stop Config//////////////////////////////////
+
 
+
  var ie4up = (document.all) ? 1 : 0;
+
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
+
 
+
function iecompattest(){
+
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
+
}
+
 
+
  var dx, xp, yp;    // coordinate and position variables
+
  var am, stx, sty;  // amplitude and step variables
+
  var i, doc_width = 800, doc_height = 600;
+
 
+
  if (ns6up) {
+
    doc_width = self.innerWidth;
+
    doc_height = self.innerHeight;
+
  } else if (ie4up) {
+
    doc_width = iecompattest().clientWidth;
+
    doc_height = iecompattest().clientHeight;
+
  }
+
 
+
  dx = new Array();
+
  xp = new Array();
+
  yp = new Array();
+
  am = new Array();
+
  stx = new Array();
+
  sty = new Array();
+
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
+
  for (i = 0; i < no; ++ i) { 
+
    dx[i] = 0;                        // set coordinate variables
+
    xp[i] = Math.random()*(doc_width-50);  // set position variables
+
    yp[i] = Math.random()*doc_height;
+
    am[i] = Math.random()*20;        // set amplitude variables
+
    stx[i] = 0.02 + Math.random()/10; // set step variables
+
    sty[i] = 0.7 + Math.random();    // set step variables
+
if (ie4up||ns6up) {
+
      if (i == 0) {
+
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
+
      } else {
+
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
+
      }
+
    }
+
  }
+
 
+
  function snowIE_NS6() {  // IE and NS6 main animation function
+
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
+
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
+
    for (i = 0; i < no; ++ i) {  // iterate for every dot
+
      yp[i] += sty[i];
+
      if (yp[i] > doc_height-50) {
+
        xp[i] = Math.random()*(doc_width-am[i]-30);
+
        yp[i] = 0;
+
        stx[i] = 0.02 + Math.random()/10;
+
        sty[i] = 0.7 + Math.random();
+
      }
+
      dx[i] += stx[i];
+
      document.getElementById("dot"+i).style.top=yp[i]+"px";
+
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"
+
    }
+
    snowtimer=setTimeout("snowIE_NS6()", 10);
+
  }
+
 
+
function hidesnow(){
+
if (window.snowtimer) clearTimeout(snowtimer)
+
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
+
}
+
+
 
+
if (ie4up||ns6up){
+
    snowIE_NS6();
+
if (hidesnowtime>0)
+
setTimeout("hidesnow()", hidesnowtime*1000)
+
}
+
 
+
</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