{"id":416,"date":"2023-04-05T21:14:27","date_gmt":"2023-04-05T21:14:27","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/xrt\/?page_id=416"},"modified":"2023-04-05T21:14:27","modified_gmt":"2023-04-05T21:14:27","slug":"behind-the-scene-the-theme-picture","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/xrt\/behind-the-scene-the-theme-picture\/","title":{"rendered":"Behind The Scene – The Theme Picture"},"content":{"rendered":"\n

Jiayu created this fantastic theme picture that perfectly demonstrates the location of this project is at and highlighted the Pop District.<\/p>\n\n\n\n

\"\"
The theme picture of XRt<\/figcaption><\/figure>\n\n\n\n

Jiayu introduced the brief flow he used for generating this picture.<\/p>\n\n\n\n

<\/p>\n\n\n\n

–<\/p>\n\n\n\n

From data to mesh<\/h2>\n\n\n\n
    \n
  • Use renderdoc to extract the geometry cache from “Chrome” the current webpage of google earth, as a detailed mesh block. <\/li>\n<\/ul>\n\n\n\n

    This ensures that the generated mesh matches what it exactly looks like in reality. With this procedure, we do not need to manually create meshes for the buildings, as the Pop District is surrounded by multiple buildings and we cannot show the exact area without them.<\/p>\n\n\n\n

    \"\"
    The wireframe of the mesh blocks<\/figcaption><\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    \"\"
    The mesh blocks<\/figcaption><\/figure>\n\n\n\n

    –<\/p>\n\n\n\n

    From mesh to reality<\/h2>\n\n\n\n
      \n
    • Download GIS data as blank mesh block.<\/li>\n\n\n\n
    • Use a Python script to align each mesh block with geo anchors.<\/li>\n<\/ul>\n\n\n\n

      As the mesh is not clear without the textures, the district will be clearer only when the buildings could be identified, Jiayu applied the imported textures to the meshes so we could identify which location is here in Pittsburgh.<\/p>\n\n\n\n

      Jiayu also generated a special texture for the mesh in the district (the shining yellow buildings) and it highlights the area where this product will be deployed.<\/p>\n\n\n\n

      \"\"
      Adding textures<\/figcaption><\/figure>\n\n\n\n

      –<\/p>\n\n\n\n

      From reality to fantasy<\/h2>\n\n\n\n

      Jiayu set up the lighting and rendered it. The lighting shows off the Pop District, and you can also see the Pittsburgh view around this area.<\/p>\n\n\n\n

      \"\"
      Rendering with lights<\/figcaption><\/figure>\n\n\n\n

      <\/p>\n","protected":false},"excerpt":{"rendered":"

      Jiayu created this fantastic theme picture that perfectly demonstrates the location of this project is at and highlighted the Pop District. Jiayu introduced the brief flow he used for generating this picture. – From data to mesh This ensures that the generated mesh matches what it exactly looks like in reality. With this procedure, we […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/pages\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/comments?post=416"}],"version-history":[{"count":2,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/pages\/416\/revisions"}],"predecessor-version":[{"id":422,"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/pages\/416\/revisions\/422"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/xrt\/wp-json\/wp\/v2\/media?parent=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}