Research Stories | School of Creative Media

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-MTGWXN3GPY"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "G-MTGWXN3GPY", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location","allow_ad_personalization_signals":false});</script> <link rel="canonical" href="https://www.scm.cityu.edu.hk/research/stories" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/sites/g/files/asqsls1771/files/cityu30_favicon.ico" type="image/vnd.microsoft.icon" /> <title>Research Stories | School of Creative Media</title> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/align.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/fieldgroup.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/container-inline.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/clearfix.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/details.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/hidden.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/item-list.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/js.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/nowrap.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/position-container.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/reset-appearance.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/resize.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-counter.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-counters.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/system-status-report-general-info.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/system/components/tablesort.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/core/components/progress.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/core/components/ajax-progress.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/views/views.module.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/modules/contrib/extlink/extlink.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/modules/contrib/better_exposed_filters/css/better_exposed_filters.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/core/assets/vendor/normalize-css/normalize.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/stable/css/core/normalize-fixes.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/action-links.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/breadcrumb.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/button.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/collapse-processed.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/container-inline.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/details.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/exposed-filters.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/field.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/form.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/icons.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/inline-form.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/item-list.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/link.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/links.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/menu.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/more-link.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/pager.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tabledrag.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tableselect.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tablesort.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/tabs.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/textarea.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/ui-dialog.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/messages.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/themes/contrib/classy/css/components/progress.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/sites/g/files/asqsls1771/themes/site/xenyo/css/fonts.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/sites/g/files/asqsls1771/themes/site/xenyo/libs/swiper/swiper-bundle.min.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/sites/g/files/asqsls1771/themes/site/xenyo/libs/fontawesome/css/all.min.css?sq4ilo" /> <link rel="stylesheet" media="all" href="/sites/g/files/asqsls1771/themes/site/xenyo/css/styles.css?sq4ilo" /> <meta name="viewport" content="width=device-width,initial-scale=1">   </head> <body class="path-research">   <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div id="page"> <header id="header" role="banner"> <div> <a id="scm" href="/"></a> <div id="block-sitelogo" data-block-plugin-id="block_content:c4a354be-0e2d-4b63-828b-6da26d366df8"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div><a href="/"><img alt data-entity-type="file" src="https://template.cityu.edu.hk/template/logo/SCM/SCM_Logo_Eng_CMYK.svg"></a></div>  </div> </div> <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" data-block-plugin-id="menu_block:main" class="block block-menu navigation menu--main"> <h2 class="visually-hidden" id="block-mainnavigation-menu">Main navigation</h2> <ul class="menu main-menu menu-lv0"> <div id="mobile-menu-close"></div> <div class="prefix"></div> <li class="menu-item menu-item-lv0"> <a href="/" class="menu-scm is-logo nav-link nav-link-lv0" data-drupal-link-system-path="<front>">SCM</a> </li> <li class="menu-item expanded dropdown menu-item-lv0"> <a href="/about-scm/school-overview" class="vertical-order nav-link dropdown-toggle nav-link-lv0" data-drupal-link-system-path="node/1481">About SCM</a> <ul class="menu menu-lv1"> <li class="dropdown-item menu-item-lv1"> <a href="/about-scm/school-overview" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/1481">School Overview</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/about-scm/milestones" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/26">Milestones</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/alumni-stories" class="nav-link nav-link-lv1" data-drupal-link-system-path="alumni-stories">Alumni Stories</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/about-scm/equipment-n-facility" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/6">Labs & Facilities</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/about-scm/enquiries-n-request" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/341">Enquiries and Request for Visit</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/scmset" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/3756">Student Event Team</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/about-scm/opening-hours" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/321">Opening Hours</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/about-scm/contact-us" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/36">Contact Us</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/about-scm/jobs-scm" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/346">Jobs at SCM</a> </li> </ul> </li> <li class="menu-item expanded dropdown menu-item-lv0"> <a href="/programmes" class="nav-link dropdown-toggle nav-link-lv0" data-drupal-link-system-path="node/216">Programmes</a> <ul class="menu menu-lv1"> <li class="dropdown-item menu-item-lv1"> <a href="/programmes" class="desktop-invisible nav-link nav-link-lv1" data-drupal-link-system-path="node/216">Overview</a> </li> <li class="dropdown-item expanded dropdown menu-item-lv1"> <span class="nav-link dropdown-toggle nav-link-lv1">Undergraduate</span> <ul class="menu menu-lv2"> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/creative" class="nav-link nav-link-lv2">CREATE</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/undergraduate/BACM" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1086">BA Creative Media</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/undergraduate/BScCM" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1081">BSc Creative Media</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/undergraduate/BAS" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1091">BAS New Media</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/ug-plus-tpg" class="nowrap nav-link nav-link-lv2" data-drupal-link-system-path="node/2881">Ug+TPg Programmes</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/minor-creative-media" class="nowrap nav-link nav-link-lv2" data-drupal-link-system-path="node/1096">Minor in Creative Media</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/undergraduate/exchange-programmes" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1181">Exchange Programmes</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/joint-degree-programme" class="nowrap nav-link nav-link-lv2" data-drupal-link-system-path="node/1101">Joint Degree Programme</a> </li> </ul> </li> <li class="dropdown-item expanded dropdown menu-item-lv1"> <span class="nav-link dropdown-toggle nav-link-lv1">Postgraduate</span> <ul class="menu menu-lv2"> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/postgraduate/macm" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1106">MA Creative Media</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/postgraduate/mfacm" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1111">MFA Creative Media </a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/postgraduate/phd" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1121">PhD Creative Media</a> </li> </ul> </li> <li class="dropdown-item menu-item-lv1"> <a href="/programmes/internship" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/1171">Internship</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/programmes/courses-n-curricula" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/1466">Courses & Curricula</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/programmes/innovative-curriculum" class="nowrap nav-link nav-link-lv1" data-drupal-link-system-path="node/1176">Innovative Curriculum</a> </li> </ul> </li> <li class="menu-item expanded dropdown menu-item-lv0"> <a href="/admissions" class="nav-link dropdown-toggle nav-link-lv0" data-drupal-link-system-path="node/41">Admissions</a> <ul class="menu menu-lv1"> <li class="dropdown-item menu-item-lv1"> <a href="/admissions" class="desktop-invisible nav-link nav-link-lv1" data-drupal-link-system-path="node/41">Overview</a> </li> <li class="dropdown-item expanded dropdown menu-item-lv1"> <span class="nav-link dropdown-toggle nav-link-lv1">Undergraduate</span> <ul class="menu menu-lv2"> <li class="dropdown-item menu-item-lv2"> <a href="/admissions/undergraduate/jupas" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1141">JUPAS</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/admissions/undergraduate/non-jupas" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1136">Non-JUPAS</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/admissions/undergraduate/international" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1146">International</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/admissions/undergraduate/mainland" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1151">Mainland</a> </li> </ul> </li> <li class="dropdown-item expanded dropdown menu-item-lv1"> <span class="nav-link dropdown-toggle nav-link-lv1">Postgraduate</span> <ul class="menu menu-lv2"> <li class="dropdown-item menu-item-lv2"> <a href="/admissions/postgraduate/macm" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1156">MA Creative Media</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/admissions/postgraduate/mfacm" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1161">MFA Creative Media </a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/postgraduate/phd" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1121">PhD Creative Media</a> </li> </ul> </li> <li class="dropdown-item menu-item-lv1"> <a href="/admissions/visiting-students" class="nav-link nav-link-lv1" data-drupal-link-system-path="node/1196">Visiting Students</a> </li> </ul> </li> <li class="menu-item expanded dropdown menu-item-lv0"> <a href="/events" class="nav-link dropdown-toggle nav-link-lv0" data-drupal-link-system-path="events">News & Events</a> <ul class="menu menu-lv1"> <li class="dropdown-item menu-item-lv1"> <a href="/news" class="nav-link nav-link-lv1" data-drupal-link-system-path="news">News</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/events" class="nav-link nav-link-lv1" data-drupal-link-system-path="events">Events</a> </li> </ul> </li> <li class="menu-item expanded active dropdown menu-item-lv0"> <a href="/research/research-overview" class="nav-link active dropdown-toggle nav-link-lv0">Research</a> <ul class="menu menu-lv1"> <li class="dropdown-item menu-item-lv1"> <a href="/research/research-overview" class="nav-link nav-link-lv1">Overview</a> </li> <li class="dropdown-item active menu-item-lv1"> <a href="/research/stories" class="nav-link active nav-link-lv1 is-active" data-drupal-link-system-path="research/stories" aria-current="page">Stories</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/research/labs" class="nav-link nav-link-lv1" data-drupal-link-system-path="research/labs">Labs</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/research/projects" class="nav-link nav-link-lv1" data-drupal-link-system-path="research/projects">Projects</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/research/collaborations" class="nav-link nav-link-lv1" data-drupal-link-system-path="research/collaborations">Collaborations</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/research/newsletters" class="nav-link nav-link-lv1" data-drupal-link-system-path="research/newsletters">Newsletters</a> </li> </ul> </li> <li class="menu-item expanded dropdown menu-item-lv0"> <a href="/people/faculty" class="nav-link dropdown-toggle nav-link-lv0" data-drupal-link-system-path="people/faculty">People </a> <ul class="menu menu-lv1"> <li class="dropdown-item menu-item-lv1"> <a href="/people/faculty" class="nav-link nav-link-lv1" data-drupal-link-system-path="people/faculty">Faculty</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/people/staff" class="nav-link nav-link-lv1" data-drupal-link-system-path="people/staff">Staff</a> </li> <li class="dropdown-item menu-item-lv1"> <a href="/people/phd" class="nowrap nav-link nav-link-lv1" data-drupal-link-system-path="people/phd">PhD Students</a> </li> </ul> </li> <li class="menu-item expanded dropdown menu-item-lv0"> <span class="for-you nav-link dropdown-toggle nav-link-lv0">For You</span> <ul class="menu menu-lv1"> <li class="dropdown-item expanded dropdown menu-item-lv1"> <span class="nav-link dropdown-toggle nav-link-lv1">Current Student</span> <ul class="menu menu-lv2"> <li class="dropdown-item menu-item-lv2"> <a href="https://portland.sharepoint.com/sites/scmbulletin" class="nav-link nav-link-lv2">Student Bulletin</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/undergraduate/exchange-programmes" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1181">Exchange Programmes</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/programmes/internship" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/1171">Internship</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/about-scm/equipment-n-facility" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/6">Labs & Facilities</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/about-scm/opening-hours" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/321">Opening Hours</a> </li> </ul> </li> <li class="dropdown-item expanded dropdown menu-item-lv1"> <span class="nav-link dropdown-toggle nav-link-lv1">Alumni</span> <ul class="menu menu-lv2"> <li class="dropdown-item menu-item-lv2"> <a href="/alumni/scm-distinguished-alumni-award" class="nav-link nav-link-lv2" data-drupal-link-system-path="node/3286">SCM Distinguished Alumni Award</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="https://www.facebook.com/creativemediaalumni/" class="nav-link nav-link-lv2">SCM Alumni Association</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="http://www.cityu.edu.hk/scm/alumni/news_home.html" class="nav-link nav-link-lv2">SCM Alumni Website</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/events" class="nav-link nav-link-lv2" data-drupal-link-system-path="events">SCM News & Events</a> </li> </ul> </li> <li class="dropdown-item expanded dropdown menu-item-lv1"> <span class="nav-link dropdown-toggle nav-link-lv1">Staff</span> <ul class="menu menu-lv2"> <li class="dropdown-item menu-item-lv2"> <a href="/people/faculty" class="nav-link nav-link-lv2" data-drupal-link-system-path="people/faculty">Faculty List</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/people/phd" class="nav-link nav-link-lv2" data-drupal-link-system-path="people/phd">PhD Student List</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="https://beaverton.sharepoint.com/sites/scm/staff_bulletin/" class="nav-link nav-link-lv2">Staff Bulletin</a> </li> <li class="dropdown-item menu-item-lv2"> <a href="/people/staff" class="nav-link nav-link-lv2" data-drupal-link-system-path="people/staff">Staff List</a> </li> </ul> </li> </ul> </li> <div class="suffix"></div> </ul> </nav> <div id="mobile-menu-toggle"></div> </div> </header> <div class="region region-highlighted"> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> <main id="main" role="main"> <a id="main-content" tabindex="-1"></a> <div id="content" class="layout-content"> <div class="region region-content"> <div> <div id="block-pagetitle" data-block-plugin-id="page_title_block"> <h1 class="page-title">Research Stories</h1> </div> <div id="block-breadcrumbs" data-block-plugin-id="system_breadcrumb_block"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol> <li> <a href="/">SCM</a> </li> <li> <a href="/research">Research</a> </li> <li> Research Stories </li> </ol> </nav> </div> <div id="block-xenyo-content" data-block-plugin-id="system_main_block"> <div class="views-element-container"><div class="listing view view-research-projects view-id-research_projects view-display-id-page_1 js-view-dom-id-f50e459cfaefb200e2112f8b4aedeba6acf9094574323eb790668e5d4ea32256"> <div class="view-filters"> <div> <form class="views-exposed-form bef-exposed-form" data-bef-auto-submit-full-form="" data-bef-auto-submit="" data-bef-auto-submit-delay="500" data-drupal-selector="views-exposed-form-research-projects-page-1" action="/research/stories" method="get" id="views-exposed-form-research-projects-page-1" accept-charset="UTF-8"> <div class="form--inline clearfix"> <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-field-research-type-target-id form-item-field-research-type-target-id"> <label for="edit-field-research-type-target-id">Show research about:</label> <select data-drupal-selector="edit-field-research-type-target-id" id="edit-field-research-type-target-id" name="field_research_type_target_id" size="1" class="form-select"><option value="All" selected="selected">All</option><option value="341">Film, Video, & Photography</option><option value="346">Playable Media</option><option value="581">Media Theory & Cultural Studies</option><option value="336">Animation</option><option value="576">Socially & Ecologically Engaged Art</option><option value="311">New Media Art & Installation</option><option value="316">HCI & Computer Graphics</option></select> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-bef-auto-submit-click="" class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-submit-research-projects" type="submit" id="edit-submit-research-projects" value="Apply" /> </div> </div> </form> </div> </div> <div class="view-content"> <div> <div data-drupal-views-infinite-scroll-content-wrapper class="views-infinite-scroll-content-wrapper clearfix"> <div class="views-view-grid horizontal cols-2 clearfix"> <div class="views-row clearfix row-1"> <div class="views-col col-1"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/gesturegpt-transforming-gesture-recognition-and-human-computer-interaction" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/Image%201%20revised.jpg?itok=cu7Ul53a" width="560" height="315" alt="GestureGPT: Transforming Gesture Recognition and Human-Computer Interaction" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/gesturegpt-transforming-gesture-recognition-and-human-computer-interaction" hreflang="en">GestureGPT: Transforming Gesture Recognition and Human-Computer Interaction</a></h5> <div class="type">HCI & Computer Graphics</div> <p>Prof. Shengdong Zhao stood at the forefront of a technological breakthrough that promised to…</p> <div class="tags"> </div> </div> </div></span></div></div> <div class="views-col col-2"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/qinyuan-lei-research-and-filmmaking-journey" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/cover.png?itok=o_2A4RCX" width="560" height="315" alt="Qinyuan Lei: Research and Filmmaking Journey" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/qinyuan-lei-research-and-filmmaking-journey" hreflang="en">Qinyuan Lei: Research and Filmmaking Journey</a></h5> <div class="type">Film, Video, & Photography</div> <p>Prof. Qinyuan Lei is a filmmaker and researcher whose work centers on communication technologies,…</p> <div class="tags"> </div> </div> </div></span></div></div> </div> <div class="views-row clearfix row-2"> <div class="views-col col-1"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/sangjoon-lee-asian-cinema-history" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/sangjoon_research_story_cover.jpg?itok=lBlpdpup" width="560" height="315" alt="Sangjoon Lee: Asian Cinema History" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/sangjoon-lee-asian-cinema-history" hreflang="en">Sangjoon Lee: Asian Cinema History</a></h5> <div class="type">Film, Video, & Photography</div> <p>Prof. Sangjoon Lee is an expert in Asian cinema and media, with a research focus on South Korean…</p> <div class="tags"> </div> </div> </div></span></div></div> <div class="views-col col-2"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/tobias-gremmler-new-media-scenographer" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/Virtual%20Actors%20in%20Chinese%20Opera.png?itok=kvTVbtlj" width="560" height="315" alt="Tobias Gremmler: New Media Scenographer" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/tobias-gremmler-new-media-scenographer" hreflang="en">Tobias Gremmler: New Media Scenographer</a></h5> <div class="type">New Media Art & Installation</div> <p>Tobias Gremmler, a leading figure in new media scenography, serves as Professor of Practice at the…</p> <div class="tags"> </div> </div> </div></span></div></div> </div> <div class="views-row clearfix row-3"> <div class="views-col col-1"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/alvaro-cassinelli-augmented-materiality-and-new-media-art" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/Untitled-1.png?itok=XUqYO-w-" width="560" height="315" alt="Alvaro Cassinelli: Augmented Materiality and New Media Art" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/alvaro-cassinelli-augmented-materiality-and-new-media-art" hreflang="en">Alvaro Cassinelli: Augmented Materiality and New Media Art</a></h5> <div class="type">New Media Art & Installation</div> <p>Associate Professor, Dr. Alvaro Cassinelli, describes himself as a “serious toy maker.” </p> <div class="tags"> </div> </div> </div></span></div></div> <div class="views-col col-2"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/zheng-bo-ecologically-engaged-art-fostering-symbiosis-nature" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/Bo_Image%201.jpg?itok=cbsudxSr" width="560" height="315" alt="Ecologically-Engaged Art: Fostering Symbiosis with Nature" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/zheng-bo-ecologically-engaged-art-fostering-symbiosis-nature" hreflang="en">Zheng Bo: Ecologically-Engaged Art: Fostering Symbiosis with Nature</a></h5> <div class="type">Socially & Ecologically Engaged Art</div> <p>Zheng Bo is an artist who directs their creative efforts toward generating awareness about the…</p> <div class="tags"> </div> </div> </div></span></div></div> </div> <div class="views-row clearfix row-4"> <div class="views-col col-1"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/dino-ge-zhang-anthropology-boredom-and-livestream-studies" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/Dino_Banner_0.png?itok=EdoWJ90U" width="560" height="315" alt="Dino Ge Zhang: Anthropology of Boredom and Livestream Studies" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/dino-ge-zhang-anthropology-boredom-and-livestream-studies" hreflang="en">Dino Ge Zhang: Anthropology of Boredom and Livestream Studies</a></h5> <div class="type">Media Theory & Cultural Studies</div> <p>Dr. Dino Ge Zhang, currently a Visiting Assistant Professor at SCM, is a media anthropologist and…</p> <div class="tags"> </div> </div> </div></span></div></div> <div class="views-col col-2"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/max-hattler-abstract-animation" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/%28top%29%20Divisional%20Articulations%20%282017%29%20by%20Max%20Hattler%20-02sm.jpg?itok=TCe3Ghov" width="560" height="315" alt="Max Hattler: Abstract Animation" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/max-hattler-abstract-animation" hreflang="en">Max Hattler: Abstract Animation</a></h5> <div class="type">Animation</div> <p>Dr. Max Hattler, is an internationally acclaimed abstract animator who is known for his integration…</p> <div class="tags"> </div> </div> </div></span></div></div> </div> <div class="views-row clearfix row-5"> <div class="views-col col-1"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/jamie-j-zhao-queer-media-scholar" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/%28Top%29%20fullcover%20of%20Queer%20TV%20China.jpg?itok=-mlcHqp9" width="560" height="315" alt="Jamie J. Zhao: Queer Media Scholar" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/jamie-j-zhao-queer-media-scholar" hreflang="en">Jamie J. Zhao: Queer Media Scholar</a></h5> <div class="type">Media Theory & Cultural Studies</div> <p>Dr. Jamie Zhao, Assistant Professor in Media and Cultural Studies at SCM, is a global scholar…</p> <div class="tags"> </div> </div> </div></span></div></div> <div class="views-col col-2"><div class="views-field views-field-nothing"><span class="field-content"><div> <div class="block-image"> <a href="/research/cultural-studies-scholar-and-media-theorist-damien-charrieras" hreflang="en"><img loading="lazy" src="/sites/g/files/asqsls1771/files/styles/listing_2col/public/fields/images/Image%203_0.jpg?itok=vzYM1PXJ" width="560" height="315" alt="Media Theory and Cultural Studies: Damien Charrieras" typeof="Image" class="image-style-listing-2col" /> </a> </div> <div class="content"> <h5><a href="/research/cultural-studies-scholar-and-media-theorist-damien-charrieras" hreflang="en">Cultural Studies Scholar and Media Theorist: Damien Charrieras</a></h5> <div class="type">Media Theory & Cultural Studies</div> <p>Dr. Damien Charrieras is a cultural studies scholar and a media theorist.</p> <div class="tags"> </div> </div> </div></span></div></div> </div> </div> </div> </div> </div> <ul class="js-pager__items pager" data-drupal-views-infinite-scroll-pager> <li class="pager__item"> <a class="button" href="?page=1" title="Load more items" rel="next">Load More</a> </li> </ul> </div> </div> </div> </div> </div> </div> </main> <footer id="footer" role="contentinfo"> <div class="region region-footer"> <div> <div id="block-footerblock" data-block-plugin-id="block_content:c7f29795-75b3-4031-b3ca-ad3aa9f072e7"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footer-block" id="footer-block"> <table class="layout-table"> <tbody> <tr> <td style="vertical-align: middle;"> <p><a class="icon facebook" href="https://www.facebook.com/schoolofcreativemediacityu/" target="_blank"> </a> <a class="icon instagram" href="https://www.instagram.com/schoolofcreativemedia/" target="_blank"> </a>  <a class="icon youtube" href="https://www.youtube.com/user/scmcityuofhk" target="_blank"> </a></p> <ul class="menu"> <li><a href="https://www.cityu.edu.hk/web/privacy" target="_blank">Privacy Policy</a> </li> <li><a href="https://www.cityu.edu.hk/web/copyright#copyright" target="_blank">Copyright</a> </li> <li><a href="https://www.cityu.edu.hk/web/disclaimer#disclaimer" target="_blank">Disclaimer</a> </li> <li><a href="https://www.cityu.edu.hk/web/accessibility" target="_blank">Accessibility</a> </li> <li><a href="/about-scm/contact-us">Contact Us</a></li> </ul> <p>© City University of Hong Kong. All rights reserved.</p> </td>  <td style="text-align: right; vertical-align: middle;"><img alt="footer-logo" data-entity-type="file" data-entity-uuid="71b4aec5-608b-40f2-9180-3f8238799829" src="https://template.cityu.edu.hk/template/logo/CityU/CityU_Vertical_Logo_CMYK.svg" style="height:100px;"></td> </tr> </tbody> </table> </div> <style type="text/css">.view-events.listing > .view-content .views-row:nth-child(odd) { clear: left; } </style> </div> </div> </div> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"research\/stories","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxtjVEOwjAMQy9U1iNVWedNEWmDmhRWTs_E4AfxYct-suQZ7mgJ-00NS1pZjmqRumuyPhf2MP-fbKhoJCGzj57MNB4KWchsxJkM31xgRhssZG2IVVsh4ScCdheu17i0fiOZPjVsqpsgUSUZzvk4-gHBhjnK-XFnPCy-fSq6dPmgxHXlyo5kuanIObl86eWkYUcdGt_-AlIKab8","theme":"xenyo","theme_token":null},"ajaxTrustedUrl":{"\/research\/stories":true},"google_analytics":{"account":"G-MTGWXN3GPY","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"data":{"extlink":{"extTarget":true,"extTargetNoOverride":true,"extNofollow":true,"extNoreferrer":false,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","mailtoClass":"0","mailtoLabel":"(link sends email)","extUseFontAwesome":true,"extIconPlacement":"append","extFaLinkClasses":"ext","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":null}},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:f50e459cfaefb200e2112f8b4aedeba6acf9094574323eb790668e5d4ea32256":{"view_name":"research_projects","view_display_id":"page_1","view_args":"","view_path":"\/research\/stories","view_base_path":"research\/stories","view_dom_id":"f50e459cfaefb200e2112f8b4aedeba6acf9094574323eb790668e5d4ea32256","pager_element":0}}},"ajax":[],"user":{"uid":0,"permissionsHash":"4a5dfdb40209e03c2534346af63580581704c27449cc2d95fe5fb81194729526"}}</script> <script src="/sites/g/files/asqsls1771/files/js/js_CV7Yr2u9o6G6tB0SAMgHu1KGgYFb0ZehrM4P4perioc.js?scope=footer&delta=0&language=en&theme=xenyo&include=eJx1jUEOgzAMBD8UmidZIRhk1bVR7EDy-0aUXir1sCvN7GEzea9gpnEkbKobIyRJ3J2yxV8RGkrXeHXA5kzyjEupe-LHjeEgPA1IVhJyBMtFmeNlp6-dPjbM6I4FsO1quMBKPHDcomBJf-dUXcHq_CJ_AwAVTR0"></script> </body> </html>

CINXE.COM

Research Stories | School of Creative Media