{"id":150,"date":"2022-01-24T03:27:44","date_gmt":"2022-01-24T08:27:44","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/?p=150"},"modified":"2022-01-24T12:11:07","modified_gmt":"2022-01-24T17:11:07","slug":"introduction-portfolio-claire","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/yli21\/introduction-portfolio-claire\/","title":{"rendered":"Introduction &amp; Portfolio &#8211; Claire Li"},"content":{"rendered":"\n<p>Hi Everyone, I\u2019m Claire and I\u2019m from China. As an AR developer and HCI researcher, for me, art plays an important role in enhancing the experience. For example, the visual and sound can bring immersive feelings, and the graphic visualizations can make plenty of complicated data more intuitive to people.<\/p>\n\n\n\n<p>My experience with art mainly includes three forms, UX design, XR games, and visualization.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/Screen-Shot-2022-01-24-at-00.06.35-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"815\" height=\"652\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/Screen-Shot-2022-01-24-at-00.06.35-1.png\" alt=\"\" class=\"wp-image-152\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/Screen-Shot-2022-01-24-at-00.06.35-1.png 815w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/Screen-Shot-2022-01-24-at-00.06.35-1-800x640.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/Screen-Shot-2022-01-24-at-00.06.35-1-768x614.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/Screen-Shot-2022-01-24-at-00.06.35-1-375x300.png 375w\" sizes=\"auto, (max-width: 815px) 100vw, 815px\" \/><\/a><figcaption>This is a logo designed for an Italian restaurant named Ristorante Italiano.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"VRAmusementPark\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/P1ycsGUrwqg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>This is a VR game for google cardboard. In this game, the player can walk around in the small park, get on to the sky wheel to overlook the whole park, and take a ride on the roller coaster.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WarpedReality\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/Fpj6h6ZpKCI?start=60&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>This is a VR game. In this game, the player act as a journalist with a special camera. With the camera, the player can get into the picture of the fake news, walking around in the scene where the event happened and finding out the truth. The game was designed to use hand gestures to play instead of the controller. A Leap Motion controller is utilized to track the player\u2019s hands.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/ShowSpecificPart.mov\"><\/video><\/figure>\n\n\n\n<p>This is an AR protein structure visualization application. With the application, students can have a free view of the protein structure from different angles and in different colors and styles. By changing the filter of the protein data, students can also have a detailed view of the specific chains or atoms of the structure.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-1024x576.jpg\" alt=\"\" class=\"wp-image-154\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-1024x576.jpg 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-800x450.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-768x432.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-1536x864.jpg 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-2048x1152.jpg 2048w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/20210827_122300_HoloLens-533x300.jpg 533w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>The application is developed for HoloLens AR. In the application, students can build freely with the basic Lego bricks by dragging the bricks to move, changing the rotation, scaling, and color of the brick they generated. <\/figcaption><\/figure>\n\n\n\n<p>For my <a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/yli21\/practice-intention-coding-art-in-webar\/\" data-type=\"URL\" data-id=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/yli21\/practice-intention-coding-art-in-webar\/\" target=\"_blank\" rel=\"noreferrer noopener\">practice intention<\/a>, I\u2019m planning to create a platform combining AR with live coding performance art. In traditional live coding, when the performers are creating visual arts by programming, the audiences are sitting still and watching the performance on the screen. In this project, I\u2019m planning to develop a new form of live coding performance art. The visual arts will be rendered based on the real-world markers, which can be freely moved and combined by the audiences to create different arts they like.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi Everyone, I\u2019m Claire and I\u2019m from China. As an AR developer and HCI researcher, for me, art plays an important role in enhancing the experience. For example, the visual and sound can bring immersive feelings, and the graphic visualizations can make plenty of complicated data more intuitive to people. My experience with art mainly&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/yli21\/introduction-portfolio-claire\/\">Read More<\/a><\/div>\n","protected":false},"author":257,"featured_media":159,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[2],"tags":[],"class_list":["post-150","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-introduction-portfolio"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/01\/YichenLI_PNG.png","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/users\/257"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":3,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/150\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/150\/revisions\/225"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media\/159"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media?parent=150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/categories?post=150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/tags?post=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}