{"id":1444,"date":"2014-05-09T17:40:34","date_gmt":"2014-05-09T22:40:34","guid":{"rendered":"http:\/\/www.jhclaura.com\/?p=1444"},"modified":"2015-11-20T17:17:28","modified_gmt":"2015-11-20T22:17:28","slug":"virtual-reality-tour-of-met","status":"publish","type":"post","link":"http:\/\/www.jhclaura.com\/virtual-reality-tour-of-met\/","title":{"rendered":"Virtual Reality Tour of Met"},"content":{"rendered":"<p>For my internship during Spring semester 2014 in Media Lab of The Metropolitan Museum of Art, I hooked up<\/p>\n<ol>\n<ol>\n<li>3D models of Met from the Architecture Department<\/li>\n<li>Official Audio Guide<\/li>\n<li>3D models art pieces in Greek and Roman gallery, made by 3D scan with photos<\/li>\n<li>Unity as\u00a0game engine<\/li>\n<li>virtual reality head-mounted display Oculus Rift as controller<\/li>\n<\/ol>\n<\/ol>\n<p>and create an immersive virtual reality tour of Met!<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/98892817?byline=0&amp;color=c9ff23\" width=\"840\" height=\"473\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><a href=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/forBlog.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1448\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/forBlog.png\" alt=\"forBlog\" width=\"1000\" height=\"548\" srcset=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/forBlog.png 1000w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/forBlog-300x164.png 300w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/forBlog-304x166.png 304w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a> With Oculus Rift, users can wonder around the museum, listening to the audio guide and admiring art pieces, walk upstair, watch butterflies, being blocked by huge bowl, and being inside of the surreal mash-up models(credits to Decho&lt;horse&gt; and Rui&lt;uncolor triangulars&gt;). <a href=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/metTour.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1446\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/metTour.png\" alt=\"metTour\" width=\"3318\" height=\"804\" srcset=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/metTour.png 3318w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/metTour-300x72.png 300w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/metTour-1024x248.png 1024w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/metTour-304x73.png 304w\" sizes=\"(max-width: 3318px) 100vw, 3318px\" \/><\/a><\/p>\n<h2><span style=\"font-family: 'andale mono', times;\">IDEA<\/span><\/h2>\n<p>With a background\u00a0as\u00a0VFX artist of\u00a03D animation and post production, I&#8217;m always interested in 3D and how it can be interactive in the creative way. Once I got the chance to intern in Media Lab of the Met and knew we can access the 3D models of museum, I wanted to use Oculus Rift to walk inside the fantasy version of the Met, and to enjoy the immersive experience in space.<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-family: 'andale mono', times;\">PROJECT_DEVELOPMENT<\/span><\/h2>\n<p>Virtual Met Museum &#8211;&gt;\u00a0Fantasy Experiment &#8211;&gt;\u00a0Art piece + Audio Guide<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-family: 'andale mono', times;\">BASIC_SETUP_HOW_TO<\/span><\/h2>\n<p style=\"padding-left: 30px;\">First of all, tons of basic knowledge about Unity <a href=\"https:\/\/unity3d.com\/learn\/tutorials\/projects\/stealth\" target=\"_blank\">here<\/a>.\u00a0And setup a project from scratch, <a href=\"https:\/\/unity3d.com\/learn\/tutorials\/projects\/roll-a-ball\/set-up\" target=\"_blank\">here<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-family: 'andale mono', times;\"><span style=\"color: #545454;\">\u2713\u00a0<\/span>Import BIM 3D models into Unity<\/span><\/h3>\n<p style=\"padding-left: 30px;\">Basically just put the <strong>fbx<\/strong> file into the <span style=\"color: #ff6600;\"><strong>Assets<\/strong><\/span>\u00a0folder of the project you just created. Not too complicated but there&#8217;s one thing you should be aware of, the SCALE. It&#8217;s a good practice to setup scale right in the modeling application\u00a0before importing the model to Unity, and associated details described as below:<\/p>\n<ul>\n<li>1 Unity unit = 1m<\/li>\n<li>the fewer GameObjects the better. Also, use 1 material if you can<\/li>\n<li>useful link:\u00a0<a href=\"http:\/\/wiki.unity3d.com\/index.php\/Tips#3D_Tools\" target=\"_blank\">wiki unity3d<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-family: 'andale mono', times;\"><span style=\"color: #545454;\">\u2713\u00a0<\/span>Oculus Rift Plugin in Unity 3d Setup<\/span><\/h3>\n<p style=\"padding-left: 30px;\">Just follow<a href=\"https:\/\/www.youtube.com\/watch?v=7kuQYcIYPvQ\" target=\"_blank\"> the clear instruction on youtube<\/a>!<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-family: 'andale mono', times;\"><span style=\"color: #545454;\">\u2713 Add collider to meshes<\/span><\/span><\/h3>\n<p style=\"padding-left: 30px;\">In order to preventing player walking through meshes(e.g. walls, stairs), we need to add <span style=\"color: #ff6600;\"><strong>Collider<\/strong><\/span> attribute on models, steps as below:<\/p>\n<ul>\n<li>select model<\/li>\n<li>@inspector<\/li>\n<li><span style=\"color: #ff6600;\"><strong>Add Component<\/strong><\/span> &#8211;&gt; <strong><span style=\"color: #ff6600;\">Physics<\/span><\/strong> &#8211;&gt; <span style=\"color: #ff6600;\"><strong>Box Collider<\/strong><\/span> or <strong><span style=\"color: #ff6600;\">Mesh Collider<\/span><\/strong><\/li>\n<li>Mesh Collider\u00a0is\u00a0more specific than box collider but at the same time is more expensive to use.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/collider-copy.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1456\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/collider-copy.png\" alt=\"collider copy\" width=\"1000\" height=\"537\" srcset=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/collider-copy.png 1000w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/collider-copy-300x161.png 300w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/05\/collider-copy-304x163.png 304w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-family: 'andale mono', times;\"><span style=\"color: #545454;\">\u2713\u00a0<\/span>Occlusion Culling<\/span><\/h3>\n<p style=\"padding-left: 30px;\">Means that things you aren&#8217;t looking at, aren&#8217;t loading into memory, so game will run faster.<\/p>\n<ul>\n<li>\u00a0geometry must be broken into sensibly sized pieces.\n<ul>\n<li>if you have one object that contains all the furniture, either all or none of the entire set of furniture will be culled.<\/li>\n<\/ul>\n<\/li>\n<li>tag all scene objects that you want to be part of the occlusion to <b>Occluder Static<\/b> in the <b>Inspector<\/b>.<\/li>\n<li>Back!<\/li>\n<li>useful link:\u00a0<a href=\"https:\/\/docs.unity3d.com\/Documentation\/Manual\/OcclusionCulling.html\" target=\"_blank\">unity3d\u00a0manual<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-family: 'andale mono', times;\"><span style=\"color: #545454;\">\u2713 Import 3D-Scanned Models from\u00a0<\/span><\/span><\/h3>\n<ul>\n<li>Take about\u00a020 photos around the object you want to 3D scan of(360 degrees!).<\/li>\n<li>Upload the photos to <a href=\"http:\/\/www.123dapp.com\/catch\" target=\"_blank\">123D Catch<\/a>.<\/li>\n<li>Yeah now you&#8217;ll have both .obj model file and texture file!<\/li>\n<li>Just download the file, and drag whole folder into the <span style=\"color: #ff6600; font-size: 12pt;\"><strong>Asset<\/strong><\/span> folder of Unity!<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-family: 'andale mono', times;\">POSSIBILITIES<\/span><\/h2>\n<ul>\n<li>Gain accessibility for people who can&#8217;t visit the museum in person.<\/li>\n<li>Installation design simulation.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-family: 'andale mono', times;\">Thank_to<\/span><\/h2>\n<p style=\"padding-left: 30px;\">It&#8217;s really a good experience interning at MediaLab of Met. I know I want to keep working on 3D and also step into virtual reality world with Oculus Rift, and it&#8217;s a great match that I can have this topic as my own project, and also match to the needs of Met! From this internship, I gained valuable resources from the museum, and also knowing amazing mentors and colleagues from Labs. This project leads me to the world of virtual reality and I&#8217;m glad and also thankful that I&#8217;m a Spring 14&#8242; intern of Media Lab of The Metropolitan Museum of Art.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For my internship during Spring semester 2014 in Media Lab of The Metropolitan Museum of Art, I hooked up 3D models of Met from the Architecture Department Official Audio Guide&#8230; <a class=\"read-more\" href=\"http:\/\/www.jhclaura.com\/virtual-reality-tour-of-met\/\">Read The Rest &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[127,116,188],"tags":[266,189,191,192,190],"_links":{"self":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/1444"}],"collection":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/comments?post=1444"}],"version-history":[{"count":10,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/1444\/revisions"}],"predecessor-version":[{"id":1550,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/1444\/revisions\/1550"}],"wp:attachment":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/media?parent=1444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/categories?post=1444"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/tags?post=1444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}