ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Brett Jones</title> <link rel="stylesheet" type="text/css" href="style.css" /> <!-- Google Analytics --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28243132-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <div id ="page"> <div class="menu"> <ul><img src="images/header.png" /></ul> <ul> <li><a href="index.html" target="_self" >Home</a> </li> <li><a href="projects.html" target="_self" >Projects</a> </li> <li><a href="photos.html" target="_self" >Gallery</a> <ul> <li><a href="photos.html" target="_self">Photos</a></li> <li><a href="galleryVideos.html" target="_self">Videos</a></li> <li><a href="galleryCG.html" target="_self">CG</a></li> <li><a href="galleryF.html" target="_self">Flash</a></li> <li><a href="galleryS.html" target="_self">Sculpture</a></li> <li><a href="galleryPD.html" target="_self">Painting</a></li> </ul> </li> <li><a href="cv.html" target="_self" >CV</a> </li> <li><a href="http://www.augmentedengineering.com" target="_blank" >Blog</a> </li> <li><a href="aboutme.html" target="_self" >About Me</a> </li> </ul> </div> <div id="content"> <p> <img class="centered padded" src="images/projectsHeader.gif"> </p> <h1>Master's Research</h1> <div id="entry"> <a name="SlScan"><h3>Open-light (Open Source Structured Light Implementation)</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/scanMe_200.png"> </div> <div id="text"> Coming Soon! <p>(<a href="http://code.google.com/p/open-light/">http://code.google.com/p/open-light/</a>)</p> <p> An open-source structured light 3D scanner. Structured light utilizes a projector-camera pair to acquire a dense 3D scan. The project supports a variety of research camera hardware (Canon DSLRs, Point Grey Research, Web cameras) and features a projector-camera calibration library. The system utilizes a hybrid Graycode and phase shifted sinusoidal pattern codification with epipolar constraints and sparse bundle adjustment. </p> </div> </div> <div id="entry"> <a name="SIE"><h3>Build Your World and Play in It: Interacting with Surface Particles on Complex Objects</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/SIE.jpg"> </div> <div id="text"> 10/15/2010 <p><a href="http://www.ismar10.org/index.php">ISMAR 2010</a>: Proceedings of the IEEE International Symposium on Mixed and Augmented Reality</p> <h4> Best Student Paper Award</h4> <p> <iframe src="http://player.vimeo.com/video/12154930?portrait=0" width="450" height="336" frameborder="0"></iframe> </p> <p><b><i>Abstract</i></b></p> <p> "We explore interacting with everyday objects by representing content as interactive surface particles. Users can build their own physical world, map virtual content onto their physical construction and play directly with the surface using a stylus. A surface particle representation allows programmed content to be created independent of the display object and to be reused on many surfaces. We demonstrated this idea through a projector-camera system that acquires the object geometry and enables direct interaction through an IR tracked stylus. We present three motivating example applications, each displayed on three example surfaces. We discuss a set of interaction techniques that show possible avenues for structuring interaction on complicated everyday objects, such as Surface Adaptive GUIs for menu selection. Through a preliminary informal evaluation and interviews with end users, we demonstrate the potential of interacting with surface particles and identify improvements necessary to make this interaction practical on everyday surfaces." </p> </div> </div> <div id="entry"> <a name="Astral"><h3>Astral Convertible</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/astral_200.png"> Assisted in tower projections for a reimagining of Trisha Brown's Astral Convertible. </div> <div id="text"> 02/04/2010 <p> The <a href="http://dance.uiuc.edu/">UIUC Dance Department</a> staged a reimagining of the seminal dance performance "Astral Convertible" and Rajinder Sodhi and I were brought on to reimagine the visualization of the dance performance. The goal was to visualize dancer movement </p> <p> As the final piece used simple planar towers our research system was not used directly and we did consulting and assisted <a href="http://avl.ncsa.illinois.edu/abetts.html">Alex Betts</a> from the <a href="http://avl.ncsa.illinois.edu/Downloads.html">NCSA Advanced Visualization Lab</a>. </p> <p> Here is some <a href="http://news.illinois.edu/news/10/0122astral.html">press</a>. </p> </div> </div> <div id="entry"> <a name="3DArch"><h3>Interactive 3D Architectural Modeling From Dense Point Clouds</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/3Darch.png"> </div> <div id="text"> 12/18/2009 <p> Adaption of the paper "<a href="cs.unc.edu/~ssinha/Research/sigasia08/">Interactive 3D Architectural Modeling from Unordered Photo Collections</a>". In contrast to the original work, this system is designed to work on DENSE point clouds (not using SFM). This was a class project in <a href="https://agora.cs.illinois.edu/display/graphics/CS598JCH+Fall2009">CS598 Shape Modeling</a> with <a href="http://graphics.cs.uiuc.edu/~jch/">Prof. John Hart</a>. </p> <p> An interactive 3D modeling application that allows users to sketch coarse approximations to buildings using an image based modeling interface. The user sketches a polygon in image space which is then projected into 3D and properly fit to the dense data set. User sketched edges are snapped to principal axes of the data set and vertices are snapped to existing vertices. </p> <p> <object width="425" height="319"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8442558&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8442558&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="425" height="319"></embed></object> </p> </div> </div> <div id="entry"> <a name="PMT"><h3>Projection Mapping Toolkit</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/sar_200.jpg"> </div> <div id="text"> 06/01/2009 <p> As an initial experiment in Spatially Augmented Reality, <a href="http://rsodhi.com/">Rajinder Sodhi</a> and I created the Projection Mapping Toolkit (PMT). The Projection Mapping Toolkit is a system and series of tools that allows for displaying video textures on physical display surfaces. The toolkit was created for use in a variety of demos and performances. </p> <p> The project featured: <ul> <li>playing video textures on physical display surfaces using <a href="http://www.panda3d.org/">Panda3D</a></li> <li>calibration by clicking on a series of 3D reference points [<a href="http://web.media.mit.edu/~raskar/">Ramesh Raskar</a>'s <a href="http://web.media.mit.edu/~raskar/Shaderlamps/">Shader Lamps</a>]</li> <li>a live preview maya plugin that allowed users to dynamically edit meshes/textures while viewing the video texture calibrated on the physical display surface</li> </ul> </p> </div> </div> <div id="entry"> <a name="JCL"><h3>Implementation of Projector Calibration with Embedded Light Sensors</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/jcl_200.png"> </div> <div id="text"> 01/30/2009 <p> We re-implementated <a href="http://johnnylee.net/">Johhny Chung Lee</a>'s "<a href="http://johnnylee.net/academic/proj4.pdf">Automatic Projector Calibration using Embedded Light Sensors</a>". </p> <p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/67pzdxhRbrM&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/67pzdxhRbrM&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p> </div> </div> <div id="entry"> <a name="Opera"><h3>SAR Opera Character</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/opera_200.png"> </div> <div id="text"> 04/16/2009 <p> Using the Projection Mapping Toolkit we created a virtual opera character performing the Queen of the Night's "Der Hölle Rache kocht in meinem Herzen" aria from "The Magic Flute." For a student opera production of "The Magic Flute" no-one could match the vocal range needed for this demanding aria. We were contacted to create a virtual character that could interact with the rest of the cast. </p> <p> A white plaster manniquen bust situated on top of a piano came to life to perform the aria. The video texture that was used was stiched together from 3 simutaneous video feeds. The video texture was wrapped onto a digital model of the bust obtained with a <a href="http://www.cyberware.com/products/scanners/ps.html">Cyberware Head Scanner</a>. The virtual model was calibrated on stage by clicking on 3D reference points. </p> <p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/zgIQMdkpZIU&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zgIQMdkpZIU&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p> </div> </div> <div id="entry"> <a name="NewMedia"><h3>New Media SAR Art Piece</h3></a> <div id="lpic"> <img class="centered" border="0" src="images/facebook_200.png"> </div> <div id="text"> 12/15/2008 <p> A new media exhibit piece designed to push the boundaries of digital identity. This piece was created with spatially augmented reality/projection mapping techniques, using software developed as part of a larger research project. </p> <p> As a background, this was presented as a final project in a <a href="http://courses.art.uiuc.edu/spring2007/arts443m9/">new media art class</a>. A facebook friend request was sent to everyone in the class in order to research their digital identities. Without their knowledge a video of their facebook photos was constructed and a projection mapped mannequin head was used to comment on their photos. </p> <p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Sta3ToYz7tw&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Sta3ToYz7tw&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p> </div> </div> <h1>Undergraduate Work</h1> <div id="entry"> <h3><a href="projects_vp.html"> Vector Paint</a></h3> <div id="lpic"> <p> <a href=projects_vp.html><img class="centered" border="0" src="images/vp/vectorField_200.png"></a> Vector field editor in <a href=projects_vp.html>Vector Paint</a> </p> </div> <div id="text"> <a href=projects_vp.html>Vector Paint</a> is a digital paint program featuring an innovative interface that allows rapid creation of high quality digital paintings from reference images. Vector Paint allows the user to focus on high level design while the program controls the placement of individual brush strokes. The user controls the application of paint by specifying important stroke directions and various painting styles. The program features a preview window to allow rapid development of a digital painting. Automatically generated results can then be manipulated within the program, allowing the user to change individual strokes within the final image. <p> </p> </div> </div> <div id="entry"> <h3><a href="projects_polarity.html"> Polarity - An Animated Short</a></h3> <div id="lpic"> <a href="projects_polarity.html"><img class="centered" border="0" src="images/PolarityPoster3.jpg"></a> Polarity movie poster </div> <div id="text"> <h4>1st Place  EOH Theme: Non-Technical" <a href="http://eoh.ec.uiuc.edu/">Engineering Open House 2008</a></h4> A student produced animated short, with a focus on teaching students the basics of CG production. <p> <ul> <li>Artistic direction, project management, and training for a group of over 20 students with little to no prior knowledge of computer animation.</li> <li>Modeled, textured & rigged the main character along with the main assets.</li> <li>Led weekly tutorials to teach members with no prior experience modeling, texturing and animating.</li> </ul> </p> </div> </div> <div id="entry"> <h3><a href="projects_chess.html"> Chess v. 2.0</a></h3> <div id="lpic"> <a href="projects_chess.html"><img class="centered" border="0" src="images/chessv20_200.jpg"></a> <a href="projects_chess.html">Chess v. 2.0</a> screenshot </div> <div id="text"> <h4><a href="http://eoh.ec.uiuc.edu/">Engineering Open House 2007</a> Exhibit</h4> <p> <ul> <li>Chess pieces come to life and battle, game engine created from scratch.</li> <li>Players interact with a physical chess board.</li> <li>Project leader, 15 person group, directed programmers and artists to work towards a unified concept, and created a large portion of the code.</li> </ul> </p> </div> </div> <div id="entry"> <h3>Global Illumination Ray Tracer</h3> <div id="lpic"> <a href="images/PMFinal.png"><img class="centered" border="0" src="images/PMFinalTN.png"></a> Global illumination + caustics </div> <div id="text"> Renderer designed to handle caustics and global illumination.<br /> C++ with no external libraries.<br /> <p> Features:<br /> <ul> <li>Photon Based Global Illumination</li> <li>Arbitrary Constructive Solid Geometry</li> <li>Implicit Surfaces</li> <li>Depth of Field</li> <li>Anti-aliasing</li> <li>Soft Shadows</li> <li>Caustics - (Note the snell coefficient on the sphere is wrong in this image, so the caustic is not concentrated correctly)</li> </ul> More images:<br /> <a href="images/RT2SS.png" >Soft Shadows</a> | <a href="images/RT2Dof.png">Depth of Field</a> | <a href="images/RTI.jpg">CSG</a> </p> </div> </div> <div id="entry"> <h3>SIGGRAPH Electronic Theater 2007 Showing</h3> <div id="lpic"> <a href="data/ElectronicTheaterFlyer.pdf"><img class="centered" border="0" src="images/ElectronicTheaterFlyer.jpg"></a> </div> <div id="text"> I helped organize a showing of the 2007 Electronic Theater Festival to a packed theater of +200 people in the Champaign-Urbana area. This event would not have happened without the generousity of <a href="http://www.debevec.org/"> Paul Debevec</a> who flew in to sponsor the showing, along with <a href="http://www.ncsa.uiuc.edu/~cox/">Donna Cox</a>, Robert Patterson and <a href="http://avl.ncsa.uiuc.edu/jeffc.html">Jeff Carpenter</a> who graciously helped organize the event and secure space at the <a href="http://www.ncsa.uiuc.edu/">NCSA</a>. <p> This event was covered by the <a href="http://www.dailyillini.com/home/index.cfm?event=displayArticle&ustory_id=32adc10c-13e6-43c0-854a-16e2b4360e92"> university newspaper</a>. </p> </div> </div> <div id="entry"> <h3>Mesozoic Park</h3> <div id="lpic"> <a href="images/MP4.jpg"><img class="centered" border="0" src="images/MP4TN.jpg"></a> Mesozoic Park screenshot </div> <div id="text"> <h4><a href="http://eoh.ec.uiuc.edu/">Engineering Open House 2006</a> Exhibit</h4> <p> A large interactive dinosaur world. Users can roam the island and watch the dinosaurs eat, run, walk and roar. </p> <p> Written in OpenGL/C++. <ul> <li>Terrain group leader, worked on procedurally generated terrain, billboarded plants, and view frustum culling. </li> </ul> </p> </div> </div> </div> <div id="footer"> <img class="tagline" border="0" src="images/tagLine.gif" width="500" height="30"> </div> </div> </body> </html>