CINXE.COM
Bizarre real time face-substitution system demonstrated
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" dir="ltr"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.gizmag.com/celebrity-face-substitution-system/19901/","20111007110250","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1317985370"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <title>Bizarre real time face-substitution system demonstrated</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="robots" content="all"/> <meta name="description" content="Digital artist Arturo Castro has put together and demonstrated a video application that maps the faces of celebrities onto his own, in real time."/> <meta name="keywords" content="Facial,Face Detection,Identification,Science and Education"/> <link rel="canonical" href="https://web.archive.org/web/20111007110250/http://www.gizmag.com/celebrity-face-substitution-system/19901/"/> <link rel="image_src" href="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/hero/arturo.jpg"/> <meta name="title" content="Bizarre real time face-substitution system demonstrated"/> <link rel="stylesheet" type="text/css" href="/web/20111007110250cs_/http://www.gizmag.com/css/styles_web.php?x=1317969473"/> <link rel="alternate" type="application/rss+xml" href="https://web.archive.org/web/20111007110250/http://gizmag.com/xml/" title="Gizmag Emerging Technology Magazine"/> <link rel="shortcut icon" href="/web/20111007110250im_/http://www.gizmag.com/images/favicon.ico"/> <link rel="apple-touch-icon" href="/web/20111007110250im_/http://www.gizmag.com/images/apple-touch-icon.png"/> <!-- auvid_inc --> <!-- for google admanager --> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://partner.googleadservices.com/gampad/google_service.js"></script> <script type="text/javascript"> GS_googleAddAdSenseService("ca-pub-1607124478120364"); GS_googleEnableAllServices(); </script> <!-- google ad slots --> <script type="text/javascript"> GA_googleAddSlot("ca-pub-1607124478120364", "ScienceAndEducation_IslandBottom_Right_300x250"); GA_googleAddSlot("ca-pub-1607124478120364", "ScienceAndEducation_IslandTop_Right_300x250"); GA_googleAddSlot("ca-pub-1607124478120364", "ScienceAndEducation_Leaderboard_Top_728x90"); GA_googleAddSlot("ca-pub-1607124478120364", "ScienceAndEducation_Skyscraper_Right_160x600"); GA_googleAddSlot("ca-pub-1607124478120364", "bottom_include"); </script> <script type="text/javascript">GA_googleFetchAds();</script> <script language="JavaScript" type="text/javascript" src="/web/20111007110250js_/http://www.gizmag.com/inc/global_public.js?1317985370"></script> <script type="text/javascript"> window.onload = function() { if(localStorage.getItem('blocksub')!=='true'){ MOOdalBox.init(); setTimeout('MOOdalBox.openForm()', 60000); document.cookie = 'blocksub=true; expires=Thu, 2 Aug 2020 20:47:11 UTC; path=/'; } } </script> <!-- Gizmag TV js --> <!-- <script type="text/javascript" src="/inc/jquery/jquery-1.4.2.min.js"></script> <link rel="stylesheet" type="text/css" href="inc/external/customytplayer/jquery.customYtPlayer.css"> <script type="text/javascript" src="/inc/external/customytplayer/jquery.swfobject.1-1-1.min.js"></script> <script type="text/javascript" src="inc/external/customytplayer/jquery.customYtPlayer.js"></script> <script type="text/javascript" src="inc/internal/gizmagtv.js"></script> --> </head> <body> <script type="text/javascript" src="/web/20111007110250js_/http://www.gizmag.com/inc/jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/web/20111007110250js_/http://www.gizmag.com/inc/login_comments.js"></script> <!-- Facebook Javascript (loads asynchronously) --> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId: '38456013908', status: true, cookie: true, xfbml: true, oauth: true }); FB.Event.subscribe('auth.logout', function(response) { if(response.status!=='connected'){ //user is logging out of facebook logoutUser(); } }); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//web.archive.org/web/20111007110250/http://connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); var $jqr = jQuery.noConflict(); $jqr(document).ready(function() { var fbuser = checkFBUser(); }); </script> <!-- Google PlusOne --> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/https://apis.google.com/js/plusone.js"></script> <!-- Google analytics tracking script --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-2235360-4']); _gaq.push(['_setCustomVar', 1, 'Section','Science and Education',3 ]); _gaq.push(['_setCustomVar', 2, 'Writer', 'Ben Coxworth', 3 ]); _gaq.push(['_setCustomVar', 4, 'PPV_test3', '1', 3 ]); _gaq.push(['_setCustomVar', 5, 'MonthPublished', '1314860400', 3 ]); _gaq.push(['_setCustomVar', 3, 'View', 'Article', 3 ]); _gaq.push(['_trackPageview']); _gaq.push(['_trackPageLoadTime']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20111007110250/https://ssl' : 'https://web.archive.org/web/20111007110250/http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script> <!-- Google Analytics Social Button Tracking --> <script type="text/javascript" src="/web/20111007110250js_/http://www.gizmag.com/inc/ga_social_tracking_min.js"></script> <!-- Start Quantcast tag --> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-23Y-rtuj52xr6";quantserve();</script> <noscript><img src="https://web.archive.org/web/20111007110250im_/http://pixel.quantserve.com/pixel/p-23Y-rtuj52xr6.gif" style="display: none" height="1" width="1" alt="Quantcast"/></noscript> <!-- End Quantcast tag --> <!-- chartbeat tracking code --> <script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script> <!-- Top Index --> <div class="index" id="top_index"> <div class="index_center"> <ul class="header_links float_left"> <li><a href="/web/20111007110250/http://www.gizmag.com/xml/" title="Subscribe to Gizmag's RSS feed"><img src="/web/20111007110250im_/http://www.gizmag.com/images/rss_icon_glass.png" alt="RSS logo"/>Subscribe to Gizmag's RSS feed</a></li> <li><a href="https://web.archive.org/web/20111007110250/http://www.twitter.com/gizmag/" title="Follow Gizmag on Twitter"><img src="/web/20111007110250im_/http://www.gizmag.com/images/twitter-icon.png" alt="Twitter bird"/>Follow Gizmag on Twitter</a></li> <li><a href="https://web.archive.org/web/20111007110250/http://www.stumbleupon.com/to/stumble/stumblethru:gizmag.com?utm_source=GizMag&utm_medium=StumbleThru&utm_campaign=StumbleThruButton " title="Explore Gizmag" rel="nofollow"><img src="/web/20111007110250im_/http://www.gizmag.com/images/StumbleUpon-logo.png" alt="Stumble Thru"/>Explore Gizmag</a></li> </ul> <!-- Google Search --> <div id="search_form_top"> <form action="https://web.archive.org/web/20111007110250/http://www.gizmag.com/search/" id="cse-search-box-top"> <div> <input type="hidden" name="cx" value="partner-pub-1607124478120364:cf1bgg5f284"/> <input type="hidden" name="cof" value="FORID:11"/> <input type="hidden" name="ie" value="ISO-8859-1"/> <input type="text" name="q" size="38"/> <input type="submit" name="sa" value="Search"/> </div> </form> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://www.google.com/cse/brand?form=cse-search-box-top&lang=en"></script> </div> </div> </div> <a name="top"></a> <!-- Top Strip: cached --> <div id="top_strip" class="snap_noshots"><center>Latest news from the <a href="https://web.archive.org/web/20111007110250/http://www.gizmag.com/tag/frankfurt-motor-show-2011/" target="_blank">2011 Frankfurt Motor Show</a></center></div> <div class="center"> <div id="header"> <a href="/web/20111007110250/http://www.gizmag.com/" id="logo"></a> <div align="right" class="snap_noshots" id="leaderboard"> <script type="text/javascript">GA_googleFillSlot("ScienceAndEducation_Leaderboard_Top_728x90");</script> </div> </div> <!-- Top Stories: cached --> <div id="top_stories"> <ul id="img"> <li id="top_story0"><a href="/web/20111007110250/http://www.gizmag.com/selk-musuc-sleeping-bag/20069/" title="Selk'Bag is a sleeping bag that you wear"></a></li> <li id="top_story1"><a href="/web/20111007110250/http://www.gizmag.com/gordon-murray-designs-an-electric-car/20040/" title="Gordon Murray designs an electric sportscar"></a></li> <li id="top_story2"><a href="/web/20111007110250/http://www.gizmag.com/alma-telescope-first-image/20050/" title="ALMA opens for business: First image from world's most complex astronomical telescope"></a></li> <li id="top_story3"><a href="/web/20111007110250/http://www.gizmag.com/generating-electricity-from-respiration/20064/" title="New device to generate electricity from human breathing"></a></li> <li id="top_story4"><a href="/web/20111007110250/http://www.gizmag.com/low-impact-hobbit-home/20058/" title="Low-impact Hobbit home only cost US$4,650 to build"></a></li> </ul> <ul id="titles"> <li><a href="/web/20111007110250/http://www.gizmag.com/selk-musuc-sleeping-bag/20069/">Selk'Bag is a sleeping bag that you wear</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/gordon-murray-designs-an-electric-car/20040/">Gordon Murray designs an electric sportscar</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/alma-telescope-first-image/20050/">ALMA opens for business: First image from world's most complex astronomical telescope</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/generating-electricity-from-respiration/20064/">New device to generate electricity from human breathing</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/low-impact-hobbit-home/20058/">Low-impact Hobbit home only cost US$4,650 to build</a></li> </ul> <div class="clear_both"></div> <a id="more" class="orange" href="/web/20111007110250/http://www.gizmag.com/top_stories/">MORE TOP STORIES » </a> <div class="clear_both"></div> </div> <div id="content" class="narrow_content"> <div id="article_top" class="summary_details"> <div class="sd_top"> <a class="small" href="/web/20111007110250/http://www.gizmag.com/scienceandeducation/" style="float: left; ">SCIENCE AND EDUCATION</a> </div> <h2>Bizarre real time face-substitution system demonstrated</h2> <div class="summary_details_left"> <p>By <a href="/web/20111007110250/http://www.gizmag.com/author/ben-coxworth/" rel="author">Ben Coxworth</a></p> <p><em>10:25 September 21, 2011</em></p> </div> <div class="summary_details_right"> <p><img src="/web/20111007110250im_/http://www.gizmag.com/images/icons/splashyIcons/comments.png" alt=""/> <a href="#comments">4 Comments</a> </p> <p></p> </div> </div> <div id="hero_box" style="width: 530px;"> <a id="hero_link" href="/web/20111007110250/http://www.gizmag.com/celebrity-face-substitution-system/19901/picture/143130/"> <img src="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/hero/arturo.jpg" title="Digital artist Arturo Castro has put together and demonstrated a video application that ma..." width="530" height="297" alt="Digital artist Arturo Castro has put together and demonstrated a video application that ma..." border="0"/></a><div class="pic_caption"> <p>Digital artist Arturo Castro has put together and demonstrated a video application that maps the faces of celebrities onto his own, in real time</p> </div> <div class="clear_both"></div> </div> <div class="article_body"> <div id="top_unit"></div> <script type="text/javascript" language="JavaScript"><!-- var google_adnum = 0; adstage = '2'; google_ad_client = 'pub-1607124478120364'; google_ad_output = 'js'; google_ad_channel = '5541773889+8761738140+8027343841+8853938457'; google_max_num_ads = '4'; google_skip = google_adnum; google_feedback = 'on'; google_ad_type = 'text'; google_image_size = '300x250'; //--> </script> <script type="text/javascript" language="JavaScript" src="https://web.archive.org/web/20111007110250js_/http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <p><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html><body><p>Some day in the not-too-distant future, you may be on a service like Chatroulette, and suddenly find yourself matched up with a person who looks exactly like Angelina Jolie. Well, chances are it won't really be her. Instead, it will likely be someone using the descendant of a system put together by Arturo Castro. Using a combination of existing software, the Barcelona digital artist has demonstrated how a variety of famous faces can be mapped onto his own, moving with it in real time. While Castro's system isn't likely to fool anyone - in its present version - it's an unsettling indication of what could be possible with just a little more finessing.</p> <p><a href="https://web.archive.org/web/20111007110250/http://arturocastro.net/" target="_blank">Castro</a>'s application was created using <a href="https://web.archive.org/web/20111007110250/http://www.openframeworks.cc/" target="_blank">openFrameworks</a>, an open source framework for creative coding. This was combined with <a href="https://web.archive.org/web/20111007110250/http://web.mac.com/jsaragih/FaceTracker/FaceTracker.html" target="_blank">FaceTracker</a>, which produces a virtual mesh that matches a human subject's facial features. The colors of the famous faces were blended with those of Arturo's own using an image clone code developed by artist <a href="https://web.archive.org/web/20111007110250/http://methodart.blogspot.com/" target="_blank">Kevin Atkinson</a>. Finally, the FaceTracker meshes were wrapped around his face using the <a href="https://web.archive.org/web/20111007110250/https://github.com/kylemcdonald/ofxFaceTracker" target="_blank">ofxFaceTracker</a> add-on for openFrameworks.</p> <p>The resulting video, which can be seen below, alternates between being funny and just plain creepy, with Castro taking on the identities of celebrities such as Marilyn Monroe, Michael Jackson and Paris Hilton.</p> <p><iframe src="https://web.archive.org/web/20111007110250if_/http://player.vimeo.com/video/29279198?title=0&byline=0&portrait=0" width="500" height="375" frameborder="0" webkitallowfullscreen allowfullscreen></iframe></p> <p>His collaborator Kyle McDonald, who developed ofxFaceTracker, utilized a different blending algorithm for more lifelike results.</p> <p><iframe src="https://web.archive.org/web/20111007110250if_/http://player.vimeo.com/video/29348533?title=0&byline=0&portrait=0" width="500" height="375" frameborder="0" webkitallowfullscreen allowfullscreen></iframe></p> <p>It's not hard to imagine the shenanigans that could result, should more advanced forms of this technology be used for the wrong purposes - is that <em>really</em> your best friend on Skype, asking you for that money? Is that <em>really</em> Mick Jagger telling us how white our sheets can be? The whole thing kind of brings <a href="https://web.archive.org/web/20111007110250/http://www.youtube.com/watch?v=dFFMRXGjfNI" target="_blank">this fella</a> to mind.</p></body></html></p> <!-- INTEL BANNER --> <div id="bottom_unit"> <script type="text/javascript" language="JavaScript"><!-- adstage = '2'; google_ad_client = 'pub-1607124478120364'; google_ad_output = 'js'; google_ad_channel = '5541773889+7414841517'; google_max_num_ads = '1'; google_skip = google_adnum; google_feedback = 'on'; google_ad_type = 'text'; google_image_size = '300x250'; //--> </script> <script type="text/javascript" language="JavaScript" src="https://web.archive.org/web/20111007110250js_/http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> </div> <!-- Share this Article --> <span class="title">Share</span> <div id="article_share" class="dotsontop"> <span class="as_button"><a href="https://web.archive.org/web/20111007110250/http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="gizmag">Tweet</a><script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://platform.twitter.com/widgets.js"></script> <script type="text/javascript"> twttr.events.bind('tweet', function(event) { if (event) { var targetUrl; if (event.target && event.target.nodeName == 'IFRAME') { targetUrl = extractParamFromUri(event.target.src, 'url'); } _gaq.push(['_trackSocial', 'twitter', 'tweet', targetUrl]); } }); twttr.events.bind('retweet', function(){ var targetUrl; if (event.target && event.target.nodeName == 'IFRAME') { targetUrl = extractParamFromUri(event.target.src, 'url'); } _gaq.push(['_trackSocial', 'twitter', 'retweet', targetUrl]); }); function extractParamFromUri(uri, paramName){ if(!uri){ return; } var uri = uri.split('#')[0]; //remove anchor var parts = uri.split('?'); //check for query params if(parts.length == 1){ return; //no params } var query = decodeURI(parts[1]); //find the url param paramName += '='; var params = query.split('&'); for(var i = 0, param; param = params[i]; ++i){ if(param.indexOf(paramName) === 0){ return unescape(param.split('=')[1]); } } } </script> </span> <span class="as_button"><script src="https://web.archive.org/web/20111007110250js_/http://www.stumbleupon.com/hostedbadge.php?s=1"></script></span> <span class="as_button"><g:plusone size="medium" count="true" href="http://www.gizmag.com/celebrity-face-substitution-system/19901/"></g:plusone></span> <span class="as_button"><script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="right"></script></span> <span class="as_button"><script type="text/javascript">reddit_newwindow='1'</script><script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://www.reddit.com/static/button/button1.js"></script></span> <fb:like href="http://www.gizmag.com/celebrity-face-substitution-system/19901/" send="false" width="450" show_faces="false" font="" id="facebook_like"></fb:like><script type="text/javascript">_ga.trackFacebook();</script> </div> <!-- Polls --> <!-- Tags --> <div id="tags"> <span class="title">Tags</span> <div class="dotsontop"> <ul> <li>» <a href="/web/20111007110250/http://www.gizmag.com/tag/face+detection/" rel="tag">Face Detection</a></li> <li>» <a href="/web/20111007110250/http://www.gizmag.com/tag/facial/" rel="tag">Facial</a></li> <li>» <a href="/web/20111007110250/http://www.gizmag.com/tag/identification/" rel="tag">Identification</a></li> <li class="clear_both"></li> </ul> </div> </div> <div id="bing_unit"><!-- bing_unit --></div> <!-- Comments --> <span class="title" id="comments">User Comments (4)</span> <div class="dotsontop" id="comment_dots"> <div id="comment-81547" class="a_comment"> <p>I hope this software puts overpaid actors out of work. </p> <img src="/web/20111007110250im_/http://www.gizmag.com/images/comment.png" alt="comment"> <span class="name">Nelson</span> <span class="date">- September 22, 2011 @ 11:06 am PDT</span> <div class="clear_both"></div> </div> <div id="comment-81625" class="a_comment"> <p>This has got to be the COOLEST thing I've seen as far as software goes. I WANT ONE!! </p> <img src="/web/20111007110250im_/http://www.gizmag.com/images/comment.png" alt="comment"> <span class="name">mharo</span> <span class="date">- September 22, 2011 @ 02:13 pm PDT</span> <div class="clear_both"></div> </div> <div id="comment-81667" class="a_comment"> <p>Idea's been around for decades. The usual use in fiction has been to avoid having to get dressed and made-up for remote conferencing by using the avatar of your own face. </p> <p></p> <p>People like to believe that they can believe their eyes--despite the popularity of illusionists who confuse ans astound them regularly. </p> <p></p> <p>What you see is determined by your brain as much as by what is visually preceptable. </p> <p></p> <p>And no, it won't put actors out of work--the person behind the mask STILL has to perform properly through an entire segment or clip. </p> <p></p> <p>Besides, the actor 'Star' system was created to involve the audience in an off-screen fantasy life. </p> <p></p> <p>The hard question is: All identification methods for computers to id people require that the data be converted into a signal--which can be copied & intercepted & used again. How do we know that the 'person' is the one they say they are, despite the id--which may be false? Even DNA tests currently can be defeated physically as well as electronically since the comparison is, like fingerprints and retinal scans and all other bio-metrics, based upon a sub-set of the entire data stream available. </p> <p></p> <p>The best any security system can say is that it can be defeated only by spending more than it cost--which is seldom true, most such systems can be defeated easily (or at least at lower cost) if you find the correct approach. </p> <img src="/web/20111007110250im_/http://www.gizmag.com/images/comment.png" alt="comment"> <span class="name">Charles Barnard</span> <span class="date">- September 22, 2011 @ 05:04 pm PDT</span> <div class="clear_both"></div> </div> <div id="comment-81706" class="a_comment"> <p>The number one use will be kids masquerading as their parents to get out of 'algebra' tests. </p> <img src="/web/20111007110250im_/http://www.gizmag.com/images/comment.png" alt="comment"> <span class="name">Slowburn</span> <span class="date">- September 22, 2011 @ 07:43 pm PDT</span> <div class="clear_both"></div> </div> </div> <span class="title">Post a Comment</span> <div class="dotsontop" id="comment_form_div"> <div id="comment_form" data-article="19901"> <div id="comments_login"> <form action="" style="clear: both; padding-top: 0px;" name="login_form" id="login_form" onsubmit="return false;"> <p><strong>Login with your gizmag account:</strong></p> <p id="login_status"></p> <label for="email">Email</label><input type="text" class="text" name="email" id="email" value=""/><br/><br/> <label for="password">Password</label><input type="password" class="text" name="password" id="password" value=""/><br/> <div> <input type="submit" style="float: right" id="submit" value="Log In"/> <div id="options"> <a href="/web/20111007110250/http://www.gizmag.com/register/">Register here</a> <a href="/web/20111007110250/http://www.gizmag.com/new_password/">Forgotten your password?</a> </div> </div> <input type="hidden" id="expired_comment" value=""/> </form> </div> <div id="facebook_login"> <p>Or <strong>Login with Facebook:</strong></p><br/> <fb:login-button scope="email" max-rows="1" onlogin="loginFUser(19901);" autologoutlink="true"></fb:login-button> </div> </div> <div class="clear_both"></div> </div> <br/><!-- Related Articles: cached --> <!-- tmp table --><span class="title">Related Articles</span> <div class="dotsontop"> <div id="related_articles"> <div class="pair"> <div> <a href="/web/20111007110250/http://www.gizmag.com/bus-roots-biobus/16591/" class="image" style="clear: both" title="Digital mockup of a bus-top garden (Image: Marco Castro Cosio)"> <img src="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/related/biobus.jpg" alt="Digital mockup of a bus-top garden (Image: Marco Castro Cosio)"/></a> <a style="clear: both" class="blue" href="/web/20111007110250/http://www.gizmag.com/bus-roots-biobus/16591/">Living garden on bus rooftop to add some rolling green to city streets</a> </div> <div> <a href="/web/20111007110250/http://www.gizmag.com/software-developed-to-match-police-sketches-to-mug-shots/18060/" class="image" style="clear: both" title="Software created at Michigan State University is capable of matching faces in police sketc..."> <img src="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/related/mugshots.jpg" alt="Software created at Michigan State University is capable of matching faces in police sketc..."/></a> <a style="clear: both" class="blue" href="/web/20111007110250/http://www.gizmag.com/software-developed-to-match-police-sketches-to-mug-shots/18060/">Software developed to match police sketches to mug shots </a> </div> <div class="clear_both" style="height: 10px;"></div> </div> <div class="pair"> <div> <a href="/web/20111007110250/http://www.gizmag.com/go/6244/" class="image" style="clear: both" title="HearHere enables users to find exactly what they want within a Podcast"> <img src="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/related/6244_2100640755.jpg" alt="HearHere enables users to find exactly what they want within a Podcast"/></a> <a style="clear: both" class="blue" href="/web/20111007110250/http://www.gizmag.com/go/6244/">HearHere enables users to find exactly what they want within a Podcast</a> </div> <div> <a href="/web/20111007110250/http://www.gizmag.com/real-time-facial-tracking-comes-to-mobile-phones/16754/" class="image" style="clear: both" title="A mobile phone using the new facial tracking software "> <img src="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/related/mobio.jpg" alt="A mobile phone using the new facial tracking software "/></a> <a style="clear: both" class="blue" href="/web/20111007110250/http://www.gizmag.com/real-time-facial-tracking-comes-to-mobile-phones/16754/">Real-time facial tracking for mobile phones</a> </div> <div class="clear_both" style="height: 10px;"></div> </div> <div class="pair"> <div> <a href="/web/20111007110250/http://www.gizmag.com/efit-v-software-sketch-artist/13057/" class="image" style="clear: both" title="Dr Christopher Solomon and a composite sketch of him generated by the EFIT-V system"> <img src="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/related/efit-v-software-sketch-artist.jpg" alt="Dr Christopher Solomon and a composite sketch of him generated by the EFIT-V system"/></a> <a style="clear: both" class="blue" href="/web/20111007110250/http://www.gizmag.com/efit-v-software-sketch-artist/13057/">That's him, officer - the Police sketch artist evolves</a> </div> <div> <a href="/web/20111007110250/http://www.gizmag.com/garageband-09-will-teach-you-how-to-play-guitar-and-piano/10671/" class="image" style="clear: both" title="Credit: James Martin/CNET Networks"> <img src="https://web.archive.org/web/20111007110250im_/http://images.gizmag.com/related/10671_7010953512.JPG" alt="Credit: James Martin/CNET Networks"/></a> <a style="clear: both" class="blue" href="/web/20111007110250/http://www.gizmag.com/garageband-09-will-teach-you-how-to-play-guitar-and-piano/10671/">GarageBand '09 will teach you how to play guitar and piano</a> </div> <div class="clear_both" style="height: 10px;"></div> </div> </div> <div class="clear_both"></div> </div> <!-- Email a friend --> <span class="title">Email this article to a friend</span> <div id="email_friend_div" class="dotsontop padding10"> <p><em>Just enter your friends and your email address into the form below</em></p> <p><span id="emailfriendnote">For multiple addresses, separate each with a comma</span></p> <form id="emailafriend" name="emailafriend" action="/web/20111007110250/http://www.gizmag.com/email/friend" class="padding10" onsubmit="email_friend_valid('email_friend', 19901, document.emailafriend.friendsemail.value, document.emailafriend.youremail.value); return false; "> <div id="emailresult"></div> <div class="emailbox"> <label for="youremail">Your Email</label><br/> <input id="youremail" type="text" name="youremail"/> </div> <div class="emailbox"> <label for="friendsemail">Friends Email</label><br/> <input id="friendsemail" type="text" name="friendsemail"/> </div> <div class="emailbutton"> <input type="submit" value="Email"/> </div> </form> <br class="clear_both"/> <p id="privacy">Privacy is safe with us because we have a strict <a href="/web/20111007110250/http://www.gizmag.com/privacy/">privacy policy</a>.</p> </div> <!-- Google Search Box --> <div id="search_form_bottom"> <form action="https://web.archive.org/web/20111007110250/http://www.gizmag.com/search/" id="cse-search-box-bottom"> <span class="title">Looking for something? Search our 15,811 articles</span> <div class="dotsontop"> <input type="hidden" name="cx" value="partner-pub-1607124478120364:bqw4wo-1udf"/> <input type="hidden" name="cof" value="FORID:11"/> <input type="hidden" name="ie" value="ISO-8859-1"/> <input type="text" name="q" size="66" id="search_input"/> <input type="submit" name="sa" value="Search"/> </div> </form> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://www.google.com/cse/brand?form=cse-search-box-bottom&lang=en"></script> </div> </div> <div id="right_cols"> <div class="island"><script type="text/javascript">GA_googleFillSlot("ScienceAndEducation_IslandTop_Right_300x250");</script> </div> <div id="right_col_a"> <div id="right_col_b"> <div class="ad"><script type="text/javascript">GA_googleFillSlot("ScienceAndEducation_Skyscraper_Right_160x600");</script> </div> <div class="ad"> <span class="title">Sections</span> <ul class="dots" id="sections_list"> <li><a href="/web/20111007110250/http://www.gizmag.com/aerogizmo/">Aero Gizmo</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/aroundthehome/">Around The Home</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/automotive/">Automotive</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/babygizmo/">Baby Gizmo</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/childsplay/">Childsplay</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/digital-cameras/">Digital Cameras</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/ecogizmo/">ecoGizmo</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/electronics/">Electronics</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/games/">Games</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/goodthinking/">Good Thinking</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/health/">Health and Wellbeing</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/destinations/">Holiday Destinations</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/homeentertainment/">Home Entertainment</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/remarkablepeople/">Inventors and Remarkable People</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/laptops/">Laptops</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/military/">Military</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/mobiletechnology/">Mobile Technology</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/motorcycles/">Motorcycles</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/music/">Music</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/onthewater/">On the Water</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/outdoors/">Outdoors</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/personalcomputing/">Personal Computing</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/petgizmos/">Pet Gizmos</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/podcasts/">Podcasts</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/researchwatch/">Research Watch</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/robotics/">Robotics</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/scienceandeducation/">Science and Education</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/sports/">Sports</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/spygear/">Spy Gear</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/telecommunications/">Telecommunications</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/urbantransport/">Urban Transport</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/wearableelectronics/">Wearable Electronics</a></li> </ul> </div> </div> <!-- Recent Popular: cached --> <span class="title">Recent popular articles in Science and Education</span> <ul id="vertical_sprite"> <li class="img sect_38" id="story0"><a href="/web/20111007110250/http://www.gizmag.com/energy-storage-membrane-created/19996/" title="New material claimed to store more energy and cost less money than batteries"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/energy-storage-membrane-created/19996/">New material claimed to store more energy and cost less money than batteries</a></li> <li class="img sect_38" id="story1"><a href="/web/20111007110250/http://www.gizmag.com/heat-harvesting-material-microwave-oven/20007/" title="New heat-harvesting material made in microwave oven"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/heat-harvesting-material-microwave-oven/20007/">New heat-harvesting material made in microwave oven</a></li> <li class="img sect_38" id="story2"><a href="/web/20111007110250/http://www.gizmag.com/invisibility-cloak-mirages/20048/" title="New cloaking device is no mirage - but it's like one"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/invisibility-cloak-mirages/20048/">New cloaking device is no mirage - but it's like one</a></li> <li class="img sect_38" id="story3"><a href="/web/20111007110250/http://www.gizmag.com/solar-collector-runs-air-conditioner/20029/" title="Solar thermal collection system uses Sun's heat to keeps things cool"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/solar-collector-runs-air-conditioner/20029/">Solar thermal collection system uses Sun's heat to keeps things cool</a></li> <li class="img sect_38" id="story4"><a href="/web/20111007110250/http://www.gizmag.com/celebrity-face-substitution-system/19901/" title="Bizarre real time face-substitution system demonstrated"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/celebrity-face-substitution-system/19901/">Bizarre real time face-substitution system demonstrated</a></li> <li class="img sect_38" id="story5"><a href="/web/20111007110250/http://www.gizmag.com/worlds-lightest-solid-material-gets-even-lighter/17588/" title="World's lightest solid material, known as 'frozen smoke', gets even lighter"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/worlds-lightest-solid-material-gets-even-lighter/17588/">World's lightest solid material, known as 'frozen smoke', gets even lighter</a></li> <li class="img sect_38" id="story6"><a href="/web/20111007110250/http://www.gizmag.com/45-million-frames-per-second-camera/19388/" title="New X-ray camera to shoot 4.5 million frames per second"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/45-million-frames-per-second-camera/19388/">New X-ray camera to shoot 4.5 million frames per second</a></li> <li class="img sect_38" id="story7"><a href="/web/20111007110250/http://www.gizmag.com/2011-ig-nobel-prize-winners/20013/" title="Celebrate the unusual, honor the imaginative: 2011 Ig Nobel Prize winners announced"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/2011-ig-nobel-prize-winners/20013/">Celebrate the unusual, honor the imaginative: 2011 Ig Nobel Prize winners announced</a></li> <li class="img sect_38" id="story8"><a href="/web/20111007110250/http://www.gizmag.com/reconstructing-visual-stimuli/19934/" title="Scientists reconstruct visual stimuli by reading brain activity"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/reconstructing-visual-stimuli/19934/">Scientists reconstruct visual stimuli by reading brain activity</a></li> <li class="img sect_38" id="story9"><a href="/web/20111007110250/http://www.gizmag.com/neutrinos-faster-than-light/19933/" title="Faster-than-light travel observed ... of neutrinos, maybe"></a></li> <li class="ar_title"><a href="/web/20111007110250/http://www.gizmag.com/neutrinos-faster-than-light/19933/">Faster-than-light travel observed ... of neutrinos, maybe</a></li> </ul> <div class="clear_both"></div> <div class="island"><script type="text/javascript">GA_googleFillSlot("ScienceAndEducation_IslandBottom_Right_300x250");</script> </div> <div id="fbfanbox" class="gapbelow"> <iframe src="https://web.archive.org/web/20111007110250if_/http://www.facebook.com/plugins/likebox.php?id=76426236137&width=350&connections=6&stream=false&height=230" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:287px;"></iframe> </div> <iframe class="gapbelow" src="https://web.archive.org/web/20111007110250if_/http://www.facebook.com/plugins/recommendations.php?site=gizmag.com&width=360&height=300&colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:360px; height:300px;" allowtransparency="true"></iframe> <!-- close right col a --> </div> <!-- close right cols --> </div> <div class="clear_left"></div> <!-- close center --> </div> <!-- footer --> <div id="footer_outer"> <div id="footer"> <div id="footer_items_top"></div> <div id="footer_items_mid"> <!-- Popoular Articles --> <div class="footer_item" id="footer_popular"> <span class="title">Most Popular Articles</span> <div class="dotsontop"> <div class="tabs"> <a onclick="swap_tab('popular_today', 'popular_week', 'popular_all'); sndReqArg('popular_articles', '86400');" id="popular_today" style="font-weight: bold">Today</a> <a onclick="swap_tab('popular_week', 'popular_all', 'popular_today'); sndReqArg('popular_articles', '604800');" id="popular_week">Last Week</a> <a onclick="swap_tab('popular_all', 'popular_week', 'popular_today'); sndReqArg('popular_articles', '');" id="popular_all">All Time</a> </div> <ul id="popular_articles"> <!-- Popular articles (footer): cached --> <li><a href="https://web.archive.org/web/20111007110250/http://www.gizmag.com/low-impact-hobbit-home/20058/">Low-impact Hobbit home only cost US,650 to build</a></li> <li><a href="https://web.archive.org/web/20111007110250/http://www.gizmag.com/us-military-throwable-robots/20052/">U.S military to field-test "throwable" robots in Afghanistan</a></li> <li><a href="https://web.archive.org/web/20111007110250/http://www.gizmag.com/steve-jobs/20063/">Steve Jobs dead at 56</a></li> </ul> </div> </div> <!-- Commented Articles --> <div class="footer_item" id="footer_commented"> <span class="title">Most Commented Articles</span> <div class="dotsontop"> <div class="tabs"> <a onclick="swap_tab('commented_today', 'commented_week', 'commented_all'); sndReqArg('commented_articles', '86400');" id="commented_today">Today</a> <a onclick="swap_tab('commented_week', 'commented_all', 'commented_today'); sndReqArg('commented_articles', '604800');" id="commented_week" style="font-weight: bold">Last Week</a> <a onclick="swap_tab('commented_all', 'commented_week', 'commented_today'); sndReqArg('commented_articles', '');" id="commented_all">All Time</a> </div> <ul id="commented_articles"> <!-- Commented articles (footer): cached --> <li><a href="/web/20111007110250/http://www.gizmag.com/energy-storage-membrane-created/19996/">New material claimed to store more energy and cost less money than batteries</a> (16)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/flipit-usb-charger/20024/">Flipit lets you charge devices from outlets that are in use</a> (13)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/f-35b-jsf-vertical-landing-at-sea/20051/">F-35B completes first vertical landing at sea</a> (13)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/invisibility-cloak-mirages/20048/">New cloaking device is no mirage – but it's like one</a> (12)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/controlled-power-technologies-48v-electric-vtes-supercharger/20037/">Controlled Power Technologies shows 48V electric supercharger</a> (12)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/solar-collector-runs-air-conditioner/20029/">Solar thermal collection system uses Sun's heat to keeps things cool</a> (10)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/blackfriars-solar-railway-bridge/20057/">Work starts on world's largest solar bridge at Blackfriars</a> (9)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/low-impact-hobbit-home/20058/">Low-impact Hobbit home only cost US$4,650 to build</a> (9)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/security-htc-android-smartphones/20010/">“Massive security vulnerability” in HTC Android smartphones exposed</a> (7)</li> <li><a href="/web/20111007110250/http://www.gizmag.com/ducati--new-frame-design-panigale-1199/19990/">Ducati bets the farm on its hugely unsuccessful new frame design for new Panigale 1199 V-twin</a> (7)</li> </ul> </div> </div> <!-- Subscribe Options --> <div class="footer_item nomargin" style="margin: 0px;" id="footer_subscribe"> <span class="title">Subscribe to Gizmag</span> <div class="dotsontop"> <form id="footer_email" action="/web/20111007110250/http://www.gizmag.com/newsletter/" method="post"> <p>Subscribe to Gizmag's email newsletter:</p> <input type="hidden" name="action" value="subscribe"/> <input type="hidden" name="location" value="footer"/> <input type="text" name="email" class="email" value="Enter Your Email Address ..." onclick="this.value=''"/> <input type="image" value="Go" class="submit" src="/web/20111007110250im_/http://www.gizmag.com/images/gobutton.png"/> </form> <div class="subscribe_options"> <a target="_blank" href="https://web.archive.org/web/20111007110250/http://twitter.com/gizmag/" class="twitter_footer greytitle"><img src="/web/20111007110250im_/http://www.gizmag.com/images/twitter-bird-med.png" alt="Follow Gizmag on Twitter" align="left"/> <span class="small">Follow Gizmag on</span><br/> <span class="large">Twitter</span></a> </div> <div class="subscribe_options"> <a href="/web/20111007110250/http://www.gizmag.com/xml/" class="rss_footer greytitle"><img src="/web/20111007110250im_/http://www.gizmag.com/images/rss_icon_footer.png" alt="" align="left"/> <span class="small">Subscribe to Gizmag's </span><br/> <span class="large">RSS feed</span></a> </div> </div> </div> <div class="clear_both"></div> </div> <div id="footer_items_bottom"></div> <div id="copyright"><em>All content copyright © Gizmag 2003 - 2011</em></div> <div class="clear_left"></div> </div> </div> <div class="index" id="footer_index"> <div class="index_center bottom_strip"> <ul> <li><a href="#top">Top</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/">Home</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/newsletter/">Email News</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/about/">About</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/contact/">Contact</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/privacy/">Privacy</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/termsofuse/">Terms & Conditions</a></li> <li><a href="/web/20111007110250/http://www.gizmag.com/advertise/" class="brighter">Advertise</a></li> </ul> </div> </div> <!-- Clicky Tracing Code --> <script src="https://web.archive.org/web/20111007110250js_/http://static.getclicky.com/js" type="text/javascript"></script> <script type="text/javascript">clicky.init(110681);</script> <noscript><p><img alt="Clicky" width="1" height="1" src="https://web.archive.org/web/20111007110250im_/http://in.getclicky.com/110681ns.gif"/></p></noscript> <!-- Netshelter Tracking Pixel --> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://track.netshelter.net/js/sites/gizmag.com.js"></script> <!-- FM Tracking Pixel --> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://static.fmpub.net/site/gizmag"></script> <!-- Chartbeat Tracking Code --> <script type="text/javascript"> var _sf_async_config={uid:4159,domain:"gizmag.com"}; (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (("https:" == document.location.protocol) ? "https://web.archive.org/web/20111007110250/https://s3.amazonaws.com/" : "http://") + "static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); </script> <!-- Crazy Egg --> <script type="text/javascript" src="https://web.archive.org/web/20111007110250js_/http://s3.amazonaws.com/new.cetrk.com/pages/scripts/0008/8786.js"> </script> <!-- auvid --> <!-- bottom include: ABA --> <script type="text/javascript">GA_googleFillSlot("bottom_include");</script> <!-- Page Loaded in: 0.018416166305542 :: 2 sec --> <!-- Displayed on: gizweb1 --> <!-- Article Cached --> </body> </html> <!-- FILE ARCHIVED ON 11:02:50 Oct 07, 2011 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:15:28 Feb 18, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.638 exclusion.robots: 0.032 exclusion.robots.policy: 0.018 esindex: 0.012 cdx.remote: 7.921 LoadShardBlock: 541.693 (3) PetaboxLoader3.resolve: 213.625 (3) PetaboxLoader3.datanode: 243.848 (4) load_resource: 172.606 -->