Difference between revisions of "Test"

From 2628Climator
Jump to: navigation, search
 
(11 intermediate revisions by one user not shown)
Line 12: Line 12:
  
 
<html>
 
<html>
<body>
 
 
<img src="http://2628climator.hyperbody.nl/images/e/e6/MasterPlan_map.jpg" width=850 height=478 alt="Site map" usemap="#2628CLIMATOR_map">
 
<img src="http://2628climator.hyperbody.nl/images/e/e6/MasterPlan_map.jpg" width=850 height=478 alt="Site map" usemap="#2628CLIMATOR_map">
 
<map name="2628CLIMATOR_map">
 
<map name="2628CLIMATOR_map">
Line 23: Line 22:
 
<area shape="poly" alt="Group 7" title="Group 7" coords="658,84,645,66,594,51,594,42,637,24,672,20,708,25,731,32,749,75,734,114,681,154,657,142,649,112" href="http://2628climator.hyperbody.nl/index.php/project07:Frontpage">
 
<area shape="poly" alt="Group 7" title="Group 7" coords="658,84,645,66,594,51,594,42,637,24,672,20,708,25,731,32,749,75,734,114,681,154,657,142,649,112" href="http://2628climator.hyperbody.nl/index.php/project07:Frontpage">
 
</map>
 
</map>
 +
</html>
  
  
 
+
<html>
<!--Simply copy and paste into <BODY>
+
<img src="http://2628climator.hyperbody.nl/images/2/29/Masterplan_ImageMapFinal.jpg" width=850 height=478 alt="Site map" usemap="#2628CLIMATOR_FinalMasterplan">
    Just above the </BODY> tag. -->
+
<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">
<SCRIPT type="text/javascript">
+
<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">
/*
+
<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">
Snow Fall 1 - no images - Java Script
+
<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">
Visit http://rainbow.arch.scriptmania.com/scripts/
+
<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">
  for this script and many more
+
<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">
*/
+
<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 number of snowflakes (more than 30 - 40 not recommended)
+
var snowmax=35
+
 
+
// Set the colors for the snow. Add as many colors as you like
+
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
+
 
+
// Set the fonts, that create the snowflakes. Add as many fonts as you like
+
var snowtype=new Array("Times","Arial","Times","Verdana")
+
 
+
// 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 maximum-size of your snowflakes
+
var snowmaxsize=30
+
 
+
// Set the minimal-size of your snowflakes
+
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.scrollHeight
+
                marginright = document.body.clientWidth-15
+
        }
+
        else if (ns6) {
+
                marginbottom = document.body.scrollHeight
+
                marginright = window.innerWidth-15
+
        }
+
        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+'px';
+
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
+
                snow[i].style.zIndex=1000
+
                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(2*marginbottom-marginbottom-2*snow[i].size)
+
                snow[i].style.left=snow[i].posx+'px';
+
                snow[i].style.top=snow[i].posy+'px';
+
        }
+
        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])+'px';
+
                snow[i].style.top=snow[i].posy+'px';
+
 
+
                if (snow[i].posy>=marginbottom-2*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>
+
<p><font face="arial" size="-2">Free JavaScript from </font><br><font face="arial, helvetica" size="-2"><a href="http://rainbow.arch.scriptmania.com/scripts/">Rainbow Arch</a></font></p>
+
</body>
+
 
</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