tag:blogger.com,1999:blog-36998745083355711262024-03-17T07:19:21.849+00:00en-topiaUrban Planning and the future of the cityen-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.comBlogger22125tag:blogger.com,1999:blog-3699874508335571126.post-87810420469075834112016-04-04T13:09:00.000+01:002016-05-10T01:12:17.161+01:00BIG Data = Big Structures? | The 2016 skyscraper competition<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NWRv1ET61mUAJd8B2nNt8xs2c6dY3OEuUjt0eyHubziQbYF3sNaSTMDE-W0Ec6aE5zEzBxWVmk04ny3DlRJMKO5A_gGej27kk2Ck1AlGLhwOfZUJvNjZ1L9nWxacCPfLHxnVxlXJ2uQ/s1600/Evolo-2016-Skyscraper-Competition-Winner-slideshow_dezeen_1568_0_v2.jpg" style="text-align: justify;"><img border="0" height="365" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NWRv1ET61mUAJd8B2nNt8xs2c6dY3OEuUjt0eyHubziQbYF3sNaSTMDE-W0Ec6aE5zEzBxWVmk04ny3DlRJMKO5A_gGej27kk2Ck1AlGLhwOfZUJvNjZ1L9nWxacCPfLHxnVxlXJ2uQ/s640/Evolo-2016-Skyscraper-Competition-Winner-slideshow_dezeen_1568_0_v2.jpg" width="800"></a><br>
<br>
<div style="text-align: justify;">
<br>
<span style="text-align: justify;">The E-Volo </span><a href="http://www.evolo.us/category/2016/" style="text-align: justify;">skyscraper competition</a><span style="text-align: justify;"> just announced its winners. Mega structures are almost always viewed idealistic and it is precisely the fact that they meet the line between what is real and what is utopian that makes such works inspirational. </span><span style="text-align: justify;">This year most of the works were dedicated on the emergence of the smart city. Sensors, BiG Data, Drones domination; and always winking at sustainability.</span><br>
<span style="text-align: justify;"><br></span>
But do Big Data equal Big structures? Unlike previous entries, this year's projects present skyscrapers that have a purifying role for the city, but are not habitable. They are gigantic structures designed to host technology or "environment". In the year of the refugee crisis and informal settlements, will we need to create homes for sustainable machines?</div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
The first price went to Yitan Sun and Jianshi Wu for "New York Horizon" (cover). The project questioned the traditional perception of what is a skyscraper and designed a sunken mega-structure to reveal mountains and landscapes that are now hidden under the surface of Central Park. The landscape as a hidden ancient temple it is exposed and exhibited, referring to the recent theories of preservation and the need to preserve cultural heritage.</div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
A personal favourite, the second price by Hadeel Ayed Mohammad, Yifeng Zhao, and Chengda Zhu creates a terminal station for commercial and personal drones, forming a "bee hive", as a humorous comment to the rise of the drone tribe. While the third price, creates a vertical data storage in Iceland. </div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
Very interesting is the "Cloud Craft: Rainmaking Skyscraper" by Michael Militello and Amar Shah which seeks to create a gigantic rain making machine, located (where else..) in California. The pair managed to point out an interesting fact. The concept of rainmaking skyscrapers may sound happy and utopian, but the idea of huge machine-type structures which their only function is to improve the environment is somewhat contradictory. Almost like saving seals with guns. Which is why their original conceptual image is set in a dystopian city, while the design of the rainmaker skyscrapers, directly refer to high-tech polluting factory pipes. </div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
It is a fact that electronic waste is a serious challenge for the new age and recycling/self-repairing is now in the priorities of many smart systems. However, is the problem actually being addressed?</div>
<div style="text-align: justify;">
The hype of the new age is coming much faster than the realization of such and there is almost no time for the development of a theoretical background. That is why there is a tendency to turn to smaller rather than bigger. </div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
View the submissions below>></div>
<br>
<a href="https://en-topia.blogspot.com/2016/04/big-data-big-structures-2016-skyscraper.html#more">Read more »</a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com23tag:blogger.com,1999:blog-3699874508335571126.post-498190585867068562015-01-29T15:02:00.002+00:002016-06-18T17:44:49.272+01:00Lego X Combines Augmented Reality, 3D modelling and 3D printing<br>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVIfOdQDiZQiKeHE48i2_WTCCfTxRiDftlyeLlltHAiz4G2ydfiRo1_T4uWf8mtkgBGosxI-D88YRgVWWP310LqzjKn_323FVAo-_I9EmbhhDMWFmMooCPgKSVsl0msoSk7mr7DpsNA2Q/s1600/lego1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVIfOdQDiZQiKeHE48i2_WTCCfTxRiDftlyeLlltHAiz4G2ydfiRo1_T4uWf8mtkgBGosxI-D88YRgVWWP310LqzjKn_323FVAo-_I9EmbhhDMWFmMooCPgKSVsl0msoSk7mr7DpsNA2Q/s1600/lego1.jpg" width="740"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
Lego has been in the top preferences for architectural toys since forever. And who doesn't enjoy playing with the super colorful Lego pieces. Within the Richard Rogers exhibition in <a href="https://www.royalacademy.org.uk/article/building-blocks-of-the-city">RA London</a> in 2013, one full section was dedicated to the famous bricks, filled with hundreds of lego pieces lying around, to engage people in the architectural thinking of creative modelling. <a href="http://gravitysketch.com/">Gravity,</a> a company based in London, has recently announced an app that will use "location mapping and gyroscopic sensors" to generate digital models of Lego creations.<br>
<br>
The program, "scans" Lego pieces real time and creates 3D models on the fly. Using sophisticated algorithms 3D Lego structures seem to be translated into surfaces, such as walls and roofs. The final stage appears to smooth out corners and curves to produce 3d printable objects which can be send directly for 3D printing.<br>
<div>
<br></div>
<iframe allowfullscreen="" frameborder="0" height="400" src="https://www.youtube.com/embed/LGqvLzRqiC4?feature=player_embedded" width="740"></iframe><br>
<br>
<br>
<br>
<a href="https://en-topia.blogspot.com/2015/01/lego-x-combines-augmented-reality-3d.html#more">Read more »</a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com26tag:blogger.com,1999:blog-3699874508335571126.post-63218618478308916522014-05-07T15:52:00.001+01:002016-06-18T17:35:55.008+01:00London in time | A London's Evolution Animation<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<div style="text-align: left;">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9j9npFPFRi1sdrTjaTilOZejmGXcJstkYmZBlVDu_WZxAHy5eYfpmt4lmRIGQ0bb0AoRCFO029fRvSmdMVI3HTgxDbynw8BGeDajVr-XEzzPVE1xHfvOWnoDQK9C79jVMs3DgZNzZTNc/s1600/D_9.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="1" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9j9npFPFRi1sdrTjaTilOZejmGXcJstkYmZBlVDu_WZxAHy5eYfpmt4lmRIGQ0bb0AoRCFO029fRvSmdMVI3HTgxDbynw8BGeDajVr-XEzzPVE1xHfvOWnoDQK9C79jVMs3DgZNzZTNc/s1600/D_9.jpg" width="800" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: right;"><span style="text-align: start;">The Roman Road network 410AC, as a floating layer over contemporary London in 3D. </span></td></tr>
</tbody></table>
</div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: start;"></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="text-align: start;">How did London become what it is today? How did it evolve and why? It is widely known that London is a historical city. One that has been inhabited for over 1500 years. What most people don't know however, is that the greatest preserved feature of the city, is the road network itself. Unlike other historical cities such as Athens or Rome where there is an obvious patchwork of areas of different periods, London's scheduled sites and listed buildings are individual structures, in many cases assembled gradually by parts from many different periods. Those who tried to locate different historic structures will know that these features appear as pieces of different puzzles, scattered within the vast fabric of the contemporary city. What has been preserved, and what will we preserve in the future?</span></div>
<div style="text-align: justify;">
<br /></div>
</div>
<span style="text-align: justify;">The London Evolution Animation (LEA) was developed by The </span><a href="http://www.casa.ucl.ac.uk/" style="text-align: justify;">Bartlett Centre for Advanced Spatial Analysis (UCL)</a><span style="text-align: justify;">, as a partnership project between </span><a href="http://www.english-heritage.org.uk/" style="text-align: justify;">English Heritage</a><span style="text-align: justify;">, The </span><a href="http://www-smartinfrastructure.eng.cam.ac.uk/" style="text-align: justify;">Centre for Smart Infrastructure and Construction (University of Cambridge)/Dr Kiril Stanilov</a><span style="text-align: justify;"> and </span><a href="http://www.museumoflondonarchaeology.org.uk/" style="text-align: justify;">Museum of London Archaeology (MOLA) </a><span style="text-align: justify;">(with the Mapping London and Locating London's Past projects), and was initiated and directed by </span><a href="http://www.pollyhudsondesign.com/" style="text-align: justify;">Polly Hudson (PHD)</a><span style="text-align: justify;">.</span><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
The London Evolution Animation for the first time, brings together and shows the historical development of London from Roman times to today, through the evolution of the road network and preserved structures of the built environment. The information is categorized by periods and the new road segments appear gradually over an image of the faded contemporary London. For each period, gradually enlarging yellow points highlight the position and number of statutorily protected buildings and structures. Datasets cover London's 19,000 Listed Buildings and 156 Scheduled Monuments which are categorized by period (listed date) and integrated into the animation. LEA brings together datasets provided by English Heritage’s <a href="http://www.english-heritage.org.uk/professional/protection/process/national-heritage-list-for-england/">National Heritage List for England</a>, MOLAS, University of Cambridge -Dr. Kiril Stanilov and Ordnance Survey. Originally, LEA was meant to be developed fully in 3D, which is an ongoing project.</div>
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="400" src="//www.youtube.com/embed/NB5Oz9b84jM" width="650"></iframe>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
The animation was part of the "<a href="http://www.pollyhudsondesign.com/PHD_site/Almost_Lost_Online.html">Almost Lost</a>" Exhibition and aims to create awareness of the importance of preservation of the city's past and provide a reflection for the future. The exhibition included several digital exhibits from the <a href="http://www.bartlett.ucl.ac.uk/casa">Centre of Advanced Spatial Analysis</a>, such as the popular <a href="http://roomthily.tumblr.com/post/22527269203/pigeon-sim-george-mackerron-fly-through">Pigeon Sim </a>and the <a href="http://www.pollyhudsondesign.com/PHD_site/AL_Bloomsbury.html">Bloomsbury Augmented Reality Application</a>, which allows visitors to view a 3D fully interactive model of the area's historic periods, using their iPad.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A series of digital pictures showcase the what if scenarios of developments in London that were never realized, while 3D animations of London's history of the built environment explain more about the city's architectural heritage. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
The exhibition is found online in Polly's Hudson <a href="http://www.pollyhudsondesign.com/PHD_site/Almost_Lost_Online.html">Almost Lost online</a><u> </u>and its a great showcase of London's historic wealth. Further information on the Animation, a historical overview and on the production of the video can also be found in Polly's Hudson website.<br />
<br />
<br />
List of References:<br />
<br />
A. Paolo Masucci, Kiril Stanilov and Michael Batty (2013) The growth of London's street network in its dual representation http://www.bartlett.ucl.ac.uk/casa/publications/working-paper-189<br />
<br />
CASA UCL: http://www.bartlett.ucl.ac.uk/casa<br />
<br />
MOLA: http://www.museumoflondonarchaeology.org.uk/NewsProjects/Current-News/LondonEvolutionAnimation.htm<br />
<br />
Cambridge: http://www-smartinfrastructure.eng.cam.ac.uk/<br />
<br />
English Heritage: http://www.english-heritage.org.uk/en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com244tag:blogger.com,1999:blog-3699874508335571126.post-21764557014966960842013-08-08T16:19:00.005+01:002016-06-18T17:44:25.611+01:00Why we love 3D printing: The London Skyscraper Workshop<div align="center" class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIv3EjJcdIxQAdEULNmAyZ_31pK9N_BcYLZfJQXGHIMtk4TUNpRzH6nEx4EdQ4whZ_7yQU0u7wGue5P6lwZfhHIdsez4NScbP2BDqantqOf2Jb6AJwO98_6H5kfQuBFImCiZcACP3dWLM/s1600/IMG_20140815_1553495.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIv3EjJcdIxQAdEULNmAyZ_31pK9N_BcYLZfJQXGHIMtk4TUNpRzH6nEx4EdQ4whZ_7yQU0u7wGue5P6lwZfhHIdsez4NScbP2BDqantqOf2Jb6AJwO98_6H5kfQuBFImCiZcACP3dWLM/s640/IMG_20140815_1553495.jpg" width="800"></a></div>
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCNZxeU1MOaROHG3EsY1FW8iHSCqUrU3yLnwdhTe7hkwrp33PfO7sJAJZnci6otTBvzgHAY9uU_UjrTKZs12fYzBEq_hlzm5Cz8CDdEI6Ef1r-foqZcBck4t3qq6gRALKFE9KArBOwDHw/s1600/IMG_20140815_1553495.jpg"><span style="color: blue;"><br></span></a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;"><br></span>
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;"> </span>We are incredibly excited with 3D printers and with what people do with them. 3D printing has been around for more than two decades, however the technology has become publicly accessible within the last couple of years. This Swift, from solely the hands of the industries and some privileged designers to the end user, has signified the beginning of a new era where anyone can get a hold of a tiny industry; a portable production unit.<br>
<br>
Back in 2006, the "<a href="http://www.digitalurban.org/2006/03/fantasy-london-google-earth-court.html">Fantasy London</a>" competition by Digital Urban encouraged creativity in schools with a workshop where imaginary buildings for London were realized in 3D and placed in London online via Google Earth. Nowadays, domestic 3D Printers and Rapid 3D modelling opened up new possibilities by creating solid versions of dreams in just moments.<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntvNslA3K6qWytxODM3CnlkEubOaeckFUKLvo1lfb-CWK3WXaQ1QWPQ-jET1AuYwkh3DzUChcJUBZ6bdNDoIMHWyPCKxI897IG3cKYLM0eOz1JCEuhOlO7hT2L1yLq25LTxlKQirIJNg/s1600/CNHsN0SWoAE2PDW.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntvNslA3K6qWytxODM3CnlkEubOaeckFUKLvo1lfb-CWK3WXaQ1QWPQ-jET1AuYwkh3DzUChcJUBZ6bdNDoIMHWyPCKxI897IG3cKYLM0eOz1JCEuhOlO7hT2L1yLq25LTxlKQirIJNg/s400/CNHsN0SWoAE2PDW.png" style="cursor: move;" width="400"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
The last two summers Dr. Martin Austwick, <a href="http://mikibeavis/">Miki Beavis</a> and I brought the 3D printing technology of <a href="http://www.bartlett.ucl.ac.uk/casa">CASA UCL</a> to one of the most popular festivals in the UK, to play with the idea of reshaping the skyline of London. The workshop focused on 3D printing and collective urban design and took place at the Mad Hackers Tea Party in the <a href="http://www.greenman.net/">Green Man Festival</a>, alongside many wonderful workshops around science.<br>
<br>
Within 3 days and a total of 15 hours we played with the impossible of what would a future London look like if it was designed by children. John, Anna, Lory and many more participated in the re-design of London's skyline contributing their own skyscraper for London.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoK7aDd8FUM_6wjPojXF_sBmDyn-wDncQPLIOe8edW_uGt1Y_xb9LFFoccd_PJtPIZqIi1h3tRskvKlgMe_wftN2EaezdRa5xjW_FcbQ5Vbab3eqEQaExypZJbJnNya5llulyLtkjn2e4/s1600/Green+Man+instructions+Model+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoK7aDd8FUM_6wjPojXF_sBmDyn-wDncQPLIOe8edW_uGt1Y_xb9LFFoccd_PJtPIZqIi1h3tRskvKlgMe_wftN2EaezdRa5xjW_FcbQ5Vbab3eqEQaExypZJbJnNya5llulyLtkjn2e4/s640/Green+Man+instructions+Model+%25281%2529.jpg" width="800"></a></div>
<br>
<br>
<div>
To realise rapid 3D modelling, we are using a photo of the original drawing and a combination of digitising software that turn raster into vectors. This method has allowed the accurate 3D modelling of a number of different designs in a limited time. In total each skyscraper roughly about 20-30 min. to design, 3D model and 3D print.<br>
<div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div></div><a href="https://en-topia.blogspot.com/2013/08/planet-photoshop.html#more">Read more »</a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com5tag:blogger.com,1999:blog-3699874508335571126.post-73728720275905103152013-07-02T18:37:00.000+01:002013-09-07T20:45:07.815+01:00TweetCity: Building London using Real time feeds and CityEngine<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBqVCrDFARnn-ghUijZo2CBKQY9cT2WV7FEnm0ymNvofp8nZyFmerYOIFeA1Lz3ejbrdzVmYu_IvH6Mf8zJBE94Cx_0ekKc9BRTN7NWTDBYGgdwDBbrn36h-MNg-pw_wLEZbyora2NagI/s1161/mosttwittedbuilding2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBqVCrDFARnn-ghUijZo2CBKQY9cT2WV7FEnm0ymNvofp8nZyFmerYOIFeA1Lz3ejbrdzVmYu_IvH6Mf8zJBE94Cx_0ekKc9BRTN7NWTDBYGgdwDBbrn36h-MNg-pw_wLEZbyora2NagI/s640/mosttwittedbuilding2.jpg" width="750" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
As part of our time here in <a href="http://www.bartlett.ucl.ac.uk/casa">CASA UCL</a>, <a href="https://twitter.com/urschrei">Stephan Hugel</a> and I, developed a simple tool to capture and visualize live tweet feeds and project them onto the actual form of the built environment.</div>
<br />
The application uses the Twitter API, and visualizes results in 3D, similarly to the known<b> <a href="http://www.digitalurban.org/2012/01/londons-twitter-island-from-arcgis-to.html">London Twitter map</a> </b>by <a href="http://urbantick.blogspot.com/">UrbanTick</a>, developed using the data collector created by <a href="http://bigdatatoolkit.org/">Steven Gray</a>, in an attempt to create a new urban landscape.</div>
<div>
<br />
<div style="text-align: justify;">
This work is a first attempt to bring real-time data feeds directly
into 3D GIS and 3D cities and visualize them using a different view. As Stephan wrote: "<a href="http://urschrei.github.io/CityEngine-Twitter/">What if London's buildings grew according to the amount of data they generate</a>?". There is currently a big emphasis on BIM and data management, with a clear focus on sustainability and social infrastructure. However, there is very little information on how and if this process affects the way the built environment grows and evolves.<br />
<br />
Of course this project does not aim to address such questions, but to demonstrate new ways of augmenting already existing spatial data. The application was built entirely in <a href="http://www.esri.com/software/cityengine"><b>ESRI's CityEngine</b></a>, as it
offers a range of 3D visualization techniques which relate to the urban environment. CityEngine allows the generation of forms using simple "rules". In this case, the project collects real-time tweet feeds, aggregates them
by a custom discrete zone system and by default, visualizes them as building
heights. CityEngine provides the key-advantage of allowing the automatic storing of spatially geolocated data directly on a shapefile, augmenting GIS with live information and update the visualization real-time. That is why this application, can work with different basemaps, such as a land use map, wards, or even roads. At the moment, the script stores the number of total tweets for any discrete zone and keeps track of time and date.</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
<br /></div>
</div>
<div class="MsoNormal">
<div style="text-align: justify;">
For example, if the user wants to know how many tweets will fall in the area of Hyde Park
for a specific period of time, he will only have to import an outline of the park in the scene of CityEngine and adjust the values appropriately. The rules that generate geometry are independent of the Information System, a feature which according to my opinion is one of the main advantages of CityEngine, as is allows the customization of different
visualizations. <br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4U8UfqpZ2jBmJVCbcVpHJ6b0q9PD7HoOcrLQ1VuxqQIZHSKFSXcXE1QTDHVLYuzC_aJnHo-q3A6YEszjjQAohUpxS4h0J-ynFByVZUo2jz07xgFutCoSoW9q2BPSKrs6tvmTR6ePzB2Y/s916/squares.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4U8UfqpZ2jBmJVCbcVpHJ6b0q9PD7HoOcrLQ1VuxqQIZHSKFSXcXE1QTDHVLYuzC_aJnHo-q3A6YEszjjQAohUpxS4h0J-ynFByVZUo2jz07xgFutCoSoW9q2BPSKrs6tvmTR6ePzB2Y/s400/squares.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Use of different Basemaps to represent real-time twitter activity - Greater London - 1 km Grid zones. </td></tr>
</tbody></table>
<br />
Here is a little video preview, while thanks to Stephan you <span style="text-align: start;">can download the full script along with instructions and samples from <b><a href="http://urschrei.github.io/CityEngine-Twitter/">GitHub</a>.</b></span><br />
Works with CityEngine, download trial version<a href="http://www.esri.com/apps/products/cityengine2/index.cfm"><b> here</b></a>.</div>
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="480" src="http://www.youtube.com/embed/3fk_qxGZWFQ?feature=player_detailpage" width="740"></iframe>
</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br />
<br /></div>
<br />
<div class="MsoNormal">
<br /></div>
</div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com6tag:blogger.com,1999:blog-3699874508335571126.post-15204838339928451072013-05-30T20:23:00.000+01:002013-05-30T20:54:37.222+01:00Developing classical and contemporary models in ESRI's City Engine- CASA Working Paper 191<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMipx5O-48K5SGZedwzoNkru8lWgjjsBaGIxcQG8fnHqIE-ZCjjX2ZVJgIhXkH8AjSB4GK-bodbNjtKdxcMezT4fPnhUqi05Y_0YB_n87jbxtmCSdtLrT7Sv9nJCe5flf8dle9-HuCwfg/s1600/Perspective.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMipx5O-48K5SGZedwzoNkru8lWgjjsBaGIxcQG8fnHqIE-ZCjjX2ZVJgIhXkH8AjSB4GK-bodbNjtKdxcMezT4fPnhUqi05Y_0YB_n87jbxtmCSdtLrT7Sv9nJCe5flf8dle9-HuCwfg/s640/Perspective.jpg" width="640" /></a></div>
<br />
<br />
ESRI's City Engine not only is a great urban generator, but it also provides the ideal approach for turning the 3D virtual city into an urban modelling tool. Procedural modelling visualizes the results of mathematical models on a 3D Environment and simulate the changes real-time, providing all the necessary features for testing the consequences of Urban modelling theories onto the physical form of the urban environment.<br />
<br />
<br />
I am very excited to have this first paper published in the <a href="http://www.bartlett.ucl.ac.uk/casa">CASA UCL</a> webpage. <br />
<br />
Abstract: <br />
<br />
In this paper we describe the development of projects which aim to explore the use of procedural modelling as a complete toolkit for building interactive visualizations of urban modelling theories. We will use three case studies, starting with the original von-Thunen model, a generalization of von-Thunen using multiple centres and finally the standard dynamic retail model by Wilson and Harris. We will discuss the advantages and limitations in using ESRI’s City Engine and the use of interactive techniques, to visualize and explore classical and contemporary urban modelling theories, by introducing spatial interaction and spatial dynamics within the simulation of a 3d city. In this framework, we provide a guide for developing urban models to aid better analysis and understanding of the urban environment through 3d urban visualizations, complexity theories and interactive systems.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="420" src="http://www.youtube.com/embed/N8mkG0tBnPk?feature=player_detailpage" width="800"></iframe><br />
<br />
<br />
download the full paper and other publications by CASA from <a href="http://www.bartlett.ucl.ac.uk/casa/latest/publications">here</a><br />
<br />
<br />
This paper presents work conducted within the context of the <a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation">MRes in Advanced Spatial Analysis and Visualization</a>. Supervisor professor: Dr. <a href="http://www.digitalurban.org/">Andrew Hudson Smith</a>.<br />
<br />
<br />
I will soon publish a brief tutorial.en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-30482931235591297342013-05-30T15:45:00.001+01:002016-06-18T17:46:01.551+01:00Limitless London<div class="separator" style="clear: both; text-align: left;">
<a href="http://i2.ytimg.com/vi/uy_NJjRT3zk/maxresdefault.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;"><img border="0" src="http://i2.ytimg.com/vi/uy_NJjRT3zk/maxresdefault.jpg" height="320" width="800" /></a></div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">D</span>efining urban boundaries is certainly an undefined topic. A proof is the recent "<a href="http://www.borderlesscompetition.com/">boarderless</a>" competition where the winning projects swing between creating a functional built form of the boundary, or revolved around the notions of non-permanence and instability. The winning project ‘<a href="http://www.borderlesscompetition.com/awards.php?aw=1">Floating Border Project</a>’ by Hélène Grialouand Sebastien Gafari, creates a moving boarder. "The shaded frontier is moving throughout hours, days and seasons. The installation is composed of an inflatable structure which consists of a balloon cloud upon the Temple. These balloons calculate the weather forecast, wind and luminosity. During bad weather, the limit on the ground disappears and the aerial structure lights up to become a signal seen by the both two countries." </div>
</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div>
<div style="text-align: justify;">
As urban planning and architecture integrates advanced techniques from computer science, big data and other sciences, it is affecting the built environment in both design and construction. New techniques which introduce complex calculations of different data feeds have led professionals of the build environment to slightly change their role and find solutions in relation to design and function with a clear focus on optimization and efficiency.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
In the movie "<a href="http://www.imdb.com/title/tt1219289/">Limitless</a>" - 2011, a writer finds the "golden" pill, which allows him to access all of his potentials, giving him fulfilment in life- work and relationships and to accomplish his every goal. The intro of the film, is a very good metaphore of the limitless city. A reflection of todays fluxuating society and the rush to adjust to something that looks as if "it" has begun and as if "it" has no ending.<br />
<br /></div>
</div>
<div>
<div style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhItmLvyaczuNRuaHSc4yoMF4f46zpxsoH4ImI7-UM17rux-h_7PZbB1oTGPfxWWgixeDr036l9bbEvQrGj06_WpT_0rRO2i52-1L3s5iA85NV6xUvbWuQtuC0AjcbQTIj0Pdur_ur7OQ8/s1600/preah_vihear_view2_ASA_13_0355.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="417" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhItmLvyaczuNRuaHSc4yoMF4f46zpxsoH4ImI7-UM17rux-h_7PZbB1oTGPfxWWgixeDr036l9bbEvQrGj06_WpT_0rRO2i52-1L3s5iA85NV6xUvbWuQtuC0AjcbQTIj0Pdur_ur7OQ8/s640/preah_vihear_view2_ASA_13_0355.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">1st prize of boarderless competition Hélène Grialou & Sebastien Gafari</td></tr>
</tbody></table>
</div>
</div>
<div>
<div style="text-align: justify;">
In another film by K. Giannaris, "<a href="http://www.imdb.com/title/tt0181547/">From the Edge of the City</a>" , the undefined city boundaries represent a more vague image of the people who live in the edge of social acceptable. In today's society, to be able to learn quick and easy so as to be as efficient as possible is part of this new world and this tends to be a dominant idea of the new urban utopia. Are we giving our cities some technological shots in the end? Are the boarders going to be defined by what is unable to adjust; inhabited by the marginalized of those without smart-phones?</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
And so, inspired by the brilliant intro of "Limitless" - here is a google maps version for the city of London. Of course not as well executed, but an animation using Google maps and some free sounds from http://soundbible.com, turned out to be something very quick and easy to do.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<iframe allowfullscreen="" frameborder="0" height="400" src="http://www.youtube.com/embed/6BhZrMBeCfM?feature=player_detailpage" width="800"></iframe>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
</div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com5tag:blogger.com,1999:blog-3699874508335571126.post-82494861572170819002013-05-22T22:58:00.002+01:002013-05-24T22:32:11.082+01:00Untitled #1 - local Avoidance<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdyCiJus8vEH91kurg9ndaJbbHvfPKn_sUJXv5WKz58_G1HEw9rFZd9CjcftXr9A4ovQD5dkHoLXoF66DwxbYh2focYzVRyzje15xT9XMZCv6B1RIYFYxbzzuDSoKIzvm8HAZLnm64yK8/s1600/123.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdyCiJus8vEH91kurg9ndaJbbHvfPKn_sUJXv5WKz58_G1HEw9rFZd9CjcftXr9A4ovQD5dkHoLXoF66DwxbYh2focYzVRyzje15xT9XMZCv6B1RIYFYxbzzuDSoKIzvm8HAZLnm64yK8/s640/123.jpg" width="800" /></a></div>
<br />
<br />
In CASA UCL, we have been exploring diffrent assets in Unity 3D. The local avoidance asset of the A* Pathfinding Project, seems to be a complete and one of the most interesting toolkits for simulating hundrends, maybe thousands of agents real-time. Among others, it includes a complete local avoidance system based on RVO and ORCA.<br />
<br />
There seams to be a slight glitch in the generation of diffrent graphs, but overall it can add up to about 6000 - 7000 pathfinding elements without causing any problems and the source code is open for further development. In this visualization the elements not only detect one another, but also have a basic interaction with their enviroment (In this case the space created by the 3D text). In this case there are points in the 3d text which attract more than others and create clusters which fill the space inside the graph. There are two graphs used, one which detects obstacles, such as 3d objects and one which attracts the bots to specific locations. <br />
find the A* Project at : http://arongranberg.com/astar/features<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="400" src="http://www.youtube.com/embed/gA_cQK5gBG4?feature=player_detailpage" width="800"></iframe>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com1tag:blogger.com,1999:blog-3699874508335571126.post-80303569113103883872013-04-30T17:28:00.000+01:002013-04-30T17:35:39.168+01:00Agents and Sustainability in Unity 3D <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicrD8TmdtjzDhm4HBDkRhxUVkmjdaU73yrdYjVKq7eFcEO8_3x8a_YePSv9_DiOtpv50gIhWIkORi9CJYWzzc_uYszGIOL3BrSI_N0nwhBrrK9AqTbOllYcTSOt6awnloSDctawbh8iZs/s1600/agentsandunity.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicrD8TmdtjzDhm4HBDkRhxUVkmjdaU73yrdYjVKq7eFcEO8_3x8a_YePSv9_DiOtpv50gIhWIkORi9CJYWzzc_uYszGIOL3BrSI_N0nwhBrrK9AqTbOllYcTSOt6awnloSDctawbh8iZs/s640/agentsandunity.jpg" width="800" /></a><br />
<br />
Built in Unity 3D, this is an early attempt to create a simple model of energy consumption using agents and interactivity in a playful manner. Eve, the avatar from the <a href="http://en-topia.blogspot.co.uk/2013/01/unity-3d-infinite-museum.html">infinite museum</a> and her sisters, are looking for energy to grow. Once found, they no longer move in panic. That is until they have consumed the energy they stored..<br />
<div>
<br />
It is not arguable that there is a relentless hunt for energy supply these days and renewable energy is one of the key topics in discussions about the future of the city. Building an intelligent sustainable urban environment is a priority and we seem to be heading towards there... however, urban areas and the demand for energy keeps growing in an accelerating ratio, and the lack of it, seems to be causing panic. On top of that, unexpected events keep coming and they seem to destroy all the effort for planning and predictions.<br />
<br />
It is a fact though, that simulations, can help us understand the consequences of decisions and help in avoiding at least the obvious mistakes.<br />
<br />
This is part of a PhD research and part of the research work at the <a href="http://www.bartlett.ucl.ac.uk/casa">Centre for Advanced Spatial Analysis</a> in UCL.</div>
<div>
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="480" src="http://www.youtube.com/embed/8kbZx5kBGhs?feature=player_detailpage" width="800"></iframe></div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-3388510538601699432013-04-15T14:07:00.001+01:002013-04-30T17:36:23.354+01:00A London Network Analysis using City Engine<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWa-k5vDBs199-xqPNW9i4NaM4KZZoWxfnpz3PNkSmEaP6VrjMNkGadV4ieT_9krMRiSYl2UyXlVpFmi85cuOugu5cgOdsqF7KOwXpBZWfxhgPu_POs8q-ZZetL2HmX0iPTmV3mJhyYrs/s1600/graph+analysis.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="502" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWa-k5vDBs199-xqPNW9i4NaM4KZZoWxfnpz3PNkSmEaP6VrjMNkGadV4ieT_9krMRiSYl2UyXlVpFmi85cuOugu5cgOdsqF7KOwXpBZWfxhgPu_POs8q-ZZetL2HmX0iPTmV3mJhyYrs/s640/graph+analysis.jpg" width="640" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
I thought i might try a very quick network analysis of central London using the new City Engine Graph analysis tool and the OS road network. In City Engine, <span class="resultofText" name="resultofMatch">Graph</span> networks can be analyzed by computing <em>global integration</em>, <em>local integration</em> and <em>inbetween centrality</em>. Global integration refers to the sum of shortests paths between each road segment and all other selected segments. In short, this tool calculates all shortest paths between street segments, while the cost fuction takes into account the angles between segments. In this case i' m using automated settings, but even so, the graph tool identifies key features of London's street network such as the high values of Global integration on Oxford Street, which are highlighted red.</div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-23132746495306223912013-02-19T18:46:00.003+00:002013-02-25T00:56:07.060+00:00Invisible fields<br />
<div style="text-align: justify;">
The Washington Post recently released a front-page <a href="http://www.washingtonpost.com/business/technology/tech-telecom-giants-take-sides-as-fcc-proposes-large-public-wifi-networks/2013/02/03/eb27d3e0-698b-11e2-ada3-d86a4806d5ee_story.html">article</a> claiming that "The federal government wants to create super WiFi networks across the nation...Cities support the idea because the networks would lower costs for schools and businesses or help vacationers easily find tourist spots. Consumer advocates note the benefits to the poor, who often cannot afford high cellphone and Internet bills."</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
I will not comment on whether this is a true or false statement, however I am at the CASA office in Tottenham court road and right now i am probably within the range of more than 100 sending and receiving signals. From mobile phones, to wireless networks, to the Geiger counter which measures radiation levels and shows results real-time via CASA’s online webpage “<a href="http://citydashboard.org/london/">CityDashboard</a>”. Sensors have come to realize a new urban landscape. A new locality which is not however making a realized dialogue with the physical environment... However, there are side-effects.</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div>
<br />
<iframe allowfullscreen="" frameborder="0" height="300" mozallowfullscreen="" src="http://player.vimeo.com/video/3684601?byline=0&portrait=0&color=ffffff" webkitallowfullscreen="" width="530"></iframe><br />
<span style="font-size: x-small;"><a href="http://vimeo.com/3684601">Wireless in the world</a> from <a href="http://vimeo.com/timoarnall">Timo</a> on <a href="http://vimeo.com/">Vimeo</a>.</span><br />
<div>
<br /></div>
<br />
<div style="text-align: justify;">
"This new urban landscape is no longer predicated solely on architecture and urbanism. These disciplines now embrace emerging methodologies that bend the physical with new measures, representations and maps of urban dynamics such as traffic or mobile phone flows. Representations of usage patterns and mapping the life of the city amplify our collective awareness of the urban environment as a living organism. These soft and invisible architectures fashion sentient and reactive environments."(<a href="http://www.eucreativeindustries.eu/contents/news/show/habitar-art-exhibition-at-the-laboral-centre-of-art-and-industrial-creation-in-gijon">1</a>)</div>
<div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
In that sense, Urban transformations may not result merely from "changing economic and social drivers within and around densely populated areas" (<a href="http://www.posadlabs.com/category/urban-transformations/">2</a>), but from a more abstract distortion of time and space. Utopian Architects and planners predicted from a very early age that future cities would not only be defined by buildings and streets, but also by different flows of information. It is now widely accepted that citizens would have to live in a constant flux and there is a need for identifying the possible effects of these new systems, as they are potentially new constituencies for the development of planning.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
The introduction of open real-time data may aid in the development of new scenarios and a hint that we are leading in this direction is the recent interest in crowdourcing data analysis and visualizations e.g. the <a href="http://www.programmableweb.com/api/twitter">Twitter API</a> which is one of the most popular APIs for visualizations. There are now over <a href="http://www.programmableweb.com/tag/visualization?apis=Twitter">50 Twitter visualizations</a>. "These applications mine Tweets to provide services that help users track topics of interest, geolocated Tweets and are even used to predict flu outbreaks".(<a href="http://blog.programmableweb.com/2012/01/19/50-twitter-visualizations-including-the-twitsprout-beta/">2</a>)</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBlKPt9_dXeWJFkNDxEbZfk0Z0XZX4d15R8nw8tMfJGTr7lpSycaylYFgJ3zDgcv4o0ghD-ZSzhi5xBO6v4cXwcQ5C7HbtyeE1hPwkTnxWusTigpfog7-1Rx2I9cJZuVa65eQh3WqzViU/s1600/globetweeter.jpg"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBlKPt9_dXeWJFkNDxEbZfk0Z0XZX4d15R8nw8tMfJGTr7lpSycaylYFgJ3zDgcv4o0ghD-ZSzhi5xBO6v4cXwcQ5C7HbtyeE1hPwkTnxWusTigpfog7-1Rx2I9cJZuVa65eQh3WqzViU/s400/globetweeter.jpg" width="530" /></a><br />
<span style="font-size: x-small;">The <a href="http://plopbyte.com/globetweeter/">globe tweeter</a> visualizes real-time twits on a 3D globe project by Cedric Pinson (code development), Design by Guillaume Lecollinet, Node.js hacking Johan Euprhosine.</span><br />
<br />
<div style="text-align: justify;">
We are officially living in hybrid environments where space and flowing data interact with each other. At the same time, the ways in which we perceive this information plays an important role on our understanding about the environment we live in and therefore affects decision making. The realization of such an era is certainly important for the development of new solutions.</div>
<div style="text-align: justify;">
<br /></div>
</div>
</div>
<div style="text-align: justify;">
Speaking about invisible fields, <a href="http://www.modular-audio-graphics.com/">Stefan Berke and Martin Hunniger</a> thought of sound as Anthony DeVincenzi (<a href="http://vimeo.com/17459171">invisible forces</a>) thought of fields. This is a project were midi notes drive the creation of an openGL shader, seeking new aspects in the 3d visualization of invisible fields.</div>
<br />
<iframe allowfullscreen="" frameborder="0" height="300" mozallowfullscreen="" src="http://player.vimeo.com/video/54473222" webkitallowfullscreen="" width="530"></iframe><br />
<span style="font-size: x-small;">Downtrib, screened at Fulldome UK 2012.</span><br />
<br />
<br />en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com1tag:blogger.com,1999:blog-3699874508335571126.post-7678384164052522802013-01-08T18:49:00.001+00:002013-02-19T18:47:18.818+00:00UNITY 3D - The infinite museum<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheN5Pg3DiY-bT6nXAN0YdM4yxyn-iLAg9yfVw1Z2R-TKXB2rkORhIeECN2VwdjsKqPCbxKK39GgibSi4ei7T9s-UlkRHZFmPs5xmd2tMEfAi6fnElBm5-J5Esx1xMSffCegH-gWikSnj4/s1600/infinite3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheN5Pg3DiY-bT6nXAN0YdM4yxyn-iLAg9yfVw1Z2R-TKXB2rkORhIeECN2VwdjsKqPCbxKK39GgibSi4ei7T9s-UlkRHZFmPs5xmd2tMEfAi6fnElBm5-J5Esx1xMSffCegH-gWikSnj4/s640/infinite3.jpg" width="800" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: justify;">
In the 2011-2012 <a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation">MRes of Advanced Spatial Analysis and Visualization</a> we worked on some fascinating topics and new year is always a good time to re-cap. The Infinite museum is the result of an interdisciplinary collaboration with <a href="http://covspc.wordpress.com/">Martin Dittus</a>, <a href="http://visualmetro.co.uk/">Ian Morton</a>, <a href="http://spatialurban.wordpress.com/">Mohammad Masum</a> and myself, for the design of a virtual exhibition space, as a showcase for a constantly updating database of different visualization techniques. The first question that emerged in this case, was why build a spatial structure for the presentation of a-spatial information. In this case the answer is conceptual.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
In 1929, Le Corbusier designed the Museum of Unlimited Growth (<a href="http://www.fondationlecorbusier.fr/corbuweb/morpheus.aspx?sysId=13&IrisObjectId=6064&sysLanguage=fr-fr&itemPos=129&itemSort=fr-fr_sort_string1%20&itemCount=217&sysParentName=&sysParentId=65">Musée à croissance illimitée</a>) for the <a href="http://translate.googleusercontent.com/translate_c?client=tmpg&hl=en&langpair=es%7Cen&rurl=translate.google.com&u=http://en.wikipedia.org/wiki/Mundaneum&usg=ALkJrhjgCAhBhQBjGDNiKqcfKrSJxgnCLg">Mundaneum</a> in Geneva. He imagined a square spiral that would develop and grow infinitely in time. In his vision, visitors would follow a path which would let them explore exhibits via a continuous circulation, allowing them to experience what he called a "<a href="http://en.wikipedia.org/wiki/Le_Corbusier">promenade architectural</a>" (an architectural walk). Despite its utopic nature, the vision behind this concept is the realization of an era of constant change and non-permanence, followed by an optimism of continuous growth.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Later, the idea of "virtuality" provoked an even more interesting swift in planning and design with the emergence of parametric modelling, sensors and new interaction techniques, which allowed new notions, e.g gaming, to become an active player in the design process. This awareness became an inspiration for the development of new solutions, such as the experimental project <a href="http://www.polarants.com/">Arctic Research Facility</a> by Polar Ants for building structures in constantly fluctuating physical surroundings. Or even projects which address to philosophical questions, as in the case of the <a href="http://www.dezeen.com/2012/10/13/lotus-dome-installation-by-studio-roosegaarde/">Lotus Dome</a> by studio Roosegaarde, in whether technology can be sacred.</div>
<div style="text-align: justify;">
<br /></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQVsyEeUh1G-KG01gEIqqkfbAvJ2NaC1ZRODE1SFO7ZLqP6i8Y2tDNHQWZYcoiNK3clpwiSvff8bDqbgCXX-PZrU7QKpadvwHONc4qbJcqDUQXCLpwpGAX4os_5T_REWVOKMMyOs4xssc/s1600/1234.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQVsyEeUh1G-KG01gEIqqkfbAvJ2NaC1ZRODE1SFO7ZLqP6i8Y2tDNHQWZYcoiNK3clpwiSvff8bDqbgCXX-PZrU7QKpadvwHONc4qbJcqDUQXCLpwpGAX4os_5T_REWVOKMMyOs4xssc/s320/1234.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The museum of Unlimited Growth - Le Corbusier 1929</td></tr>
</tbody></table>
<br />
<div style="text-align: justify;">
In continuance to these ideas, the Infinite Museum, is an interactive application that allows players to visually explore exhibits (images, movies, 3D models, animated objects) and the complex network of relations between them. The project, follows the inspiration of unlimited growth museum, with the difference that in this case, it moves away from the traditional 3d exhibition spaces which rely on a pre-built structure with a "continuous" or a tree- type "network" circulation. Instead, the Infinite Museum explores the possibilities of modular construction and dynamically constructs a map of rooms whose topology is a result of both player choices and pre-defined exhibit relationships.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
The idea is to create a typical spatial structure of an exhibition space which will be augmented with the ideas of Web3 such as the use of a cloud network for categorizing the exhibits and guiding the viewer. 3D “types of rooms” connect to each other, in order to create a sequence of spaces that will guide the viewer through the exhibition, while providing him the choices of the cloud network. The user becomes the curator, who structures the exhibition, not by designing it, but by choosing types or “tags” of exhibits and therefore, he is more likely to run into the exhibits that are more related to his group of preferences.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
This is a UNITY 3D application, which includes assets built in a range of 3D modeling software packages. Unity, as a game engine, provides excellent tools for interactive 3d space as well as the possibility for developing interesting multi-player game-play.</div>
<br />
<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="420" src="http://www.youtube.com/embed/OAPvLsPBCkk?feature=player_detailpage" width="750"></iframe>
<br />
<br />
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7aD94RmMG5R9PL-bX0lhBKV9sV3gmpThau0dw1-Udj8zyzDO6Qkl3jKbN8_EBjfw4Vbhb2i_uj8Xe9auEC5-lLhWhtmdn9-Izubbxe2zeIMVz0kbWNQFDMcBcrCc-JATcNRGctfM-ILE/s1600/image1.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7aD94RmMG5R9PL-bX0lhBKV9sV3gmpThau0dw1-Udj8zyzDO6Qkl3jKbN8_EBjfw4Vbhb2i_uj8Xe9auEC5-lLhWhtmdn9-Izubbxe2zeIMVz0kbWNQFDMcBcrCc-JATcNRGctfM-ILE/s640/image1.jpg" width="750" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The infinite museum is a showcase for a range of visualization techniques such as images, videos, 3d objects and 3d animations. </td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrUHosq4poeuw__2rHCVi4HWr0qLPxpPkzYFHe9TK23mUCXzlPv4Te8BegDLIDUD2jG-lsvt3kzDukBpkETpPD0KeNfygz9aVoy5NNMODhnSeoxggcuEaMWual1fGbV74fYf7umwb-IM/s1600/image8.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMrUHosq4poeuw__2rHCVi4HWr0qLPxpPkzYFHe9TK23mUCXzlPv4Te8BegDLIDUD2jG-lsvt3kzDukBpkETpPD0KeNfygz9aVoy5NNMODhnSeoxggcuEaMWual1fGbV74fYf7umwb-IM/s640/image8.jpg" width="750" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The application explores the possibilities of modular construction</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ctiEr7c8qfKsFMen9mK7U3d5JGto__GCsMO1eb-7C5fnzUNtQOQ6nDr26ahTqkYIOkONFtRPEvTr5couLO8nn67YzH4s1-iwiwinEdtm626xOQgI3hSBgcudb41NzvFphA5rOfzW6SI/s1600/image4.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ctiEr7c8qfKsFMen9mK7U3d5JGto__GCsMO1eb-7C5fnzUNtQOQ6nDr26ahTqkYIOkONFtRPEvTr5couLO8nn67YzH4s1-iwiwinEdtm626xOQgI3hSBgcudb41NzvFphA5rOfzW6SI/s640/image4.jpg" width="750" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The application doesn't rely on a pre-built structure, instead it dynamically creates a map of rooms whose topology is a result of player options and pre-defined exhibit relationships. </td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
In terms of typology, the rooms of the Infinite Museum are especially designed so as to be "convex", meaning they all connect seamlessly, and in their combination fully cover a 2D area. The impression in this case, is not a sequence of rooms, but more of a collection of infinite spaces. Very much like a puzzle with different pieces that are all linkable to each other. In that way there are 6*6*4= 144 possible connections and therefore 144 different spaces generated by just 6 cubic rooms.</div>
<div style="text-align: justify;">
<br /></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZvX5E9y3dfTjNOE73K15Mone5T6N9135AXZmkFq2t8fmeF9Hs02fr2rnavJCZR7dtVsOtF2S5hKAUzN3lXuMPK6Rz0ZoL_TkN5_3fEbKiWuKPYZuaMoEywp_kaQvFSgqmp4jesasiJ_I/s1600/6rooms.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZvX5E9y3dfTjNOE73K15Mone5T6N9135AXZmkFq2t8fmeF9Hs02fr2rnavJCZR7dtVsOtF2S5hKAUzN3lXuMPK6Rz0ZoL_TkN5_3fEbKiWuKPYZuaMoEywp_kaQvFSgqmp4jesasiJ_I/s640/6rooms.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">The 6 rooms of the infinite museum<br />
<br /></td></tr>
</tbody></table>
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZ6YZ2QtmLv6MXyEM_xUBnlI0lUoLrnLF49lO9jvkD22TYjRMNV7NZ1TiLtGnqNeir9xDHAPPTE7C_4_U2k-qJSXTBrxSjfJVKZRQ0ARfTqUHqiyaplGbZ1TeUMrNXidxNnxdPMpOW8o/s1600/diffrent+formations.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuZ6YZ2QtmLv6MXyEM_xUBnlI0lUoLrnLF49lO9jvkD22TYjRMNV7NZ1TiLtGnqNeir9xDHAPPTE7C_4_U2k-qJSXTBrxSjfJVKZRQ0ARfTqUHqiyaplGbZ1TeUMrNXidxNnxdPMpOW8o/s640/diffrent+formations.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="text-align: start;"><span style="font-size: x-small;">The generation of different spaces is illustrated above using random formations.</span></span></td></tr>
</tbody></table>
<br />
<br />
<div style="text-align: justify;">
At this point the project is aimed to be a tool for the collection and presentation of different visualization works. Textures and lighting are defaulted and flexible for further development as the game play progresses. Next steps include texture and pattern design, association of spatial items with exhibit tags, real time shadows and interactions, game-play development and the introduction of multi-players.</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
The exhibition incorporates visualizations that were produced as part of taught courses, while the project itself was made in the context of the visualization course by <a href="http://www.digitalurban.org/">Andrew Hudson Smith</a> and <a href="http://sociablephysics.wordpress.com/">Martin Austwick</a>, in the <a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation">MRes ASAV</a> 2011.</div>
<div style="text-align: justify;">
<br /></div>
<br />
This blogpost contains extracts from our group essay.<br />
Team Members, visit their blogs at:<br />
<br />
Martin Dittus <a href="http://covspc.wordpress.com/">COVSPC</a> <br />
Ian Morton <a href="http://visualmetro.co.uk/">visual metro</a> <br />
Mohammad Masum <a href="http://spatialurban.wordpress.com/">Spatial Urban</a> <br />
Flora Roumpani <a href="http://en-topia.blogspot.co.uk/">En-topia</a><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com15tag:blogger.com,1999:blog-3699874508335571126.post-59150632460981540302012-11-07T16:47:00.002+00:002012-11-10T22:55:02.239+00:003D Paris - An Interactive approach<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.obeymagazine.nl/wp-content/uploads/2012/11/3dtourparijs-6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br><img border="0" src="http://www.obeymagazine.nl/wp-content/uploads/2012/11/3dtourparijs-6.jpg"></a></div>
<span style="font-size: xx-small;">image source: </span><a href="http://www.obeymagazine.nl/" style="font-size: x-small;">obey magazine</a><br>
<br>
<a href="http://paris.3ds.com/#Patrimoine">3D Paris</a> is an interactive application designed for IPad and following <a href="https://itunes.apple.com/gb/app/recce-london/id539951375?mt=8">Recce</a>, it aims in bringing the 3D city closer to the user. The viewer can wander in the streets of Paris of 1829, learn about the evolution of the city, or enjoy an aerial view of the city from the top floor of the Eiffel tower.<br>
<br>
In this application the city itself becomes the object of interest, creating a bridge between the broader public and urban history. Virtual reality and the interactive approaches of gaming are being applied on the actual form of the city and that makes me wonder of how long till we see interactive city planning.<br>
<br>
In any case, watching something like this makes me anticipate for an application narrating the history of Athens, the Parthenon and the Ancient Agora. I am looking forward to chatting with the ancient philosophers instead of kinect's (now cancelled) "<a href="http://www.youtube.com/watch?v=2g_U02Pz0P4&feature=related">Milo</a>"...<br>
<br>
<div style="text-align: center;">
<br></div>
<div style="text-align: center;">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/25wi7HVW08g?feature=player_detailpage" width="640"></iframe><br></div>
<div style="text-align: center;">
<br></div>
<div style="text-align: center;">
<br></div>
Experience 3D Paris in your browser at:<br>
<a href="http://paris.3ds.com/#Patrimoine">http://paris.3ds.com/#Patrimoine</a><br>
<br>
for more images:<br>
<a href="https://en-topia.blogspot.com/2012/11/3d-paris-interactive-approach.html#more">Read more »</a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com0tag:blogger.com,1999:blog-3699874508335571126.post-9149239363861557442012-07-22T19:01:00.004+01:002015-07-06T21:22:05.073+01:00New York Cityvision Competition - the city of the future<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.domusweb.it/content/dam/domusweb/en/news/2012/07/26/new-york-cityvision-competition-winners/big_389824_1543_web_234.jpg" imageanchor="0" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.domusweb.it/content/dam/domusweb/en/news/2012/07/26/new-york-cityvision-competition-winners/big_389824_1543_web_234.jpg" height="482" width="740"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><o:p></o:p></span></div>
<br>
This time the future of the contemporary metropolis was "put onto the table" by the<b> <a href="http://www.cityvision-competition.com/newyork/results/">New York Cityvision Competion</a></b> (NYCV) which has recently announced its winners. The competition organised by <a href="http://www.cityvision-mag.com/issues/cityvision-mag-issue-6">City Vision</a> challenged designers, architects, urbaners and planners, to imagine how will the big Apple look like in several years and to make suggestions in a very uncertain and unstable present. <span style="background-color: white;">Perhaps this is the reason why most of the suggestions were not based on scientific evidences, but rather had a philosophical dimension which went beyond the urban context and its architectural goals and joined environmental worries with cinematographic scenes of the distant future.</span><br>
<br>
In this context, the submission which achieved the first place by<b> E. Giannakopoulou, S. Carera, H. Isola, and M. Norzi</b>, offers an opportunity to ask ourselves whether a Manhattan covered with waste could be the city of the future, or the future of the city. On the other hand, the recent theories in preservation and the rise in construction of new museum spaces, give ground to the project of <b>E. Pieraccioli and C. Granato</b> to imagine the future city as a very well preserved monument of human heritage. <br>
<br>
A personal favorite would be the submission of <b>J. Tigges, F. Segat, A. Menon and N. di Croce</b> who look at the architectural features of the city as immigrants, who are humorously moved with ships and planted into other capitals of the world, making a point about this very controversial today's phenomenon.<br>
<br>
The conceptual framework, is presented in several ways. Dramatic images, or superrealistic areal photos that communicate the same way as a cinematographic oeuvre. Many designs are inspired by illustrators such as <b>Saul Bass</b> (1920-1996) or François Schuiten and Benoît Peeters (<b><a href="http://www.johncoulthart.com/feuilleton/2009/09/15/la-fievre-durbicande-by-schuiten-peeters/">La fièvre d'Urbicande</a> </b>1985) a<span style="background-color: white;">nd in some cases one could say that there are traces of the work of </span><b style="background-color: white;">Superstudio</b><span style="background-color: white;"> (1966). Such images present a future known to many filmmakers, where the past is very much alive and nostalgia becomes an urban feature.</span><br>
<br>
Entries and prizes:<br>
<div class="separator" style="clear: both;">
</div>
<a href="https://en-topia.blogspot.com/2012/07/new-york-cityvision-competition-city-of.html#more">Read more »</a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-88007639678003084262012-04-04T14:36:00.007+01:002013-04-15T23:30:15.196+01:00City portraits by Victor Enrich<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLA2nYsg1Jgx_W2P4IfqCmafAa5IJL0SyD8eBqYt5jeA5UaFb3n6yfCrxRKbIQR8ye_LbVoVXt3-iqdmiK7JKpZGyrVZa-OCWVsjbOYgcs-gaoQlEYEJyC4FBgEvTOXM_1fuZg9-0i3w/s1600/City_Portraits_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLA2nYsg1Jgx_W2P4IfqCmafAa5IJL0SyD8eBqYt5jeA5UaFb3n6yfCrxRKbIQR8ye_LbVoVXt3-iqdmiK7JKpZGyrVZa-OCWVsjbOYgcs-gaoQlEYEJyC4FBgEvTOXM_1fuZg9-0i3w/s640/City_Portraits_01.jpg" width="449"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<br>
<span style="font-family: Arial, sans-serif;">There is something fascinating in visualizing sentences. "Don’t talk about it, picture it". Spanish artist Victor Enrich creates surreal city portraits. Images that resemble virtual landscapes, but with a touch of criticism that derives from capturing extremely intimate urban surroundings and manipulating them as he would do in a virtual environment. There is a little bit of magic in combining everyday architectural pictures with virtual ideas. </span><span style="font-family: Arial, sans-serif;">Cities with a road that leads to the sky, a building that looks like a gun.. I particularly like the stranded urban block of flats and the stairs of the plaza hotel, that somehow lost their way to the top of the building and continued duplicating forward:</span><br>
<span style="font-family: Arial, sans-serif;"><br></span>
<span style="font-family: Arial, sans-serif;">click to view images</span><br>
<a href="https://en-topia.blogspot.com/2012/04/city-portraits-by-victor-enrich.html#more">Read more »</a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com0tag:blogger.com,1999:blog-3699874508335571126.post-53196994302370439202012-04-01T22:48:00.008+01:002012-12-04T11:35:46.136+00:00Part 3: Agent Based Modelling - Turning an Image into space<object style="height: 390px; width: 640px;"><param name="movie" value="http://www.youtube.com/v/CV0aRl_3CAk?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/CV0aRl_3CAk?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></object><br />
<br />
<br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 19px;"><br />
</span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">The next assignment in the Visualization course of the MRes </span><a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation" style="line-height: 18px; text-decoration: none;">Advanced Spatial Analysis and Visualisation</a><span style="line-height: 18px;"> in CASA,</span><span style="line-height: 18px;"> was</span><span style="line-height: 18px;"> relevant</span><span style="line-height: 18px;"> to "Agent based modelling"</span><span style="line-height: 18px;">. In this project the idea is to create a tool which loads the pixels of any image, recognise their contrast in comparison to their neighbours and finally produce points which </span></span><span style="color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">interact</span><span style="color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"> with </span><span style="color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">wandering Agents. In this case, the Agents are just moving points which perceive pixels as boundaries and change direction when they get close to them. </span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><br />
</span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><span style="color: #444444;"><span style="line-height: 18px;">However in this project, the Agents are not aware of each other. They move independently, creating random paths. "In </span></span><span style="color: #333333; line-height: 20px; text-align: justify;"> </span><span style="color: #333333; line-height: 20px; text-align: justify;">Multi-Agent Syste</span><span style="color: #333333; line-height: 20px; text-align: justify;">ms (MAS) t</span><span class="" style="color: #333333;">he agents</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">are autonomous</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">entities that</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">have</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">certain characteristics</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">and either </span><span style="color: #333333;"></span><span class="hps" style="color: #333333;">cooperate</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">or</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">act</span><span style="color: #333333;"> </span><span class="hps" style="color: #333333;">selfishly</span><span style="color: #333333;">.</span><span style="color: #333333;"> </span><span class="hps atn"><span style="color: #333333;">"<span style="font-size: x-small;">[1]</span> Even though the strategy of each individual entity is straightforward, these systems can aquire complex behaviours and therefore can be used for problem solving. </span></span><span style="color: #333333;">"Analysed agents are intended to accurately mimic real world entities, based on empirical data or ad hoc values that are realistic substitutes of observed processes."<span style="font-size: x-small;">[2]</span>. </span></span></div>
<div style="text-align: justify;">
<span class="hps atn"><span style="background-color: white; color: #333333; font-family: arial, sans-serif;"><br />
</span></span></div>
<div style="text-align: justify;">
<span class="hps atn"><span style="background-color: white; color: #333333; font-family: arial, sans-serif;">In that context, the next step is for these Agents is to become aware of each other and start having swarm behaviours. </span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #333333; font-family: arial, sans-serif;"><br />
</span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">[1] </span><span style="color: #333333; font-family: arial; font-size: 11px; line-height: 20px; text-align: justify;"> Definition of</span><span style="color: #333333; font-family: arial; font-size: 11px; line-height: 20px; text-align: justify;"> Multi-Agent Systems (MAS): http://www.dortmundintelligence.com/technology_ci_mas.html</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;">[2]</span> <span style="color: #333333; font-family: arial; font-size: 11px; line-height: 20px; text-align: justify;">Batty Michael, [2005], "Cities and Complexity, Understanding Cities with Cellular Automata, Agent-Based Models, and Fractals", N. York: The MIT Press, p. 385</span></span></div>
<div style="text-align: justify;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">Assignment in the context of the visualization course by </span><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-align: left;"><a href="http://sociablephysics.wordpress.com/" style="text-decoration: none;">Martin Austwick</a>, </span><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">in the </span><a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; text-decoration: none;">mres ASAV 2011</a><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">.</span><span style="background-color: white; text-align: left;"> </span></div>
<div>
<div style="text-align: justify;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">music: </span><span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">Cannonball Adderley feat. Miles Davis " Autumn Leaves" (1958)</span></span></div>
</div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-52613550907990355182012-03-18T18:24:00.009+00:002012-12-04T11:36:07.402+00:00Learning processing part:2 Building structures over time<object style="height: 390px; width: 640px;"><param name="movie" value="http://www.youtube.com/v/qtvBxJnJIRo?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/qtvBxJnJIRo?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></object><br />
<br />
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 18px;">In the MRes of </span><a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation" style="background-color: white; line-height: 18px; text-decoration: none;">Advanced Spatial Analysis and Visualisation</a><span style="background-color: white; line-height: 18px;"> in CASA,</span><span style="background-color: white;"><span style="line-height: 18px;"> we are exploring various techniques </span></span><span style="background-color: white; line-height: 18px;">that are relevant</span><span style="background-color: white; line-height: 18px;"> to urban modelling and visualisations, </span><span style="background-color: white; line-height: 18px;">such as Cellular Automata (CA), Agents etc</span><span style="background-color: white;"><span style="line-height: 18px;">. These approaches can be </span></span><span style="background-color: white; line-height: 18px;">abstract</span><span style="background-color: white; line-height: 18px;"> visualizations and in these terms, i m exploring CA</span><span style="background-color: white; line-height: 18px;"> </span> by building vertical structures over time using Processing. </span><br />
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">Assignment in the context of the visualization course by </span><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-align: left;"><a href="http://sociablephysics.wordpress.com/" style="text-decoration: none;">Martin Austwick</a>, </span><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">in the </span><a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left; text-decoration: none;">mres ASAV 2011</a><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">.</span><span style="background-color: white; text-align: left;"> </span><br />
<div style="text-align: -webkit-auto;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">music: J.S. Bach Menuet </span><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">Gameboy Tetris.</span></div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-69632352393897030992012-02-27T19:04:00.023+00:002012-12-04T11:36:31.695+00:00part:1 visualizing flows in processing: Barclays Cycle Hire Bikes<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<object style="height: 390px; width: 640px;"><param name="movie" value="http://www.youtube.com/v/vQ-BHBmORy8?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/vQ-BHBmORy8?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></object></div>
<br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">"Take a cycle, ride it where you like, then return it, ready for the next person. Available 24 hours a day, all year round. It's self-service and there's no booking. Just turn up and go." Barclays Cycle Hire is certainly popular in London. Every time a bike is been hired or returned the time and the location is recorded into the system. </span><br />
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></span><br />
<span style="text-align: left;"><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Here is a simple visualization in processing, showing the starting and end point of each bike's journey per minute. Each yellow point, illustrates the starting point of the journey, while the dark blue points are the final destinations. The direction of the bikes is also animated, showing intentions of travel paths.</span></span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"><br />
</span></span></div>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">Assignment in the context of the visualization course by </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; text-align: left;"><a href="http://sociablephysics.wordpress.com/">Martin Austwick</a>, </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">in the </span><a href="http://www.bartlett.ucl.ac.uk/casa/programmes/postgraduate/mres-advanced-spatial-analysis-visualisation" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">mres ASAV 2011</a><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">.</span><br />
<div style="text-align: -webkit-auto;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px; text-align: left;">intro piano: Hauschka.</span><br />
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"><br />
</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieKfkqOv8u4QlSJfU6VU6cGxN2QtPpjA0yGR0fYAk2RacltvGaU_zWJbp5zI3HeiBPXEe_1A02rSQgkRTgR8l3YkYJUWAoWVJc1HYZT3sOBA-k5n1yERJzlg4C0RaS3zCSgJJIyyF1LWE/s1600/345.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><br />
</a></div>
<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieKfkqOv8u4QlSJfU6VU6cGxN2QtPpjA0yGR0fYAk2RacltvGaU_zWJbp5zI3HeiBPXEe_1A02rSQgkRTgR8l3YkYJUWAoWVJc1HYZT3sOBA-k5n1yERJzlg4C0RaS3zCSgJJIyyF1LWE/s1600/345.jpg" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="414" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieKfkqOv8u4QlSJfU6VU6cGxN2QtPpjA0yGR0fYAk2RacltvGaU_zWJbp5zI3HeiBPXEe_1A02rSQgkRTgR8l3YkYJUWAoWVJc1HYZT3sOBA-k5n1yERJzlg4C0RaS3zCSgJJIyyF1LWE/s640/345.jpg" width="640" /></a></div>
</div>
en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com1tag:blogger.com,1999:blog-3699874508335571126.post-27115426925593608212012-01-19T15:20:00.002+00:002012-09-28T17:48:52.784+01:00Interactive AR urban planning - Attractive City Generator<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Attractive City Generator, is a part of a research program in Zyrich, created by Sofia Georgakopoulou, Edyta Augustynowicz, Stefanie Sixt and Dimitri Demin. " The idea behind it, is to explore urban design methodologies, based on object oriented programming." It is very interesting how this project brings closer the idea of public participation in urban design , since it communicates very successfully basic urban planning principles. The idea of using augmented reality for interactive urban planing models seams very promising for the designers as well. Real time location suitability and many other types of analysis, can be performed in 3d, helping decision making and evaluation. It is certainty a step in making 3d virtual reality something more than iconic modelling. </span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span><br />
<object style="height: 390px; width: 640px;"><param name="movie" value="http://www.youtube.com/v/ei812Ze8y-w?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/ei812Ze8y-w?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></object>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com1tag:blogger.com,1999:blog-3699874508335571126.post-68078937660467838742012-01-11T22:10:00.008+00:002012-07-26T16:51:07.149+01:00ROME - interactive virtual dreams<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw_gv3NsQtW5NMBwZu4rSf1t0NuzqJ9zh1OZiY-c37fMUrWC5MSgaJ7qtGfDJkXaK9U8s-haqyEbXlBqgNzmb7ybu80C9cGV5h7pFeNNZv0dRU_c-Vl1uIs-Uyy0Dz3vEpOddHOHqBCXQ/s1600/rome3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw_gv3NsQtW5NMBwZu4rSf1t0NuzqJ9zh1OZiY-c37fMUrWC5MSgaJ7qtGfDJkXaK9U8s-haqyEbXlBqgNzmb7ybu80C9cGV5h7pFeNNZv0dRU_c-Vl1uIs-Uyy0Dz3vEpOddHOHqBCXQ/s640/rome3.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
WebGl has really amazing possibilities. <strong>ROME</strong> is "an interactive film" according to the developer <strong>Chris Milk</strong>. The user can navigate, choose views and create objects, in an already made animation movie which simulates a ride in different urban environments. This experiment can render visual models Real time. As the people behind Rome said, "WebGl has the ability to change your browser into an open-source video game console". <br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmmmi7rQezXCTpTJaYaDPEj1K6-1Fm9HCD9mKql9JdvVv6Z5HitA_L5sk6fTAINHJcnPBXBSoxE0-3qqUPinWb4jjmznVldcrek1zDt2NWNCUZhYvAkFu0np0lScoXwb5Rwra6KkM4K4/s1600/rome2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmmmi7rQezXCTpTJaYaDPEj1K6-1Fm9HCD9mKql9JdvVv6Z5HitA_L5sk6fTAINHJcnPBXBSoxE0-3qqUPinWb4jjmznVldcrek1zDt2NWNCUZhYvAkFu0np0lScoXwb5Rwra6KkM4K4/s640/rome2.jpg" width="640" /></a></div>
<br />
The final destination is an imaginary virtual world where the user can wander around and explore. Reminds me of some Mike Oldfield visualisations made in the early 90's, where the user could choose an avatar in order to navigate in a virtual imaginary world, filled with Oldfields' experimental music. It was basically a musical vr game found in his (at the time) new album "<a href="http://tubular.net/"><strong>Tres Lunas</strong></a>", on the idea of melding virtual reality and music (available in <a href="http://tubular.net/">http://tubular.net/</a>). Nevertheless, Rome is definitely a different approach to a virtual trip. The users are able to create their own virtual dream and communicate it into the world wide web. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDZjmqfMuYSXLYrvPobcAn9Isi4OR6xk765Tq2mbIl5bNj1OVVPnkvwy7q0QSX3uXodqhiqg978mKch5iVBX_xSAcOZiQj4S2NVlSyeDG1QhTFoeSBuBS_Hk3tLb4fq78Un6lI0jj2XMs/s1600/rome1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDZjmqfMuYSXLYrvPobcAn9Isi4OR6xk765Tq2mbIl5bNj1OVVPnkvwy7q0QSX3uXodqhiqg978mKch5iVBX_xSAcOZiQj4S2NVlSyeDG1QhTFoeSBuBS_Hk3tLb4fq78Un6lI0jj2XMs/s640/rome1.jpg" width="640" /></a></div>
<br />
Rome is a WebGl Chrome experiment and therefore needs chrome browser and a relatively strong graphic card. <br />
For launching "the dream": <br />
<a href="http://www.ro.me/explore">http://www.ro.me/explore</a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-46086815514353305862011-12-09T01:13:00.042+00:002012-04-03T12:00:36.675+01:00Play around with the global data - WebGl Globe<div style="text-align: center;"><div style="text-align: left;"><object height="360" style="height: 390px; width: 640px;" width="640"><param name="movie" value="http://www.youtube.com/v/ywSBozuw_XM?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/ywSBozuw_XM?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object></div></div><br />
<br />
<br />
<div style="text-align: justify;">'<a href="http://code.google.com/p/webgl-globe/"><b>The</b> <b>WebGL Globe</b></a> is an open platform for geographic data visualization. We encourage you to copy the code, add your own data, and create your own.' - Chrome Experiments</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">It's simple, it's free, it's open. The <b>Google Data Arts Team</b> has created a very interesting experiment indeed. What's different about WebGl Globe is that it focuses on data. The graphic environment encourages the user to think about data visualizations on a globe, in contrast to applications such as google earth and <b><a href="http://www.webglearth.com/">Webgl Earth</a></b> which due to the level of detail they offer, the imported by the users data are very diverse and get somehow lost in translation. It may sound limiting, but it marks itself as a tool for global spatial analysis and therefore it becomes ideal for thematic data collection. WebGL Globe can really turn spatial analysis into a fun, visual game. It's all about an open DIY 3d globe, that can give access to an amazing variety of information and tons of creative ideas.<br />
<br />
Doug Fritz of the<em> Google Data Arts Team </em>shared a couple of lines about the project: <em>''</em>Thanks to <a href="http://en.wikipedia.org/wiki/Webgl">WebGL</a>, we’re able to display thousands of moving points at high frame rates by using the user’s graphics processing unit (<a href="http://en.wikipedia.org/wiki/Gpu">GPU</a>) for 3D computations. Each state of the globe has its own geometry and we morph between them with a vertex shader, saving precious CPU resources. Additionally, to make the globe look nice, we took advantage of the possibilities of <a href="http://en.wikipedia.org/wiki/GLSL">GLSL</a> and created two fragment shaders, one to simulate the atmosphere and another to simulate frontal illumination of the planet''. So, here is what some <b>Java script</b>, and the latest technologies in open source (including <b>WebGL</b> and <b>Html5</b>!) can produce.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Visit <a href="http://code.google.com/p/webgl-globe/"><b>http://code.google.com/p/webgl-globe/</b></a> to get started. Note that you do need a relatively strong graphic card though.</div><div style="text-align: justify;"><br />
Features:</div><br />
Latitude / longitude data spikes<br />
Color gradients, based on data value or type<br />
Mouse wheel to zoom<br />
More features are under development...<br />
<br />
<br />
<ul style="background-color: white; color: #333333; font-family: Arial, Verdana, sans-serif; font-size: 13px;"></ul>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com2tag:blogger.com,1999:blog-3699874508335571126.post-87029754478745187032011-11-11T16:26:00.004+00:002012-04-03T11:58:07.459+01:00mapping music / music mapping<b><span style="color: #0b5394; font-size: large;">Music Mapping</span></b><br />
<br />
<object style="height: 390px; width: 640px;"><param name="movie" value="http://www.youtube.com/v/SULEo0dKmnU?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/SULEo0dKmnU?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="740" height="400"></object><br />
<br />
<br />
<div style="text-align: justify;"><span style="color: #444444; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">The tube as a music instrument. <b>Alexander Chen</b> composed an interesting musical piece by using data from the tube. "<b>Conductor</b> turns the New York subway system into an interactive string instrument. Using the MTA's actual subway schedule, the piece begins in realtime by spawning trains which departed in the last minute, then continues accelerating through a 24 hour loop. The visuals are based on Massimo Vignelli's 1972 diagram."</span></div><div style="text-align: justify;"><span style="color: #444444; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Conductor (2011) by Alexander Chen. View at:</span> <a href="http://www.mta.me/"><b><span style="color: #0b5394;">http://www.mta.me</span></b></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;"><span style="line-height: 20px;"><br />
</span></span></div><div style="text-align: justify;"><span style="color: #0b5394; font-size: large;"><b>Mapping music</b></span></div><a href="http://harvardmagazine.com/2007/01-images/RN-threenotechords.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;"><img border="0" height="232" src="http://harvardmagazine.com/2007/01-images/RN-threenotechords.gif" width="320" /></a><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 18px; text-align: justify;">C<span style="color: #444444;">omposer <b>Dmitri Tymoczko</b> of Princeton University </span></span><span style="color: #444444;"><span style="background-color: white; line-height: 24px;"> </span><span style="background-color: white; line-height: 24px;">has developed a way to represent music spatially. "</span><span style="background-color: white; line-height: 24px;">Using non-Euclidean geometry and a complex figure, borrowed from string theory, called an orbifold (which can have from two to an infinite number of dimensions, depending on the number of notes being played at once), Tymoczko’s system shows how chords that are generally pleasing to the ear appear in locations close to one another, clustered close to the orbifold’s center. Sounds that the ear identifies as dissonant appear as outliers, closer to the edges." </span></span></span><br />
<div style="text-align: justify;"><span style="line-height: 24px;"><span style="color: #444444;"><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">original article</span><span style="font-family: georgia, times, serif;"> :</span></span><span style="color: #111111; font-family: georgia, times, serif;"> </span></span><a href="http://harvardmagazine.com/2007/01/mapping-music.html"><span style="color: #0b5394;">http://harvardmagazine.com/2007/01/mapping-music.html</span></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: #0b5394; font-size: large;"><b>Visualizing music</b></span></div><div style="text-align: justify;"><br />
</div><object style="height: 390px; width: 640px;"><param name="movie" value="http://www.youtube.com/v/LlvUepMa31o?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/LlvUepMa31o?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="340"></object><br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br />
</span><br />
<div style="text-align: justify;"><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><b>"Mam Player"</b> turns midi files into artistic, musically related, bar-graph scores. In the World Wide Web, there are hundreds different types of music visualizations, and that is because midi (Musical Instrument Digital Interface), is basically a musical data file. "</span><span style="background-color: white; line-height: 20px;"><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">MIDI data is stored as the various trigger instructions for any given sound source" .</span></span></div><br />
For more information about how this visualization was produced:<br />
Visualization produced by <b>Steven Malinowsky</b><br />
<a href="http://www.musanim.com/ProductionNotes/ClairDeLune.html"><span style="color: #0b5394;">http://www.musanim.com/ProductionNotes/ClairDeLune.html</span></a> <br />
freeware "Music Animation Machine Midi Player" for producing music visualizations:<br />
<a href="http://www.musanim.com/player/"><span style="color: #0b5394;">http://www.musanim.com/player/</span></a>en-topiahttp://www.blogger.com/profile/18037781139918495266noreply@blogger.com1