Difference between revisions of "Msc1G2:Student1"

From ex25
Jump to: navigation, search
 
(12 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
__NOTOC__ __NOTITLE__
 +
 
<html>
 
<html>
 +
<iframe width="850" height="450" src="http://raumgewand.de/Hyperbody/Swarmscape.html" frameBorder="0" seamless="seamless" scrolling="no" allowfullscreen></iframe>
 +
</html>
  
<head>
+
== '''Modules''' ==
<style type="text/css">  
+
<p>Swarmscape is a modular system, consisting of large and small modules. The first type provides additional floating landscape, while the latter ensures a quick crossing over the river. A general system follows real time data and informs the modules to move to the most crowded attraction points. Furthermore, Swarmscape is also an interactive landscape. Each module has it‘s own intelligence which is capable to react to different amounts of people.</p>
  
.hotspot {
+
<html>
    position: absolute;
+
<iframe width="850" height="531" src="http://raumgewand.de/Hyperbody/Modules/modules.html" frameBorder="0" seamless="seamless" scrolling="no" allowfullscreen></iframe>
    border: 1px solid blue;
+
</html>
}
+
.hotspot + * {
+
    pointer-events: none;
+
    opacity: 0;
+
}
+
.hotspot:hover + * {
+
    opacity: 1.0;
+
}
+
.wash {
+
    position: absolute;
+
    top: 0;
+
    left: 0;
+
    bottom: 0;
+
    right: 0;
+
    background-color: rgba(255, 255, 255, 0.6);
+
}
+
  
 
+
<html>
 
+
<iframe width="850" height="531" src="https://www.youtube.com/embed/2diu9rIt_84" frameborder="0" allowfullscreen></iframe>
+
</style>  
+
</head>
+
 
+
 
+
<div style="position: relative; height: 188px; width: 300px;">
+
    <img src="http://demo.cloudimg.io/s/width/300/sample.li/boat.jpg">
+
       
+
    <div class="hotspot" style="top: 50px; left: 50px; height: 30px; width: 30px;"></div>
+
    <div>
+
        <div class="wash"></div>
+
        <div style="position: absolute; top: 0; left: 0;">A</div>
+
    </div>
+
       
+
    <div class="hotspot" style="top: 100px; left: 120px; height: 30px; width: 30px;"></div>
+
    <div>
+
        <div class="wash"></div>
+
        <div style="position: absolute; top: 0; left: 0;">B</div>
+
    </div>
+
</div>
+
 
</html>
 
</html>

Latest revision as of 18:01, 26 January 2016


Modules

Swarmscape is a modular system, consisting of large and small modules. The first type provides additional floating landscape, while the latter ensures a quick crossing over the river. A general system follows real time data and informs the modules to move to the most crowded attraction points. Furthermore, Swarmscape is also an interactive landscape. Each module has it‘s own intelligence which is capable to react to different amounts of people.