|
|
(40 intermediate revisions by 3 users not shown) |
Line 2: |
Line 2: |
| | | |
| <html> | | <html> |
− | <style> | + | <iframe width="850" height="450" src="http://raumgewand.de/Hyperbody/Swarmscape.html" frameBorder="0" seamless="seamless" scrolling="no" allowfullscreen></iframe> |
− | div#headercontainer {
| + | |
− | width: 850px; | + | |
− | height: 550px; | + | |
− | margin: 0px;
| + | |
− | margin-bottom: -25px;
| + | |
− | padding: 0px;
| + | |
− | border: 0px;
| + | |
− | color: white;
| + | |
− | background: white url(http://ex25.hyperbody.nl/images/d/de/Group2_151127_atmosphere_web.jpg);
| + | |
− | }
| + | |
− | | + | |
− | div#button1 {
| + | |
− | float: left;
| + | |
− | width: 155px;
| + | |
− | height: 30px;
| + | |
− | border-left: none;
| + | |
− | margin-right: 10px;
| + | |
− | margin-top: 485px;
| + | |
− | background: none;
| + | |
− | opacity: 0.8;
| + | |
− | }
| + | |
− | | + | |
− | div#button {
| + | |
− | float: left;
| + | |
− | width: 155px;
| + | |
− | height: 30px;
| + | |
− | border-left: 3px solid white;
| + | |
− | margin-right: 10px;
| + | |
− | margin-top: 485px;
| + | |
− | background: none;
| + | |
− | opacity: 0.8;
| + | |
− | }
| + | |
− | | + | |
− | div#maintext {
| + | |
− | float: left;
| + | |
− | width: 600px;
| + | |
− | height: 30px;
| + | |
− | margin-left: 100px;
| + | |
− | margin-top:400px;
| + | |
− | align: left;
| + | |
− | opacity: 1;
| + | |
− | font-size: 120%;
| + | |
− | font-style: italic;
| + | |
− | letter-spacing: 0.4px;
| + | |
− | line-height: 105%;
| + | |
− | opacity: 0.8;
| + | |
− | }
| + | |
− | | + | |
− | div#headercontainer a:link {color: white; text-decoration: none; opacity: 1;}
| + | |
− | div#headercontainer a:visited {color: white; text-decoration: none; opacity: 1;}
| + | |
− | div#headercontainer a:active {color: #ff4da6; text-decoration: none; opacity: 1;}
| + | |
− | div#headercontainer a:hover {color: #ff4da6; text-decoration: none; opacity: 1;}
| + | |
− | </style> | + | |
| </html> | | </html> |
| | | |
− | <div id="headercontainer">
| + | == '''Modules''' == |
− | <div id="button1" align="center">
| + | <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> |
− | [[Msc1G2:Group|'''Concept''']]
| + | |
− | </div>
| + | |
− | <div id="button" align="center">
| + | |
− | [[Msc1G2:Student1|'''System''']]
| + | |
− | </div> | + | |
− | <div id="button" align="center">
| + | |
− | [[Msc1G2:Student2|'''Program''']]
| + | |
− | </div>
| + | |
− | <div id="button" align="center">
| + | |
− | [[Msc1G2:Student3|'''Module''']]
| + | |
− | </div>
| + | |
− | <div id="button" align="center">
| + | |
− | [[Msc1G2:Student4|'''Structure''']]
| + | |
− | </div> | + | |
| | | |
| <html> | | <html> |
− | <br> | + | <iframe width="850" height="531" src="http://raumgewand.de/Hyperbody/Modules/modules.html" frameBorder="0" seamless="seamless" scrolling="no" allowfullscreen></iframe> |
− | </br> | + | |
| </html> | | </html> |
| | | |
| <html> | | <html> |
− | <div>
| + | <iframe width="850" height="531" src="https://www.youtube.com/embed/2diu9rIt_84" frameborder="0" allowfullscreen></iframe> |
− | <iframe src="//giphy.com/embed/3oEduV1Zf7p71QbD1u" width="850" height="530" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p> | + | |
− | <i>Diagrammatic simulation of possible new connections without building static bridges</i>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | </br>
| + | |
− | | + | |
− | | + | |
− | <div>
| + | |
− | <iframe src="//giphy.com/embed/3oEduOJPTSvbZB5y2Q" width="850" height="530" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
| + | |
− | <i> Diagrammatic simulation of how the system works according to attractors</i>
| + | |
− | </div>
| + | |
− | <br>
| + | |
− | </br>
| + | |
− | | + | |
− | <h2>Computational approach</h2>
| + | |
− | | + | |
− | <iframe width="850" height="450" src="https://www.youtube.com/embed/Jirxy5nodVM" frameborder="0" allowfullscreen></iframe>
| + | |
− | <i>Grasshopper (Python) simulation of how new powerlines between points occure</i>
| + | |
− | <br>
| + | |
− | </br>
| + | |
− | | + | |
− | <iframe width="850" height="450" src="https://www.youtube.com/embed/U8uK6ZAkEBc" frameborder="0" allowfullscreen></iframe>
| + | |
− | <i>Grasshopper (Kangaroo) simulation of how existing bridges can react according to changing attractor values</i>
| + | |
− | <br>
| + | |
− | </br>
| + | |
− | | + | |
− | <iframe width="850" height="450" src="https://www.youtube.com/embed/TujVkyi_OKA" frameborder="0" allowfullscreen></iframe>
| + | |
− | <i>Grasshopper (Kangaroo) simulation of how the modules find their position on a powerline</i>
| + | |
− | <br>
| + | |
− | </br>
| + | |
− | </html>
| + | |
− | | + | |
− | | + | |
− | == '''Research and References''' ==
| + | |
− | | + | |
− | <html>
| + | |
− | <style>
| + | |
− | .left{float:left;}
| + | |
− | .right{float:right;}
| + | |
− | </style>
| + | |
− | | + | |
− | <div class="left">
| + | |
− | <iframe width="420" height="225" src="https://www.youtube.com/embed/i3ernrkZ91E" frameborder="0" allowfullscreen></iframe>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="right" >
| + | |
− | <iframe width="420" height="225" src="https://www.youtube.com/embed/xK54Bu9HFRw" frameborder="0" allowfullscreen></iframe>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="left">
| + | |
− | <iframe width="420" height="225" src="https://www.youtube.com/embed/ITTvgkO2Xw4" frameborder="0" allowfullscreen></iframe>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="right" >
| + | |
− | <iframe width="420" height="225" src="https://www.youtube.com/embed/qlZXIeEgLmQ" frameborder="0" allowfullscreen></iframe>
| + | |
− | </div>
| + | |
| </html> | | </html> |
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.