Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education

<!DOCTYPE html> <html lang="en" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta content="mdpi" name="sso-service" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <title>Delicious Cyber Ghost: Using Pepper&rsquo;s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education</title><link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/font-awesome.min.css?eb190a3a77e5e1ee?1732286508"> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/jquery.multiselect.css?f56c135cbf4d1483?1732286508"> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/chosen.min.css?d7ca5ca9441ef9e1?1732286508"> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/main2.css?69b39374e6b554b7?1732286508"> <link rel="mask-icon" href="https://pub.mdpi-res.com/img/mask-icon-128.svg?c1c7eca266cd7013?1732286508" color="#4f5671"> <link rel="apple-touch-icon" sizes="180x180" href="https://pub.mdpi-res.com/icon/apple-touch-icon-180x180.png?1732286508"> <link rel="apple-touch-icon" sizes="152x152" href="https://pub.mdpi-res.com/icon/apple-touch-icon-152x152.png?1732286508"> <link rel="apple-touch-icon" sizes="144x144" href="https://pub.mdpi-res.com/icon/apple-touch-icon-144x144.png?1732286508"> <link rel="apple-touch-icon" sizes="120x120" href="https://pub.mdpi-res.com/icon/apple-touch-icon-120x120.png?1732286508"> <link rel="apple-touch-icon" sizes="114x114" href="https://pub.mdpi-res.com/icon/apple-touch-icon-114x114.png?1732286508"> <link rel="apple-touch-icon" sizes="76x76" href="https://pub.mdpi-res.com/icon/apple-touch-icon-76x76.png?1732286508"> <link rel="apple-touch-icon" sizes="72x72" href="https://pub.mdpi-res.com/icon/apple-touch-icon-72x72.png?1732286508"> <link rel="apple-touch-icon" sizes="57x57" href="https://pub.mdpi-res.com/icon/apple-touch-icon-57x57.png?1732286508"> <link rel="apple-touch-icon" href="https://pub.mdpi-res.com/icon/apple-touch-icon-57x57.png?1732286508"> <link rel="apple-touch-icon-precomposed" href="https://pub.mdpi-res.com/icon/apple-touch-icon-57x57.png?1732286508"> <link rel="manifest" href="/manifest.json"> <meta name="theme-color" content="#ffffff"> <meta name="application-name" content=" "/> <link rel="apple-touch-startup-image" href="https://pub.mdpi-res.com/img/journals/engproc-logo-sq.png?4f85c38527ed7d4c"> <link rel="apple-touch-icon" href="https://pub.mdpi-res.com/img/journals/engproc-logo-sq.png?4f85c38527ed7d4c"> <meta name="msapplication-TileImage" content="https://pub.mdpi-res.com/img/journals/engproc-logo-sq.png?4f85c38527ed7d4c"> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/jquery-ui-1.10.4.custom.min.css?80647d88647bf347?1732286508"> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/magnific-popup.min.css?04d343e036f8eecd?1732286508"> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/xml2html/article-html.css?230b005b39af4260?1732286508"> <style> h2, #abstract .related_suggestion_title { } .batch_articles a { color: #000; } a, .batch_articles .authors a, a:focus, a:hover, a:active, .batch_articles a:focus, .batch_articles a:hover, li.side-menu-li a { } span.label a { color: #fff; } #main-content a.title-link:hover, #main-content a.title-link:focus, #main-content div.generic-item a.title-link:hover, #main-content div.generic-item a.title-link:focus { } #main-content #middle-column .generic-item.article-item a.title-link:hover, #main-content #middle-column .generic-item.article-item a.title-link:focus { } .art-authors a.toEncode { color: #333; font-weight: 700; } #main-content #middle-column ul li::before { } .accordion-navigation.active a.accordion__title, .accordion-navigation.active a.accordion__title::after { } .accordion-navigation li:hover::before, .accordion-navigation li:hover a, .accordion-navigation li:focus a { } .relative-size-container .relative-size-image .relative-size { } .middle-column__help__fixed a:hover i, } input[type="checkbox"]:checked:after { } input[type="checkbox"]:not(:disabled):hover:before { } #main-content .bolded-text { } #main-content .hypothesis-count-container { } #main-content .hypothesis-count-container:before { } .full-size-menu ul li.menu-item .dropdown-wrapper { } .full-size-menu ul li.menu-item > a.open::after { } #title-story .title-story-orbit .orbit-caption { #background: url('/img/design/000000_background.png') !important; background: url('/img/design/ffffff_background.png') !important; color: rgb(51, 51, 51) !important; } #main-content .content__container__orbit { background-color: #000 !important; } #main-content .content__container__journal { color: #fff; } .html-article-menu .row span { } .html-article-menu .row span.active { } .accordion-navigation__journal .side-menu-li.active::before, .accordion-navigation__journal .side-menu-li.active a { color: rgba(122,62,27,0.75) !important; font-weight: 700; } .accordion-navigation__journal .side-menu-li:hover::before , .accordion-navigation__journal .side-menu-li:hover a { color: rgba(122,62,27,0.75) !important; } .side-menu-ul li.active a, .side-menu-ul li.active, .side-menu-ul li.active::before { color: rgba(122,62,27,0.75) !important; } .side-menu-ul li.active a { } .result-selected, .active-result.highlighted, .active-result:hover, .result-selected, .active-result.highlighted, .active-result:focus { } .search-container.search-container__default-scheme { } nav.tab-bar .open-small-search.active:after { } .search-container.search-container__default-scheme .custom-accordion-for-small-screen-link::after { color: #fff; } @media only screen and (max-width: 50em) { #main-content .content__container.journal-info { color: #fff; } #main-content .content__container.journal-info a { color: #fff; } } .button.button--color { } .button.button--color:hover, .button.button--color:focus { } .button.button--color-journal { position: relative; background-color: rgba(122,62,27,0.75); border-color: #fff; color: #fff !important; } .button.button--color-journal:hover::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #ffffff; opacity: 0.2; } .button.button--color-journal:visited, .button.button--color-journal:hover, .button.button--color-journal:focus { background-color: rgba(122,62,27,0.75); border-color: #fff; color: #fff !important; } .button.button--color path { } .button.button--color:hover path { fill: #fff; } #main-content #search-refinements .ui-slider-horizontal .ui-slider-range { } .breadcrumb__element:last-of-type a { } #main-header { } #full-size-menu .top-bar, #full-size-menu li.menu-item span.user-email { } .top-bar-section li:not(.has-form) a:not(.button) { } #full-size-menu li.menu-item .dropdown-wrapper li a:hover { } #full-size-menu li.menu-item a:hover, #full-size-menu li.menu.item a:focus, nav.tab-bar a:hover { } #full-size-menu li.menu.item a:active, #full-size-menu li.menu.item a.active { } #full-size-menu li.menu-item a.open-mega-menu.active, #full-size-menu li.menu-item div.mega-menu, a.open-mega-menu.active { } #full-size-menu li.menu-item div.mega-menu li, #full-size-menu li.menu-item div.mega-menu a { border-color: #9a9a9a; } div.type-section h2 { font-size: 20px; line-height: 26px; font-weight: 300; } div.type-section h3 { margin-left: 15px; margin-bottom: 0px; font-weight: 300; } .journal-tabs .tab-title.active a { } </style> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/slick.css?f38b2db10e01b157?1732286508"> <meta name="title" content="Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education"> <meta name="description" content="Cantonese morning tea drinking is a cherished intangible cultural heritage in the Guangdong–Hong Kong–Macao Greater Bay Area in China and embodies Guangdong’s culinary tradition. In the digital era, innovative design techniques and digital technology have been applied to preserve and promote this tradition. To enhance heritage education, we designed an augmented reality device for Cantonese morning tea using Pepper’s Ghost technique. Employing field investigations, literature research, and experiments, we showcased Cantonese morning tea drinking. For further developments, affordable materials and professional photos are essential for constructing the model." > <link rel="image_src" href="https://pub.mdpi-res.com/img/journals/engproc-logo.png?4f85c38527ed7d4c" > <meta name="dc.title" content="Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education"> <meta name="dc.creator" content="Song Xu"> <meta name="dc.creator" content="Peng-Wei Hsiao"> <meta name="dc.creator" content="Chen Li"> <meta name="dc.creator" content="Jinyu Zhang"> <meta name="dc.type" content="Proceeding Paper"> <meta name="dc.source" content="Engineering Proceedings 2024, Vol. 74, Page 78"> <meta name="dc.date" content="2024-11-21"> <meta name ="dc.identifier" content="10.3390/engproc2024074078"> <meta name="dc.publisher" content="Multidisciplinary Digital Publishing Institute"> <meta name="dc.rights" content="http://creativecommons.org/licenses/by/3.0/"> <meta name="dc.format" content="application/pdf" > <meta name="dc.language" content="en" > <meta name="dc.description" content="Cantonese morning tea drinking is a cherished intangible cultural heritage in the Guangdong–Hong Kong–Macao Greater Bay Area in China and embodies Guangdong’s culinary tradition. In the digital era, innovative design techniques and digital technology have been applied to preserve and promote this tradition. To enhance heritage education, we designed an augmented reality device for Cantonese morning tea using Pepper’s Ghost technique. Employing field investigations, literature research, and experiments, we showcased Cantonese morning tea drinking. For further developments, affordable materials and professional photos are essential for constructing the model." > <meta name="dc.subject" content="Cantonese morning tea" > <meta name="dc.subject" content="Pepper’s ghost" > <meta name="dc.subject" content="augmented reality" > <meta name="dc.subject" content="heritage education" > <meta name="dc.subject" content="design practice" > <meta name ="prism.issn" content="2673-4591"> <meta name ="prism.publicationName" content="Engineering Proceedings"> <meta name ="prism.publicationDate" content="2024-11-21"> <meta name ="prism.volume" content="74"> <meta name ="prism.number" content="1"> <meta name ="prism.section" content="Proceeding Paper" > <meta name ="prism.startingPage" content="78" > <meta name="citation_issn" content="2673-4591"> <meta name="citation_journal_title" content="Engineering Proceedings"> <meta name="citation_publisher" content="Multidisciplinary Digital Publishing Institute"> <meta name="citation_title" content="Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education"> <meta name="citation_publication_date" content="2024"> <meta name="citation_online_date" content="2024/11/21"> <meta name="citation_volume" content="74"> <meta name="citation_issue" content="1"> <meta name="citation_firstpage" content="78"> <meta name="citation_author" content="Xu, Song"> <meta name="citation_author" content="Hsiao, Peng-Wei"> <meta name="citation_author" content="Li, Chen"> <meta name="citation_author" content="Zhang, Jinyu"> <meta name="citation_doi" content="10.3390/engproc2024074078"> <meta name="citation_id" content="mdpi-engproc2024074078"> <meta name="citation_abstract_html_url" content="https://www.mdpi.com/2673-4591/74/1/78"> <meta name="citation_pdf_url" content="https://www.mdpi.com/2673-4591/74/1/78/pdf?version=1732185135"> <link rel="alternate" type="application/pdf" title="PDF Full-Text" href="https://www.mdpi.com/2673-4591/74/1/78/pdf?version=1732185135"> <meta name="fulltext_pdf" content="https://www.mdpi.com/2673-4591/74/1/78/pdf?version=1732185135"> <meta name="citation_fulltext_html_url" content="https://www.mdpi.com/2673-4591/74/1/78/htm"> <link rel="alternate" type="text/html" title="HTML Full-Text" href="https://www.mdpi.com/2673-4591/74/1/78/htm"> <meta name="fulltext_html" content="https://www.mdpi.com/2673-4591/74/1/78/htm"> <link rel="alternate" type="text/xml" title="XML Full-Text" href="https://www.mdpi.com/2673-4591/74/1/78/xml"> <meta name="fulltext_xml" content="https://www.mdpi.com/2673-4591/74/1/78/xml"> <meta name="citation_xml_url" content="https://www.mdpi.com/2673-4591/74/1/78/xml"> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@MDPIOpenAccess" /> <meta name="twitter:image" content="https://pub.mdpi-res.com/img/journals/engproc-logo-social.png?4f85c38527ed7d4c" /> <meta property="fb:app_id" content="131189377574"/> <meta property="og:site_name" content="MDPI"/> <meta property="og:type" content="article"/> <meta property="og:url" content="https://www.mdpi.com/2673-4591/74/1/78" /> <meta property="og:title" content="Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education" /> <meta property="og:description" content="Cantonese morning tea drinking is a cherished intangible cultural heritage in the Guangdong–Hong Kong–Macao Greater Bay Area in China and embodies Guangdong’s culinary tradition. In the digital era, innovative design techniques and digital technology have been applied to preserve and promote this tradition. To enhance heritage education, we designed an augmented reality device for Cantonese morning tea using Pepper’s Ghost technique. Employing field investigations, literature research, and experiments, we showcased Cantonese morning tea drinking. For further developments, affordable materials and professional photos are essential for constructing the model." /> <meta property="og:image" content="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001-550.jpg?1732185202" /> <link rel="alternate" type="application/rss+xml" title="MDPI Publishing - Latest articles" href="https://www.mdpi.com/rss"> <meta name="google-site-verification" content="PxTlsg7z2S00aHroktQd57fxygEjMiNHydKn3txhvwY"> <meta name="facebook-domain-verification" content="mcoq8dtq6sb2hf7z29j8w515jjoof7" /> <script id="Cookiebot" data-cfasync="false" src="https://consent.cookiebot.com/uc.js" data-cbid="51491ddd-fe7a-4425-ab39-69c78c55829f" type="text/javascript" async></script>  <script type="text/plain" data-cookieconsent="statistics"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WPK7SW5'); </script> <script type="text/plain" data-cookieconsent="statistics"> _linkedin_partner_id = "2846186"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <script type="text/plain" data-cookieconsent="statistics" data-cfasync="false" src="//script.crazyegg.com/pages/scripts/0116/4951.js" async="async" ></script> </head> <body> <div class="direction direction_right" id="small_right" style="border-right-width: 0px; padding:0;"> <i class="fa fa-caret-right fa-2x"></i> </div> <div class="big_direction direction_right" id="big_right" style="border-right-width: 0px;"> <div style="text-align: right;"> Next Article in Journal<br> <div><a href="/2673-4591/76/1/89">A Review of Digital Projection and Measurement Technologies for Industrial Fabrication Quality Assurance</a></div> </div> </div> <div class="direction" id="small_left" style="border-left-width: 0px"> <i class="fa fa-caret-left fa-2x"></i> </div> <div class="big_direction" id="big_left" style="border-left-width: 0px;"> <div> Previous Article in Journal<br> <div><a href="/2673-4591/73/1/11">Preface: The 4th International Electronic Conference on Biosensors</a></div> </div> </div> <div style="clear: both;"></div> <div id="menuModal" class="reveal-modal reveal-modal-new reveal-modal-menu" aria-hidden="true" data-reveal role="dialog"> <div class="menu-container"> <div class="UI_NavMenu"> <div class="content__container " > <div class="custom-accordion-for-small-screen-link " > <h2>Journals</h2> </div> <div class="target-item custom-accordion-for-small-screen-content show-for-medium-up"> <div class="menu-container__links"> <div style="width: 100%; float: left;"> <a href="/about/journals">Active Journals</a> <a href="/about/journalfinder">Find a Journal</a> <a href="/about/journals/proposal">Journal Proposal</a> <a href="/about/proceedings">Proceedings Series</a> </div> </div> </div> </div> <a href="/topics"> <h2>Topics</h2> </a> <div class="content__container " > <div class="custom-accordion-for-small-screen-link " > <h2>Information</h2> </div> <div class="target-item custom-accordion-for-small-screen-content show-for-medium-up"> <div class="menu-container__links"> <div style="width: 100%; max-width: 200px; float: left;"> <a href="/authors">For Authors</a> <a href="/reviewers">For Reviewers</a> <a href="/editors">For Editors</a> <a href="/librarians">For Librarians</a> <a href="/publishing_services">For Publishers</a> <a href="/societies">For Societies</a> <a href="/conference_organizers">For Conference Organizers</a> </div> <div style="width: 100%; max-width: 250px; float: left;"> <a href="/openaccess">Open Access Policy</a> <a href="/ioap">Institutional Open Access Program</a> <a href="/special_issues_guidelines">Special Issues Guidelines</a> <a href="/editorial_process">Editorial Process</a> <a href="/ethics">Research and Publication Ethics</a> <a href="/apc">Article Processing Charges</a> <a href="/awards">Awards</a> <a href="/testimonials">Testimonials</a> </div> </div> </div> </div> <a href="/authors/english"> <h2>Editing Services</h2> </a> <div class="content__container " > <div class="custom-accordion-for-small-screen-link " > <h2>Initiatives</h2> </div> <div class="target-item custom-accordion-for-small-screen-content show-for-medium-up"> <div class="menu-container__links"> <div style="width: 100%; float: left;"> <a href="https://sciforum.net" target="_blank" rel="noopener noreferrer">Sciforum</a> <a href="https://www.mdpi.com/books" target="_blank" rel="noopener noreferrer">MDPI Books</a> <a href="https://www.preprints.org" target="_blank" rel="noopener noreferrer">Preprints.org</a> <a href="https://www.scilit.net" target="_blank" rel="noopener noreferrer">Scilit</a> <a href="https://sciprofiles.com" target="_blank" rel="noopener noreferrer">SciProfiles</a> <a href="https://encyclopedia.pub" target="_blank" rel="noopener noreferrer">Encyclopedia</a> <a href="https://jams.pub" target="_blank" rel="noopener noreferrer">JAMS</a> <a href="/about/proceedings">Proceedings Series</a> </div> </div> </div> </div> <div class="content__container " > <div class="custom-accordion-for-small-screen-link " > <h2>About</h2> </div> <div class="target-item custom-accordion-for-small-screen-content show-for-medium-up"> <div class="menu-container__links"> <div style="width: 100%; float: left;"> <a href="/about">Overview</a> <a href="/about/contact">Contact</a> <a href="https://careers.mdpi.com" target="_blank" rel="noopener noreferrer">Careers</a> <a href="/about/announcements">News</a> <a href="/about/press">Press</a> <a href="http://blog.mdpi.com/" target="_blank" rel="noopener noreferrer">Blog</a> </div> </div> </div> </div> </div> <div class="menu-container__buttons"> <a class="button UA_SignInUpButton" href="/user/login">Sign In / Sign Up</a> </div> </div> </div> <div id="captchaModal" class="reveal-modal reveal-modal-new reveal-modal-new--small" data-reveal aria-label="Captcha" aria-hidden="true" role="dialog"></div> <div id="actionDisabledModal" class="reveal-modal" data-reveal aria-labelledby="actionDisableModalTitle" aria-hidden="true" role="dialog" style="width: 300px;"> <h2 id="actionDisableModalTitle">Notice</h2> <form action="/email/captcha" method="post" id="emailCaptchaForm"> <div class="row"> <div id="js-action-disabled-modal-text" class="small-12 columns"> </div> <div id="js-action-disabled-modal-submit" class="small-12 columns" style="margin-top: 10px; display: none;"> You can make submissions to other journals <a href="https://susy.mdpi.com/user/manuscripts/upload">here</a>. </div> </div> </form> <a class="close-reveal-modal" aria-label="Close"> <i class="material-icons">clear</i> </a> </div> <div id="rssNotificationModal" class="reveal-modal reveal-modal-new" data-reveal aria-labelledby="rssNotificationModalTitle" aria-hidden="true" role="dialog"> <div class="row"> <div class="small-12 columns"> <h2 id="rssNotificationModalTitle">Notice</h2> <p> You are accessing a machine-readable page. In order to be human-readable, please install an RSS reader. </p> </div> </div> <div class="row"> <div class="small-12 columns"> <a class="button button--color js-rss-notification-confirm">Continue</a> <a class="button button--grey" onclick="$(this).closest('.reveal-modal').find('.close-reveal-modal').click(); return false;">Cancel</a> </div> </div> <a class="close-reveal-modal" aria-label="Close"> <i class="material-icons">clear</i> </a> </div> <div id="drop-article-label-openaccess" class="f-dropdown medium" data-dropdown-content aria-hidden="true" tabindex="-1"> <p> All articles published by MDPI are made immediately available worldwide under an open access license. No special permission is required to reuse all or part of the article published by MDPI, including figures and tables. For articles published under an open access Creative Common CC BY license, any part of the article may be reused without permission provided that the original article is clearly cited. For more information, please refer to <a href="https://www.mdpi.com/openaccess">https://www.mdpi.com/openaccess</a>. </p> </div> <div id="drop-article-label-feature" class="f-dropdown medium" data-dropdown-content aria-hidden="true" tabindex="-1"> <p> Feature papers represent the most advanced research with significant potential for high impact in the field. A Feature Paper should be a substantial original Article that involves several techniques or approaches, provides an outlook for future research directions and describes possible research applications. </p> <p> Feature papers are submitted upon individual invitation or recommendation by the scientific editors and must receive positive feedback from the reviewers. </p> </div> <div id="drop-article-label-choice" class="f-dropdown medium" data-dropdown-content aria-hidden="true" tabindex="-1"> <p> Editor’s Choice articles are based on recommendations by the scientific editors of MDPI journals from around the world. Editors select a small number of articles recently published in the journal that they believe will be particularly interesting to readers, or important in the respective research area. The aim is to provide a snapshot of some of the most exciting work published in the various research areas of the journal. <div style="margin-top: -10px;"> <div id="drop-article-label-choice-journal-link" style="display: none; margin-top: -10px; padding-top: 10px;"> </div> </div> </p> </div> <div id="drop-article-label-resubmission" class="f-dropdown medium" data-dropdown-content aria-hidden="true" tabindex="-1"> <p> Original Submission Date Received: <span id="drop-article-label-resubmission-date"></span>. </p> </div> <div id="container"> <noscript> <div id="no-javascript"> You seem to have javascript disabled. Please note that many of the page functionalities won't work as expected without javascript enabled. </div> </noscript> <div class="fixed"> <nav class="tab-bar show-for-medium-down"> <div class="row full-width collapse"> <div class="medium-3 small-4 columns"> <a href="/"> <img class="full-size-menu__mdpi-logo" src="https://pub.mdpi-res.com/img/design/mdpi-pub-logo-black-small1.svg?da3a8dcae975a41c?1732286508" style="width: 64px;" title="MDPI Open Access Journals"> </a> </div> <div class="medium-3 small-4 columns right-aligned"> <div class="show-for-medium-down"> <a href="#" style="display: none;"> <i class="material-icons" onclick="$('#menuModal').foundation('reveal', 'close'); return false;">clear</i> </a> <a class="js-toggle-desktop-layout-link" title="Toggle desktop layout" style="display: none;" href="/toggle_desktop_layout_cookie"> <i class="material-icons">zoom_out_map</i> </a> <a href="#" class="js-open-small-search open-small-search"> <i class="material-icons show-for-small only">search</i> </a> <a title="MDPI main page" class="js-open-menu" data-reveal-id="menuModal" href="#"> <i class="material-icons">menu</i> </a> </div> </div> </div> </nav> </div> <section class="main-section"> <header> <div class="full-size-menu show-for-large-up"> <div class="row full-width"> <div class="large-1 columns"> <a href="/"> <img class="full-size-menu__mdpi-logo" src="https://pub.mdpi-res.com/img/design/mdpi-pub-logo-black-small1.svg?da3a8dcae975a41c?1732286508" title="MDPI Open Access Journals"> </a> </div> <div class="large-8 columns text-right UI_NavMenu"> <ul> <li class="menu-item"> <a href="/about/journals" data-dropdown="journals-dropdown" aria-controls="journals-dropdown" aria-expanded="false" data-options="is_hover: true; hover_timeout: 200">Journals</a> <ul id="journals-dropdown" class="f-dropdown dropdown-wrapper dropdown-wrapper__small" data-dropdown-content aria-hidden="true" tabindex="-1"> <li> <div class="row"> <div class="small-12 columns"> <ul> <li> <a href="/about/journals"> Active Journals </a> </li> <li> <a href="/about/journalfinder"> Find a Journal </a> </li> <li> <a href="/about/journals/proposal"> Journal Proposal </a> </li> <li> <a href="/about/proceedings"> Proceedings Series </a> </li> </ul> </div> </div> </li> </ul> </li> <li class="menu-item"> <a href="/topics">Topics</a> </li> <li class="menu-item"> <a href="/authors" data-dropdown="information-dropdown" aria-controls="information-dropdown" aria-expanded="false" data-options="is_hover:true; hover_timeout:200">Information</a> <ul id="information-dropdown" class="f-dropdown dropdown-wrapper" data-dropdown-content aria-hidden="true" tabindex="-1"> <li> <div class="row"> <div class="small-5 columns right-border"> <ul> <li> <a href="/authors">For Authors</a> </li> <li> <a href="/reviewers">For Reviewers</a> </li> <li> <a href="/editors">For Editors</a> </li> <li> <a href="/librarians">For Librarians</a> </li> <li> <a href="/publishing_services">For Publishers</a> </li> <li> <a href="/societies">For Societies</a> </li> <li> <a href="/conference_organizers">For Conference Organizers</a> </li> </ul> </div> <div class="small-7 columns"> <ul> <li> <a href="/openaccess">Open Access Policy</a> </li> <li> <a href="/ioap">Institutional Open Access Program</a> </li> <li> <a href="/special_issues_guidelines">Special Issues Guidelines</a> </li> <li> <a href="/editorial_process">Editorial Process</a> </li> <li> <a href="/ethics">Research and Publication Ethics</a> </li> <li> <a href="/apc">Article Processing Charges</a> </li> <li> <a href="/awards">Awards</a> </li> <li> <a href="/testimonials">Testimonials</a> </li> </ul> </div> </div> </li> </ul> </li> <li class="menu-item"> <a href="/authors/english">Editing Services</a> </li> <li class="menu-item"> <a href="/about/initiatives" data-dropdown="initiatives-dropdown" aria-controls="initiatives-dropdown" aria-expanded="false" data-options="is_hover: true; hover_timeout: 200">Initiatives</a> <ul id="initiatives-dropdown" class="f-dropdown dropdown-wrapper dropdown-wrapper__small" data-dropdown-content aria-hidden="true" tabindex="-1"> <li> <div class="row"> <div class="small-12 columns"> <ul> <li> <a href="https://sciforum.net" target="_blank" rel="noopener noreferrer"> Sciforum </a> </li> <li> <a href="https://www.mdpi.com/books" target="_blank" rel="noopener noreferrer"> MDPI Books </a> </li> <li> <a href="https://www.preprints.org" target="_blank" rel="noopener noreferrer"> Preprints.org </a> </li> <li> <a href="https://www.scilit.net" target="_blank" rel="noopener noreferrer"> Scilit </a> </li> <li> <a href="https://sciprofiles.com" target="_blank" rel="noopener noreferrer"> SciProfiles </a> </li> <li> <a href="https://encyclopedia.pub" target="_blank" rel="noopener noreferrer"> Encyclopedia </a> </li> <li> <a href="https://jams.pub" target="_blank" rel="noopener noreferrer"> JAMS </a> </li> <li> <a href="/about/proceedings"> Proceedings Series </a> </li> </ul> </div> </div> </li> </ul> </li> <li class="menu-item"> <a href="/about" data-dropdown="about-dropdown" aria-controls="about-dropdown" aria-expanded="false" data-options="is_hover: true; hover_timeout: 200">About</a> <ul id="about-dropdown" class="f-dropdown dropdown-wrapper dropdown-wrapper__small" data-dropdown-content aria-hidden="true" tabindex="-1"> <li> <div class="row"> <div class="small-12 columns"> <ul> <li> <a href="/about"> Overview </a> </li> <li> <a href="/about/contact"> Contact </a> </li> <li> <a href="https://careers.mdpi.com" target="_blank" rel="noopener noreferrer"> Careers </a> </li> <li> <a href="/about/announcements"> News </a> </li> <li> <a href="/about/press"> Press </a> </li> <li> <a href="http://blog.mdpi.com/" target="_blank" rel="noopener noreferrer"> Blog </a> </li> </ul> </div> </div> </li> </ul> </li> </ul> </div> <div class="large-3 columns text-right full-size-menu__buttons"> <div> <a class="button button--default-inversed UA_SignInUpButton" href="/user/login">Sign In / Sign Up</a> <a class="button button--default js-journal-active-only-link js-journal-active-only-submit-link UC_NavSubmitButton" href=" https://susy.mdpi.com/user/manuscripts/upload?journal=engproc " data-disabledmessage="new submissions are not possible.">Submit</a> </div> </div> </div> </div> <div class="header-divider"> </div> <div class="search-container hide-for-small-down row search-container__homepage-scheme"> <form id="basic_search" style="background-color: inherit !important;" class="large-12 medium-12 columns " action="/search" method="get"> <div class="row search-container__main-elements"> <div class="large-2 medium-2 small-12 columns text-right1 small-only-text-left"> <div class="show-for-medium-up"> <div class="search-input-label"> </div> </div> <span class="search-container__title">Search<span class="hide-for-medium"> for Articles</span><span class="hide-for-small">:</span></span> </div> <div class="custom-accordion-for-small-screen-content"> <div class="large-2 medium-2 small-6 columns "> <div class=""> <div class="search-input-label">Title / Keyword</div> </div> <input type="text" placeholder="Title / Keyword" id="q" tabindex="1" name="q" value="" /> </div> <div class="large-2 medium-2 small-6 columns "> <div class=""> <div class="search-input-label">Author / Affiliation / Email</div> </div> <input type="text" id="authors" placeholder="Author / Affiliation / Email" tabindex="2" name="authors" value="" /> </div> <div class="large-2 medium-2 small-6 columns "> <div class=""> <div class="search-input-label">Journal</div> </div> <select id="journal" tabindex="3" name="journal" class="chosen-select"> <option value="">All Journals</option> <option value="acoustics" > Acoustics </option> <option value="amh" > Acta Microbiologica Hellenica (AMH) </option> <option value="actuators" > Actuators </option> <option value="admsci" > Administrative Sciences </option> <option value="adolescents" > Adolescents </option> <option value="arm" > Advances in Respiratory Medicine (ARM) </option> <option value="aerobiology" > Aerobiology </option> <option value="aerospace" > Aerospace </option> <option value="agriculture" > Agriculture </option> <option value="agriengineering" > AgriEngineering </option> <option value="agrochemicals" > Agrochemicals </option> <option value="agronomy" > Agronomy </option> <option value="ai" > AI </option> <option value="air" > Air </option> <option value="algorithms" > Algorithms </option> <option value="allergies" > Allergies </option> <option value="alloys" > Alloys </option> <option value="analytica" > Analytica </option> <option value="analytics" > Analytics </option> <option value="anatomia" > Anatomia </option> <option value="anesthres" > Anesthesia Research </option> <option value="animals" > Animals </option> <option value="antibiotics" > Antibiotics </option> <option value="antibodies" > Antibodies </option> <option value="antioxidants" > Antioxidants </option> <option value="applbiosci" > Applied Biosciences </option> <option value="applmech" > Applied Mechanics </option> <option value="applmicrobiol" > Applied Microbiology </option> <option value="applnano" > Applied Nano </option> <option value="applsci" > Applied Sciences </option> <option value="asi" > Applied System Innovation (ASI) </option> <option value="appliedchem" > AppliedChem </option> <option value="appliedmath" > AppliedMath </option> <option value="aquacj" > Aquaculture Journal </option> <option value="architecture" > Architecture </option> <option value="arthropoda" > Arthropoda </option> <option value="arts" > Arts </option> <option value="astronomy" > Astronomy </option> <option value="atmosphere" > Atmosphere </option> <option value="atoms" > Atoms </option> <option value="audiolres" > Audiology Research </option> <option value="automation" > Automation </option> <option value="axioms" > Axioms </option> <option value="bacteria" > Bacteria </option> <option value="batteries" > Batteries </option> <option value="behavsci" > Behavioral Sciences </option> <option value="beverages" > Beverages </option> <option value="BDCC" > Big Data and Cognitive Computing (BDCC) </option> <option value="biochem" > BioChem </option> <option value="bioengineering" > Bioengineering </option> <option value="biologics" > Biologics </option> <option value="biology" > Biology </option> <option value="blsf" > Biology and Life Sciences Forum </option> <option value="biomass" > Biomass </option> <option value="biomechanics" > Biomechanics </option> <option value="biomed" > BioMed </option> <option value="biomedicines" > Biomedicines </option> <option value="biomedinformatics" > BioMedInformatics </option> <option value="biomimetics" > Biomimetics </option> <option value="biomolecules" > Biomolecules </option> <option value="biophysica" > Biophysica </option> <option value="biosensors" > Biosensors </option> <option value="biotech" > BioTech </option> <option value="birds" > Birds </option> <option value="blockchains" > Blockchains </option> <option value="brainsci" > Brain Sciences </option> <option value="buildings" > Buildings </option> <option value="businesses" > Businesses </option> <option value="carbon" > C </option> <option value="cancers" > Cancers </option> <option value="cardiogenetics" > Cardiogenetics </option> <option value="catalysts" > Catalysts </option> <option value="cells" > Cells </option> <option value="ceramics" > Ceramics </option> <option value="challenges" > Challenges </option> <option value="ChemEngineering" > ChemEngineering </option> <option value="chemistry" > Chemistry </option> <option value="chemproc" > Chemistry Proceedings </option> <option value="chemosensors" > Chemosensors </option> <option value="children" > Children </option> <option value="chips" > Chips </option> <option value="civileng" > CivilEng </option> <option value="cleantechnol" > Clean Technologies (Clean Technol.) </option> <option value="climate" > Climate </option> <option value="ctn" > Clinical and Translational Neuroscience (CTN) </option> <option value="clinbioenerg" > Clinical Bioenergetics </option> <option value="clinpract" > Clinics and Practice </option> <option value="clockssleep" > Clocks & Sleep </option> <option value="coasts" > Coasts </option> <option value="coatings" > Coatings </option> <option value="colloids" > Colloids and Interfaces </option> <option value="colorants" > Colorants </option> <option value="commodities" > Commodities </option> <option value="complications" > Complications </option> <option value="compounds" > Compounds </option> <option value="computation" > Computation </option> <option value="csmf" > Computer Sciences & Mathematics Forum </option> <option value="computers" > Computers </option> <option value="condensedmatter" > Condensed Matter </option> <option value="conservation" > Conservation </option> <option value="constrmater" > Construction Materials </option> <option value="cmd" > Corrosion and Materials Degradation (CMD) </option> <option value="cosmetics" > Cosmetics </option> <option value="covid" > COVID </option> <option value="crops" > Crops </option> <option value="cryo" > Cryo </option> <option value="cryptography" > Cryptography </option> <option value="crystals" > Crystals </option> <option value="cimb" > Current Issues in Molecular Biology (CIMB) </option> <option value="curroncol" > Current Oncology </option> <option value="dairy" > Dairy </option> <option value="data" > Data </option> <option value="dentistry" > Dentistry Journal </option> <option value="dermato" > Dermato </option> <option value="dermatopathology" > Dermatopathology </option> <option value="designs" > Designs </option> <option value="diabetology" > Diabetology </option> <option value="diagnostics" > Diagnostics </option> <option value="dietetics" > Dietetics </option> <option value="digital" > Digital </option> <option value="disabilities" > Disabilities </option> <option value="diseases" > Diseases </option> <option value="diversity" > Diversity </option> <option value="dna" > DNA </option> <option value="drones" > Drones </option> <option value="ddc" > Drugs and Drug Candidates (DDC) </option> <option value="dynamics" > Dynamics </option> <option value="earth" > Earth </option> <option value="ecologies" > Ecologies </option> <option value="econometrics" > Econometrics </option> <option value="economies" > Economies </option> <option value="education" > Education Sciences </option> <option value="electricity" > Electricity </option> <option value="electrochem" > Electrochem </option> <option value="electronicmat" > Electronic Materials </option> <option value="electronics" > Electronics </option> <option value="ecm" > Emergency Care and Medicine </option> <option value="encyclopedia" > Encyclopedia </option> <option value="endocrines" > Endocrines </option> <option value="energies" > Energies </option> <option value="esa" > Energy Storage and Applications (ESA) </option> <option value="eng" > Eng </option> <option value="engproc" selected='selected'> Engineering Proceedings </option> <option value="entropy" > Entropy </option> <option value="environsciproc" > Environmental Sciences Proceedings </option> <option value="environments" > Environments </option> <option value="epidemiologia" > Epidemiologia </option> <option value="epigenomes" > Epigenomes </option> <option value="ebj" > European Burn Journal (EBJ) </option> <option value="ejihpe" > European Journal of Investigation in Health, Psychology and Education (EJIHPE) </option> <option value="fermentation" > Fermentation </option> <option value="fibers" > Fibers </option> <option value="fintech" > FinTech </option> <option value="fire" > Fire </option> <option value="fishes" > Fishes </option> <option value="fluids" > Fluids </option> <option value="foods" > Foods </option> <option value="forecasting" > Forecasting </option> <option value="forensicsci" > Forensic Sciences </option> <option value="forests" > Forests </option> <option value="fossstud" > Fossil Studies </option> <option value="foundations" > Foundations </option> <option value="fractalfract" > Fractal and Fractional (Fractal Fract) </option> <option value="fuels" > Fuels </option> <option value="future" > Future </option> <option value="futureinternet" > Future Internet </option> <option value="futurepharmacol" > Future Pharmacology </option> <option value="futuretransp" > Future Transportation </option> <option value="galaxies" > Galaxies </option> <option value="games" > Games </option> <option value="gases" > Gases </option> <option value="gastroent" > Gastroenterology Insights </option> <option value="gastrointestdisord" > Gastrointestinal Disorders </option> <option value="gastronomy" > Gastronomy </option> <option value="gels" > Gels </option> <option value="genealogy" > Genealogy </option> <option value="genes" > Genes </option> <option value="geographies" > Geographies </option> <option value="geohazards" > GeoHazards </option> <option value="geomatics" > Geomatics </option> <option value="geometry" > Geometry </option> <option value="geosciences" > Geosciences </option> <option value="geotechnics" > Geotechnics </option> <option value="geriatrics" > Geriatrics </option> <option value="glacies" > Glacies </option> <option value="gucdd" > Gout, Urate, and Crystal Deposition Disease (GUCDD) </option> <option value="grasses" > Grasses </option> <option value="hardware" > Hardware </option> <option value="healthcare" > Healthcare </option> <option value="hearts" > Hearts </option> <option value="hemato" > Hemato </option> <option value="hematolrep" > Hematology Reports </option> <option value="heritage" > Heritage </option> <option value="histories" > Histories </option> <option value="horticulturae" > Horticulturae </option> <option value="hospitals" > Hospitals </option> <option value="humanities" > Humanities </option> <option value="humans" > Humans </option> <option value="hydrobiology" > Hydrobiology </option> <option value="hydrogen" > Hydrogen </option> <option value="hydrology" > Hydrology </option> <option value="hygiene" > Hygiene </option> <option value="immuno" > Immuno </option> <option value="idr" > Infectious Disease Reports </option> <option value="informatics" > Informatics </option> <option value="information" > Information </option> <option value="infrastructures" > Infrastructures </option> <option value="inorganics" > Inorganics </option> <option value="insects" > Insects </option> <option value="instruments" > Instruments </option> <option value="iic" > Intelligent Infrastructure and Construction </option> <option value="ijerph" > International Journal of Environmental Research and Public Health (IJERPH) </option> <option value="ijfs" > International Journal of Financial Studies (IJFS) </option> <option value="ijms" > International Journal of Molecular Sciences (IJMS) </option> <option value="IJNS" > International Journal of Neonatal Screening (IJNS) </option> <option value="ijpb" > International Journal of Plant Biology (IJPB) </option> <option value="ijt" > International Journal of Topology </option> <option value="ijtm" > International Journal of Translational Medicine (IJTM) </option> <option value="ijtpp" > International Journal of Turbomachinery, Propulsion and Power (IJTPP) </option> <option value="ime" > International Medical Education (IME) </option> <option value="inventions" > Inventions </option> <option value="IoT" > IoT </option> <option value="ijgi" > ISPRS International Journal of Geo-Information (IJGI) </option> <option value="J" > J </option> <option value="jal" > Journal of Ageing and Longevity (JAL) </option> <option value="jcdd" > Journal of Cardiovascular Development and Disease (JCDD) </option> <option value="jcto" > Journal of Clinical & Translational Ophthalmology (JCTO) </option> <option value="jcm" > Journal of Clinical Medicine (JCM) </option> <option value="jcs" > Journal of Composites Science (J. Compos. Sci.) </option> <option value="jcp" > Journal of Cybersecurity and Privacy (JCP) </option> <option value="jdad" > Journal of Dementia and Alzheimer's Disease (JDAD) </option> <option value="jdb" > Journal of Developmental Biology (JDB) </option> <option value="jeta" > Journal of Experimental and Theoretical Analyses (JETA) </option> <option value="jfb" > Journal of Functional Biomaterials (JFB) </option> <option value="jfmk" > Journal of Functional Morphology and Kinesiology (JFMK) </option> <option value="jof" > Journal of Fungi (JoF) </option> <option value="jimaging" > Journal of Imaging (J. Imaging) </option> <option value="jintelligence" > Journal of Intelligence (J. Intell.) </option> <option value="jlpea" > Journal of Low Power Electronics and Applications (JLPEA) </option> <option value="jmmp" > Journal of Manufacturing and Materials Processing (JMMP) </option> <option value="jmse" > Journal of Marine Science and Engineering (JMSE) </option> <option value="jmahp" > Journal of Market Access & Health Policy (JMAHP) </option> <option value="jmp" > Journal of Molecular Pathology (JMP) </option> <option value="jnt" > Journal of Nanotheranostics (JNT) </option> <option value="jne" > Journal of Nuclear Engineering (JNE) </option> <option value="ohbm" > Journal of Otorhinolaryngology, Hearing and Balance Medicine (JOHBM) </option> <option value="jop" > Journal of Parks </option> <option value="jpm" > Journal of Personalized Medicine (JPM) </option> <option value="jpbi" > Journal of Pharmaceutical and BioTech Industry (JPBI) </option> <option value="jor" > Journal of Respiration (JoR) </option> <option value="jrfm" > Journal of Risk and Financial Management (JRFM) </option> <option value="jsan" > Journal of Sensor and Actuator Networks (JSAN) </option> <option value="joma" > Journal of the Oman Medical Association (JOMA) </option> <option value="jtaer" > Journal of Theoretical and Applied Electronic Commerce Research (JTAER) </option> <option value="jvd" > Journal of Vascular Diseases (JVD) </option> <option value="jox" > Journal of Xenobiotics (JoX) </option> <option value="jzbg" > Journal of Zoological and Botanical Gardens (JZBG) </option> <option value="journalmedia" > Journalism and Media </option> <option value="kidneydial" > Kidney and Dialysis </option> <option value="kinasesphosphatases" > Kinases and Phosphatases </option> <option value="knowledge" > Knowledge </option> <option value="labmed" > LabMed </option> <option value="laboratories" > Laboratories </option> <option value="land" > Land </option> <option value="languages" > Languages </option> <option value="laws" > Laws </option> <option value="life" > Life </option> <option value="limnolrev" > Limnological Review </option> <option value="lipidology" > Lipidology </option> <option value="liquids" > Liquids </option> <option value="literature" > Literature </option> <option value="livers" > Livers </option> <option value="logics" > Logics </option> <option value="logistics" > Logistics </option> <option value="lubricants" > Lubricants </option> <option value="lymphatics" > Lymphatics </option> <option value="make" > Machine Learning and Knowledge Extraction (MAKE) </option> <option value="machines" > Machines </option> <option value="macromol" > Macromol </option> <option value="magnetism" > Magnetism </option> <option value="magnetochemistry" > Magnetochemistry </option> <option value="marinedrugs" > Marine Drugs </option> <option value="materials" > Materials </option> <option value="materproc" > Materials Proceedings </option> <option value="mca" > Mathematical and Computational Applications (MCA) </option> <option value="mathematics" > Mathematics </option> <option value="medsci" > Medical Sciences </option> <option value="msf" > Medical Sciences Forum </option> <option value="medicina" > Medicina </option> <option value="medicines" > Medicines </option> <option value="membranes" > Membranes </option> <option value="merits" > Merits </option> <option value="metabolites" > Metabolites </option> <option value="metals" > Metals </option> <option value="meteorology" > Meteorology </option> <option value="methane" > Methane </option> <option value="mps" > Methods and Protocols (MPs) </option> <option value="metrics" > Metrics </option> <option value="metrology" > Metrology </option> <option value="micro" > Micro </option> <option value="microbiolres" > Microbiology Research </option> <option value="micromachines" > Micromachines </option> <option value="microorganisms" > Microorganisms </option> <option value="microplastics" > Microplastics </option> <option value="minerals" > Minerals </option> <option value="mining" > Mining </option> <option value="modelling" > Modelling </option> <option value="mmphys" > Modern Mathematical Physics </option> <option value="molbank" > Molbank </option> <option value="molecules" > Molecules </option> <option value="mti" > Multimodal Technologies and Interaction (MTI) </option> <option value="muscles" > Muscles </option> <option value="nanoenergyadv" > Nanoenergy Advances </option> <option value="nanomanufacturing" > Nanomanufacturing </option> <option value="nanomaterials" > Nanomaterials </option> <option value="ndt" > NDT </option> <option value="network" > Network </option> <option value="neuroglia" > Neuroglia </option> <option value="neurolint" > Neurology International </option> <option value="neurosci" > NeuroSci </option> <option value="nitrogen" > Nitrogen </option> <option value="ncrna" > Non-Coding RNA (ncRNA) </option> <option value="nursrep" > Nursing Reports </option> <option value="nutraceuticals" > Nutraceuticals </option> <option value="nutrients" > Nutrients </option> <option value="obesities" > Obesities </option> <option value="oceans" > Oceans </option> <option value="onco" > Onco </option> <option value="optics" > Optics </option> <option value="oral" > Oral </option> <option value="organics" > Organics </option> <option value="organoids" > Organoids </option> <option value="osteology" > Osteology </option> <option value="oxygen" > Oxygen </option> <option value="parasitologia" > Parasitologia </option> <option value="particles" > Particles </option> <option value="pathogens" > Pathogens </option> <option value="pathophysiology" > Pathophysiology </option> <option value="pediatrrep" > Pediatric Reports </option> <option value="pets" > Pets </option> <option value="pharmaceuticals" > Pharmaceuticals </option> <option value="pharmaceutics" > Pharmaceutics </option> <option value="pharmacoepidemiology" > Pharmacoepidemiology </option> <option value="pharmacy" > Pharmacy </option> <option value="philosophies" > Philosophies </option> <option value="photochem" > Photochem </option> <option value="photonics" > Photonics </option> <option value="phycology" > Phycology </option> <option value="physchem" > Physchem </option> <option value="psf" > Physical Sciences Forum </option> <option value="physics" > Physics </option> <option value="physiologia" > Physiologia </option> <option value="plants" > Plants </option> <option value="plasma" > Plasma </option> <option value="platforms" > Platforms </option> <option value="pollutants" > Pollutants </option> <option value="polymers" > Polymers </option> <option value="polysaccharides" > Polysaccharides </option> <option value="populations" > Populations </option> <option value="poultry" > Poultry </option> <option value="powders" > Powders </option> <option value="proceedings" > Proceedings </option> <option value="processes" > Processes </option> <option value="prosthesis" > Prosthesis </option> <option value="proteomes" > Proteomes </option> <option value="psychiatryint" > Psychiatry International </option> <option value="psychoactives" > Psychoactives </option> <option value="psycholint" > Psychology International </option> <option value="publications" > Publications </option> <option value="qubs" > Quantum Beam Science (QuBS) </option> <option value="quantumrep" > Quantum Reports </option> <option value="quaternary" > Quaternary </option> <option value="radiation" > Radiation </option> <option value="reactions" > Reactions </option> <option value="realestate" > Real Estate </option> <option value="receptors" > Receptors </option> <option value="recycling" > Recycling </option> <option value="rsee" > Regional Science and Environmental Economics (RSEE) </option> <option value="religions" > Religions </option> <option value="remotesensing" > Remote Sensing </option> <option value="reports" > Reports </option> <option value="reprodmed" > Reproductive Medicine (Reprod. Med.) </option> <option value="resources" > Resources </option> <option value="rheumato" > Rheumato </option> <option value="risks" > Risks </option> <option value="robotics" > Robotics </option> <option value="ruminants" > Ruminants </option> <option value="safety" > Safety </option> <option value="sci" > Sci </option> <option value="scipharm" > Scientia Pharmaceutica (Sci. Pharm.) </option> <option value="sclerosis" > Sclerosis </option> <option value="seeds" > Seeds </option> <option value="sensors" > Sensors </option> <option value="separations" > Separations </option> <option value="sexes" > Sexes </option> <option value="signals" > Signals </option> <option value="sinusitis" > Sinusitis </option> <option value="smartcities" > Smart Cities </option> <option value="socsci" > Social Sciences </option> <option value="siuj" > Société Internationale d’Urologie Journal (SIUJ) </option> <option value="societies" > Societies </option> <option value="software" > Software </option> <option value="soilsystems" > Soil Systems </option> <option value="solar" > Solar </option> <option value="solids" > Solids </option> <option value="spectroscj" > Spectroscopy Journal </option> <option value="sports" > Sports </option> <option value="standards" > Standards </option> <option value="stats" > Stats </option> <option value="stresses" > Stresses </option> <option value="surfaces" > Surfaces </option> <option value="surgeries" > Surgeries </option> <option value="std" > Surgical Techniques Development </option> <option value="sustainability" > Sustainability </option> <option value="suschem" > Sustainable Chemistry </option> <option value="symmetry" > Symmetry </option> <option value="synbio" > SynBio </option> <option value="systems" > Systems </option> <option value="targets" > Targets </option> <option value="taxonomy" > Taxonomy </option> <option value="technologies" > Technologies </option> <option value="telecom" > Telecom </option> <option value="textiles" > Textiles </option> <option value="thalassrep" > Thalassemia Reports </option> <option value="therapeutics" > Therapeutics </option> <option value="thermo" > Thermo </option> <option value="timespace" > Time and Space </option> <option value="tomography" > Tomography </option> <option value="tourismhosp" > Tourism and Hospitality </option> <option value="toxics" > Toxics </option> <option value="toxins" > Toxins </option> <option value="transplantology" > Transplantology </option> <option value="traumacare" > Trauma Care </option> <option value="higheredu" > Trends in Higher Education </option> <option value="tropicalmed" > Tropical Medicine and Infectious Disease (TropicalMed) </option> <option value="universe" > Universe </option> <option value="urbansci" > Urban Science </option> <option value="uro" > Uro </option> <option value="vaccines" > Vaccines </option> <option value="vehicles" > Vehicles </option> <option value="venereology" > Venereology </option> <option value="vetsci" > Veterinary Sciences </option> <option value="vibration" > Vibration </option> <option value="virtualworlds" > Virtual Worlds </option> <option value="viruses" > Viruses </option> <option value="vision" > Vision </option> <option value="waste" > Waste </option> <option value="water" > Water </option> <option value="wild" > Wild </option> <option value="wind" > Wind </option> <option value="women" > Women </option> <option value="world" > World </option> <option value="wevj" > World Electric Vehicle Journal (WEVJ) </option> <option value="youth" > Youth </option> <option value="zoonoticdis" > Zoonotic Diseases </option> </select> </div> <div class="large-2 medium-2 small-6 columns "> <div class=""> <div class="search-input-label">Article Type</div> </div> <select id="article_type" tabindex="4" name="article_type" class="chosen-select"> <option value="">All Article Types</option> <option value="research-article">Article</option> <option value="review-article">Review</option> <option value="rapid-communication">Communication</option> <option value="editorial">Editorial</option> <option value="abstract">Abstract</option> <option value="book-review">Book Review</option> <option value="brief-communication">Brief Communication</option> <option value="brief-report">Brief Report</option> <option value="case-report">Case Report</option> <option value="clinicopathological-challenge">Clinicopathological Challenge</option> <option value="article-commentary">Comment</option> <option value="commentary">Commentary</option> <option value="concept-paper">Concept Paper</option> <option value="conference-report">Conference Report</option> <option value="correction">Correction</option> <option value="creative">Creative</option> <option value="data-descriptor">Data Descriptor</option> <option value="discussion">Discussion</option> <option value="Entry">Entry</option> <option value="essay">Essay</option> <option value="expression-of-concern">Expression of Concern</option> <option value="extended-abstract">Extended Abstract</option> <option value="field-guide">Field Guide</option> <option value="guidelines">Guidelines</option> <option value="hypothesis">Hypothesis</option> <option value="interesting-image">Interesting Images</option> <option value="letter">Letter</option> <option value="books-received">New Book Received</option> <option value="obituary">Obituary</option> <option value="opinion">Opinion</option> <option value="perspective">Perspective</option> <option value="proceedings">Proceeding Paper</option> <option value="project-report">Project Report</option> <option value="protocol">Protocol</option> <option value="registered-report">Registered Report</option> <option value="reply">Reply</option> <option value="retraction">Retraction</option> <option value="note">Short Note</option> <option value="study-protocol">Study Protocol</option> <option value="systematic_review">Systematic Review</option> <option value="technical-note">Technical Note</option> <option value="tutorial">Tutorial</option> <option value="viewpoint">Viewpoint</option> </select> </div> <div class="large-1 medium-1 small-6 end columns small-push-6 medium-reset-order large-reset-order js-search-collapsed-button-container"> <div class="search-input-label"> </div> <input type="submit" id="search" value="Search" class="button button--dark button--full-width searchButton1 US_SearchButton" tabindex="12"> </div> <div class="large-1 medium-1 small-6 end columns large-text-left small-only-text-center small-pull-6 medium-reset-order large-reset-order js-search-collapsed-link-container"> <div class="search-input-label"> </div> <a class="main-search-clear search-container__link" href="#" onclick="openAdvanced(''); return false;">Advanced<span class="show-for-small-only"> Search</span></a> </div> </div> </div> <div class="search-container__advanced" style="margin-top: 0; padding-top: 0px; background-color: inherit; color: inherit;"> <div class="row"> <div class="large-2 medium-2 columns show-for-medium-up"> </div> <div class="large-2 medium-2 small-6 columns "> <div class=""> <div class="search-input-label">Section</div> </div> <select id="section" tabindex="5" name="section" class="chosen-select"> <option value=""></option> </select> </div> <div class="large-2 medium-2 small-6 columns "> <div class=""> <div class="search-input-label">Special Issue</div> </div> <select id="special_issue" tabindex="6" name="special_issue" class="chosen-select"> <option value=""></option> </select> </div> <div class="large-1 medium-1 small-6 end columns "> <div class="search-input-label">Volume</div> <input type="text" id="volume" tabindex="7" name="volume" placeholder="..." value="74" /> </div> <div class="large-1 medium-1 small-6 end columns "> <div class="search-input-label">Issue</div> <input type="text" id="issue" tabindex="8" name="issue" placeholder="..." value="1" /> </div> <div class="large-1 medium-1 small-6 end columns "> <div class="search-input-label">Number</div> <input type="text" id="number" tabindex="9" name="number" placeholder="..." value="" /> </div> <div class="large-1 medium-1 small-6 end columns "> <div class="search-input-label">Page</div> <input type="text" id="page" tabindex="10" name="page" placeholder="..." value="" /> </div> <div class="large-1 medium-1 small-6 columns small-push-6 medium-reset order large-reset-order medium-reset-order js-search-expanded-button-container"></div> <div class="large-1 medium-1 small-6 columns large-text-left small-only-text-center small-pull-6 medium-reset-order large-reset-order js-search-expanded-link-container"></div> </div> </div> </form> <form id="advanced-search" class="large-12 medium-12 columns"> <div class="search-container__advanced"> <div id="advanced-search-template" class="row advanced-search-row"> <div class="large-2 medium-2 small-12 columns show-for-medium-up"> </div> <div class="large-2 medium-2 small-3 columns connector-div"> <div class="search-input-label"><span class="show-for-medium-up">Logical Operator</span><span class="show-for-small">Operator</span></div> <select class="connector"> <option value="and">AND</option> <option value="or">OR</option> </select> </div> <div class="large-3 medium-3 small-6 columns search-text-div"> <div class="search-input-label">Search Text</div> <input type="text" class="search-text" placeholder="Search text"> </div> <div class="large-2 medium-2 small-6 large-offset-0 medium-offset-0 small-offset-3 columns search-field-div"> <div class="search-input-label">Search Type</div> <select class="search-field"> <option value="all">All fields</option> <option value="title">Title</option> <option value="abstract">Abstract</option> <option value="keywords">Keywords</option> <option value="authors">Authors</option> <option value="affiliations">Affiliations</option> <option value="doi">Doi</option> <option value="full_text">Full Text</option> <option value="references">References</option> </select> </div> <div class="large-1 medium-1 small-3 columns"> <div class="search-input-label"> </div> <div class="search-action-div"> <div class="search-plus"> <i class="material-icons">add_circle_outline</i> </div> </div> <div class="search-action-div"> <div class="search-minus"> <i class="material-icons">remove_circle_outline</i> </div> </div> </div> <div class="large-1 medium-1 small-6 large-offset-0 medium-offset-0 small-offset-3 end columns"> <div class="search-input-label"> </div> <input class="advanced-search-button button button--dark search-submit" type="submit" value="Search"> </div> <div class="large-1 medium-1 small-6 end columns show-for-medium-up"></div> </div> </div> </form> </div> <div class="header-divider"> </div> <div class="breadcrumb row full-row"> <div class="breadcrumb__element"> <a href="/about/journals">Journals</a> </div> <div class="breadcrumb__element"> <a href="/journal/engproc">Engineering Proceedings</a> </div> <div class="breadcrumb__element"> <a href="/2673-4591/74">Volume 74</a> </div> <div class="breadcrumb__element"> <a href="/2673-4591/74/1">Issue 1</a> </div> <div class="breadcrumb__element"> <a href="#">10.3390/engproc2024074078</a> </div> </div> </header> <div id="main-content" class=""> <div class="row full-width row-fixed-left-column"> <div id="left-column" class="content__column large-3 medium-3 small-12 columns"> <div class="content__container"> <a href="/journal/engproc"> <img src="https://pub.mdpi-res.com/img/journals/engproc-logo.png?4f85c38527ed7d4c" alt="engproc-logo" title="Engineering Proceedings" style="max-height: 60px; margin: 0 0 0 0;"> </a> <div class="generic-item no-border"> <a class="button button--color button--full-width js-journal-active-only-link js-journal-active-only-submit-link UC_ArticleSubmitButton" href="https://susy.mdpi.com/user/manuscripts/upload?form%5Bjournal_id%5D%3D402" data-disabledmessage="creating new submissions is not possible."> Submit to this Journal </a> </div> <div class="generic-item link-article-menu show-for-small"> <a href="#" class="link-article-menu show-for-small"> <span class="closed">►</span> <span class="open" style="display: none;">▼</span> Article Menu </a> </div> <div class="hide-small-down-initially UI_ArticleMenu"> <div class="generic-item"> <h2>Article Menu</h2> </div> <ul class="accordion accordion__menu" data-accordion data-options="multi_expand:true;toggleable: true"> <li class="accordion-navigation"> <a href="#academic_editors" class="accordion__title">Academic Editors</a> <div id="academic_editors" class="content active"> <div class="academic-editor-container " title="Department of Electrical Engineering, Tamkang University, New Taipei City 251, Taiwan"> <div class="sciprofiles-link" style="display: inline-block"> <div class="sciprofiles-link__link"> <img class="sciprofiles-link__image" src="https://pub.mdpi-res.com/bundles/mdpisciprofileslink/img/unknown-user.png?1732286508" style="width: auto; height: 16px; border-radius: 50%;"> <span class="sciprofiles-link__name" style="line-height: 36px;">Shu-Han Liao</span> </div> </div> </div> <div class="academic-editor-container " title="Department of Electronic Engineering, National Formosa University, Yunlin City 632, Taiwan"> <div class="sciprofiles-link" style="display: inline-block"><a class="sciprofiles-link__link" href="https://sciprofiles.com/profile/107927?utm_source=mdpi.com&utm_medium=website&utm_campaign=avatar_name" target="_blank" rel="noopener noreferrer"><img class="sciprofiles-link__image" src="/profiles/107927/thumb/Teen-Hang_Meen.png" style="width: auto; height: 16px; border-radius: 50%;"><span class="sciprofiles-link__name">Teen-Hang Meen</span></a></div> </div> <div class="academic-editor-container " title="Department of Chemical and Materials Engineering, National University of Kaohsiung, Kaohsiung, Taiwan"> <div class="sciprofiles-link" style="display: inline-block"><a class="sciprofiles-link__link" href="https://sciprofiles.com/profile/58777?utm_source=mdpi.com&utm_medium=website&utm_campaign=avatar_name" target="_blank" rel="noopener noreferrer"><img class="sciprofiles-link__image" src="/profiles/58777/thumb/Cheng-Fu_Yang.jpg" style="width: auto; height: 16px; border-radius: 50%;"><span class="sciprofiles-link__name">Cheng-Fu Yang</span></a></div> </div> </div> </li> <li class="accordion-direct-link"> <a href="/2673-4591/74/1/78/scifeed_display" data-reveal-id="scifeed-modal" data-reveal-ajax="true">Subscribe SciFeed</a> </li> <li class="accordion-navigation"> <a href="#related" class="accordion__title">Related Info Link</a> <div id="related" class="content UI_ArticleMenu_RelatedLinks"> <ul> <li class="li-link"> <a href="https://scholar.google.com/scholar?q=Delicious%20Cyber%20Ghost%3A%20Using%20Pepper%E2%80%99s%20Ghost%20in%20Computer-Aided%20Design%20to%20Enhance%20Cantonese%20Morning%20Tea%20Education" target="_blank" rel="noopener noreferrer">Google Scholar</a> </li> </ul> </div> </li> <li class="accordion-navigation"> <a href="#authors" class="accordion__title">More by Authors Links</a> <div id="authors" class="content UI_ArticleMenu_AuthorsLinks"> <ul class="side-menu-ul"> <li> <a class="expand" onclick='$(this).closest("li").next("div").toggle(); return false;'>on DOAJ</a> </li> <div id="AuthorDOAJExpand" style="display:none;"> <ul class="submenu"> <li class="li-link"> <a href='http://doaj.org/search/articles?source=%7B%22query%22%3A%7B%22query_string%22%3A%7B%22query%22%3A%22%5C%22Song%20Xu%5C%22%22%2C%22default_operator%22%3A%22AND%22%2C%22default_field%22%3A%22bibjson.author.name%22%7D%7D%7D' target="_blank" rel="noopener noreferrer">Xu, S.</a> <li> </li> <li class="li-link"> <a href='http://doaj.org/search/articles?source=%7B%22query%22%3A%7B%22query_string%22%3A%7B%22query%22%3A%22%5C%22Peng-Wei%20Hsiao%5C%22%22%2C%22default_operator%22%3A%22AND%22%2C%22default_field%22%3A%22bibjson.author.name%22%7D%7D%7D' target="_blank" rel="noopener noreferrer">Hsiao, P.</a> <li> </li> <li class="li-link"> <a href='http://doaj.org/search/articles?source=%7B%22query%22%3A%7B%22query_string%22%3A%7B%22query%22%3A%22%5C%22Chen%20Li%5C%22%22%2C%22default_operator%22%3A%22AND%22%2C%22default_field%22%3A%22bibjson.author.name%22%7D%7D%7D' target="_blank" rel="noopener noreferrer">Li, C.</a> <li> </li> <li class="li-link"> <a href='http://doaj.org/search/articles?source=%7B%22query%22%3A%7B%22query_string%22%3A%7B%22query%22%3A%22%5C%22Jinyu%20Zhang%5C%22%22%2C%22default_operator%22%3A%22AND%22%2C%22default_field%22%3A%22bibjson.author.name%22%7D%7D%7D' target="_blank" rel="noopener noreferrer">Zhang, J.</a> <li> </li> </ul> </div> <li> <a class="expand" onclick='$(this).closest("li").next("div").toggle(); return false;'>on Google Scholar</a> </li> <div id="AuthorGoogleExpand" style="display:none;"> <ul class="submenu"> <li class="li-link"> <a href="https://scholar.google.com/scholar?q=Song%20Xu" target="_blank" rel="noopener noreferrer">Xu, S.</a> <li> </li> <li class="li-link"> <a href="https://scholar.google.com/scholar?q=Peng-Wei%20Hsiao" target="_blank" rel="noopener noreferrer">Hsiao, P.</a> <li> </li> <li class="li-link"> <a href="https://scholar.google.com/scholar?q=Chen%20Li" target="_blank" rel="noopener noreferrer">Li, C.</a> <li> </li> <li class="li-link"> <a href="https://scholar.google.com/scholar?q=Jinyu%20Zhang" target="_blank" rel="noopener noreferrer">Zhang, J.</a> <li> </li> </ul> </div> <li> <a class="expand" onclick='$(this).closest("li").next("div").toggle(); return false;'>on PubMed</a> </li> <div id="AuthorPubMedExpand" style="display:none;"> <ul class="submenu"> <li class="li-link"> <a href="http://www.pubmed.gov/?cmd=Search&term=Song%20Xu" target="_blank" rel="noopener noreferrer">Xu, S.</a> <li> </li> <li class="li-link"> <a href="http://www.pubmed.gov/?cmd=Search&term=Peng-Wei%20Hsiao" target="_blank" rel="noopener noreferrer">Hsiao, P.</a> <li> </li> <li class="li-link"> <a href="http://www.pubmed.gov/?cmd=Search&term=Chen%20Li" target="_blank" rel="noopener noreferrer">Li, C.</a> <li> </li> <li class="li-link"> <a href="http://www.pubmed.gov/?cmd=Search&term=Jinyu%20Zhang" target="_blank" rel="noopener noreferrer">Zhang, J.</a> <li> </li> </ul> </div> </ul> </div> </li> </ul> <span style="display:none" id="scifeed_hidden_flag"></span> <span style="display:none" id="scifeed_subscribe_url">/ajax/scifeed/subscribe</span> </div> </div> <div class="content__container responsive-moving-container large medium active hidden" data-id="article-counters"> <div id="counts-wrapper" class="row generic-item no-border" data-equalizer> <div id="js-counts-wrapper__views" class="small-12 hide columns count-div-container"> <a href="#metrics" > <div class="count-div" data-equalizer-watch> <span class="name">Article Views</span> <span class="count view-number"></span> </div> </a> </div> <div id="js-counts-wrapper__citations" class="small-12 columns hide count-div-container"> <a href="#metrics" > <div class="count-div" data-equalizer-watch> <span class="name">Citations</span> <span class="count citations-number Var_ArticleMaxCitations">-</span> </div> </a> </div> </div> </div> <div class="content__container"> <div class="hide-small-down-initially"> <ul class="accordion accordion__menu" data-accordion data-options="multi_expand:true;toggleable: true"> <li class="accordion-navigation"> <a href="#table_of_contents" class="accordion__title">Table of Contents</a> <div id="table_of_contents" class="content active"> <div class="menu-caption" id="html-quick-links-title"></div> </div> </li> </ul> </div> </div>  <div id="pbgrd-sky"></div> <script src="https://cdn.pbgrd.com/core-mdpi.js"></script> <style>.content__container { min-width: 300px; }</style>  </div> <div id="middle-column" class="content__column large-9 medium-9 small-12 columns end middle-bordered"> <div class="middle-column__help"> <div class="middle-column__help__fixed show-for-medium-up"> <span id="js-altmetrics-donut" href="#" target="_blank" rel="noopener noreferrer" style="display: none;"> <span data-badge-type='donut' class='altmetric-embed' data-doi='10.3390/engproc2024074078'></span> <span>Altmetric</span> </span> <a href="#" class="UA_ShareButton" data-reveal-id="main-share-modal" title="Share"> <i class="material-icons">share</i> <span>Share</span> </a> <a href="#" data-reveal-id="main-help-modal" title="Help"> <i class="material-icons">announcement</i> <span>Help</span> </a> <a href="javascript:void(0);" data-reveal-id="cite-modal" data-counterslink = "https://www.mdpi.com/2673-4591/74/1/78/cite" > <i class="material-icons">format_quote</i> <span>Cite</span> </a> <a href="https://sciprofiles.com/discussion-groups/public/10.3390/engproc2024074078?utm_source=mpdi.com&utm_medium=publication&utm_campaign=discuss_in_sciprofiles" target="_blank" rel="noopener noreferrer" title="Discuss in Sciprofiles"> <i class="material-icons">question_answer</i> <span>Discuss in SciProfiles</span> </a> <a href="#" class="" data-hypothesis-trigger-endorses-tab title="Endorse"> <i data-hypothesis-endorse-trigger class="material-icons" >thumb_up</i> <div data-hypothesis-endorsement-count data-hypothesis-trigger-endorses-tab class="hypothesis-count-container"> ... </div> <span>Endorse</span> </a> <a href="#" data-hypothesis-trigger class="js-hypothesis-open UI_ArticleAnnotationsButton" title="Comment"> <i class="material-icons">textsms</i> <div data-hypothesis-annotation-count class="hypothesis-count-container"> ... </div> <span>Comment</span> </a> </div> <div id="main-help-modal" class="reveal-modal reveal-modal-new" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <div class="row"> <div class="small-12 columns"> <h2 style="margin: 0;">Need Help?</h2> </div> <div class="small-6 columns"> <h3>Support</h3> <p> Find support for a specific problem in the support section of our website. </p> <a target="_blank" href="/about/contactform" class="button button--color button--full-width"> Get Support </a> </div> <div class="small-6 columns"> <h3>Feedback</h3> <p> Please let us know what you think of our products and services. </p> <a target="_blank" href="/feedback/send" class="button button--color button--full-width"> Give Feedback </a> </div> <div class="small-6 columns end"> <h3>Information</h3> <p> Visit our dedicated information section to learn more about MDPI. </p> <a target="_blank" href="/authors" class="button button--color button--full-width"> Get Information </a> </div> </div> <a class="close-reveal-modal" aria-label="Close"> <i class="material-icons">clear</i> </a> </div> </div> <div class="middle-column__main "> <div class="page-highlight"> <style type="text/css"> img.review-status { width: 30px; } </style> <div id="jmolModal" class="reveal-modal" data-reveal aria-labelledby="Captcha" aria-hidden="true" role="dialog"> <h2>JSmol Viewer</h2> <div class="row"> <div class="small-12 columns text-center"> <iframe style="width: 520px; height: 520px;" frameborder="0" id="jsmol-content"></iframe> <div class="content"></div> </div> </div> <a class="close-reveal-modal" aria-label="Close"> <i class="material-icons">clear</i> </a> </div> <div itemscope itemtype="http://schema.org/ScholarlyArticle" id="abstract" class="abstract_div"> <div class="js-check-update-container"></div> <div class="html-content__container content__container content__container__combined-for-large__first" style="overflow: auto; position: inherit;"> <div class='html-profile-nav'> <div class='top-bar'> <div class='nav-sidebar-btn show-for-large-up' data-status='opened' > <i class='material-icons'>first_page</i> </div> <a id="js-button-download" class="button button--color-inversed" style="display: none;" href="/2673-4591/74/1/78/pdf?version=1732185135" data-name="Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education" data-journal="engproc"> <i class="material-icons custom-download"></i> Download PDF </a> <div class='nav-btn'> <i class='material-icons'>settings</i> </div> <a href="/2673-4591/74/1/78/reprints" id="js-button-reprints" class="button button--color-inversed"> Order Article Reprints </a> </div> <div class='html-article-menu'> <div class='html-first-step row'> <div class='html-font-family large-6 medium-6 small-12 columns'> <div class='row'> <div class='html-font-label large-4 medium-4 small-12 columns'> Font Type: </div> <div class='large-8 medium-8 small-12 columns'> <span class="html-article-menu-option"><i style='font-family:Arial, Arial, Helvetica, sans-serif;' data-fontfamily='Arial, Arial, Helvetica, sans-serif'>Arial</i></span> <span class="html-article-menu-option"><i style='font-family:Georgia1, Georgia, serif;' data-fontfamily='Georgia1, Georgia, serif'>Georgia</i></span> <span class="html-article-menu-option"><i style='font-family:Verdana, Verdana, Geneva, sans-serif;' data-fontfamily='Verdana, Verdana, Geneva, sans-serif' >Verdana</i></span> </div> </div> </div> <div class='html-font-resize large-6 medium-6 small-12 columns'> <div class='row'> <div class='html-font-label large-4 medium-4 small-12 columns'>Font Size:</div> <div class='large-8 medium-8 small-12 columns'> <span class="html-article-menu-option a1" data-percent="100">Aa</span> <span class="html-article-menu-option a2" data-percent="120">Aa</span> <span class="html-article-menu-option a3" data-percent="160">Aa</span> </div> </div> </div> </div> <div class='row'> <div class='html-line-space large-6 medium-6 small-12 columns'> <div class='row'> <div class='html-font-label large-4 medium-4 small-12 columns' >Line Spacing:</div> <div class='large-8 medium-8 small-12 columns'> <span class="html-article-menu-option a1" data-line-height="1.5em"> <i class="fa"></i> </span> <span class="html-article-menu-option a2" data-line-height="1.8em"> <i class="fa"></i> </span> <span class="html-article-menu-option a3" data-line-height="2.1em"> <i class="fa"></i> </span> </div> </div> </div> <div class='html-column-width large-6 medium-6 small-12 columns'> <div class='row'> <div class='html-font-label large-4 medium-4 small-12 columns' >Column Width:</div> <div class='large-8 medium-8 small-12 columns'> <span class="html-article-menu-option a1" data-column-width="20%"> <i class="fa"></i> </span> <span class="html-article-menu-option a2" data-column-width="10%"> <i class="fa"></i> </span> <span class="html-article-menu-option a3" data-column-width="0%"> <i class="fa"></i> </span> </div> </div> </div> </div> <div class='row'> <div class='html-font-bg large-6 medium-6 small-12 columns end'> <div class='row'> <div class='html-font-label large-4 medium-4 small-12 columns'>Background:</div> <div class='large-8 medium-8 small-12 columns'> <div class="html-article-menu-option html-nav-bg html-nav-bright" data-bg="bright"> <i class="fa fa-file-text"></i> </div> <div class="html-article-menu-option html-nav-bg html-nav-dark" data-bg="dark"> <i class="fa fa-file-text-o"></i> </div> <div class="html-article-menu-option html-nav-bg html-nav-creme" data-bg="creme"> <i class="fa fa-file-text"></i> </div> </div> </div> </div> </div> </div> </div> <article ><div class='html-article-content'> <span itemprop="publisher" content="Multidisciplinary Digital Publishing Institute"></span><span itemprop="url" content="https://www.mdpi.com/2673-4591/74/1/78"></span> <div class="article-icons"><span class="label openaccess" data-dropdown="drop-article-label-openaccess" aria-expanded="false">Open Access</span><span class="label articletype">Proceeding Paper</span></div> <h1 class="title hypothesis_container" itemprop="name"> Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education<sup> †</sup> </h1> <div class="art-authors hypothesis_container"> by <span class="inlineblock "><div class='profile-card-drop' data-dropdown='profile-card-drop13427403' data-options='is_hover:true, hover_timeout:5000'> Song Xu</div><div id="profile-card-drop13427403" data-dropdown-content class="f-dropdown content profile-card-content" aria-hidden="true" tabindex="-1"><div class="profile-card__title"><div class="sciprofiles-link" style="display: inline-block"><div class="sciprofiles-link__link"><img class="sciprofiles-link__image" src="/bundles/mdpisciprofileslink/img/unknown-user.png" style="width: auto; height: 16px; border-radius: 50%;"><span class="sciprofiles-link__name">Song Xu</span></div></div></div><div class="profile-card__buttons" style="margin-bottom: 10px;"><a href="https://sciprofiles.com/profile/3013238?utm_source=mdpi.com&utm_medium=website&utm_campaign=avatar_name" class="button button--color-inversed" target="_blank"> SciProfiles </a><a href="https://scilit.net/scholars?q=Song%20Xu" class="button button--color-inversed" target="_blank"> Scilit </a><a href="https://www.preprints.org/search?search1=Song%20Xu&field1=authors" class="button button--color-inversed" target="_blank"> Preprints.org </a><a href="https://scholar.google.com/scholar?q=Song%20Xu" class="button button--color-inversed" target="_blank" rels="noopener noreferrer"> Google Scholar </a></div></div><sup> 1</sup><span style="display: inline; margin-left: 5px;"></span><a class="toEncode emailCaptcha visibility-hidden" data-author-id="13427403" href="/cdn-cgi/l/email-protection#745b171a105917131d5b185b1119151d185904061b001117001d1b1a5744444410434c4416454345424512474c451545454417444645444142451045174410414245164542"><sup><i class="fa fa-envelope-o"></i></sup></a>, </span><span class="inlineblock "><div class='profile-card-drop' data-dropdown='profile-card-drop13427404' data-options='is_hover:true, hover_timeout:5000'> Peng-Wei Hsiao</div><div id="profile-card-drop13427404" data-dropdown-content class="f-dropdown content profile-card-content" aria-hidden="true" tabindex="-1"><div class="profile-card__title"><div class="sciprofiles-link" style="display: inline-block"><div class="sciprofiles-link__link"><img class="sciprofiles-link__image" src="/bundles/mdpisciprofileslink/img/unknown-user.png" style="width: auto; height: 16px; border-radius: 50%;"><span class="sciprofiles-link__name">Peng-Wei Hsiao</span></div></div></div><div class="profile-card__buttons" style="margin-bottom: 10px;"><a href="https://sciprofiles.com/profile/author/OE9kemZaWVRPWDZOeFRMTXNKT1hvbHMzN2JpMjkrb1FuNmQ2QktHcElzMD0=?utm_source=mdpi.com&utm_medium=website&utm_campaign=avatar_name" class="button button--color-inversed" target="_blank"> SciProfiles </a><a href="https://scilit.net/scholars?q=Peng-Wei%20Hsiao" class="button button--color-inversed" target="_blank"> Scilit </a><a href="https://www.preprints.org/search?search1=Peng-Wei%20Hsiao&field1=authors" class="button button--color-inversed" target="_blank"> Preprints.org </a><a href="https://scholar.google.com/scholar?q=Peng-Wei%20Hsiao" class="button button--color-inversed" target="_blank" rels="noopener noreferrer"> Google Scholar </a></div></div><sup> 2</sup><span style="display: inline; margin-left: 5px;"></span><a class="toEncode emailCaptcha visibility-hidden" data-author-id="13427404" href="/cdn-cgi/l/email-protection#80afe3eee4ade3e7e9afecafe5ede1e9ecadf0f2eff4e5e3f4e9efeea3b0b0b0b7b7b0b1b8b0b3b1b9b1b1b1e6b3b0b1b9b0b0b1e4b5e5b1b5b1b4b0b5b5e5b1e4b1e6"><sup><i class="fa fa-envelope-o"></i></sup></a>, </span><span class="inlineblock "><div class='profile-card-drop' data-dropdown='profile-card-drop13427405' data-options='is_hover:true, hover_timeout:5000'> Chen Li</div><div id="profile-card-drop13427405" data-dropdown-content class="f-dropdown content profile-card-content" aria-hidden="true" tabindex="-1"><div class="profile-card__title"><div class="sciprofiles-link" style="display: inline-block"><div class="sciprofiles-link__link"><img class="sciprofiles-link__image" src="/bundles/mdpisciprofileslink/img/unknown-user.png" style="width: auto; height: 16px; border-radius: 50%;"><span class="sciprofiles-link__name">Chen Li</span></div></div></div><div class="profile-card__buttons" style="margin-bottom: 10px;"><a href="https://sciprofiles.com/profile/3791055?utm_source=mdpi.com&utm_medium=website&utm_campaign=avatar_name" class="button button--color-inversed" target="_blank"> SciProfiles </a><a href="https://scilit.net/scholars?q=Chen%20Li" class="button button--color-inversed" target="_blank"> Scilit </a><a href="https://www.preprints.org/search?search1=Chen%20Li&field1=authors" class="button button--color-inversed" target="_blank"> Preprints.org </a><a href="https://scholar.google.com/scholar?q=Chen%20Li" class="button button--color-inversed" target="_blank" rels="noopener noreferrer"> Google Scholar </a></div></div><sup> 1,*</sup><span style="display: inline; margin-left: 5px;"></span><a class="toEncode emailCaptcha visibility-hidden" data-author-id="13427405" href="/cdn-cgi/l/email-protection#f6d9959892db95919fd99ad9939b979f9adb868499829395829f9998d5c6c6c6c3c095c690c6c2c6cfc6c4c495c693c6c3c7cec7c0c6c2c2c4c6cfc6cec7cfc2c4c690c6c4"><sup><i class="fa fa-envelope-o"></i></sup></a> and </span><span class="inlineblock "><div class='profile-card-drop' data-dropdown='profile-card-drop13427406' data-options='is_hover:true, hover_timeout:5000'> Jinyu Zhang</div><div id="profile-card-drop13427406" data-dropdown-content class="f-dropdown content profile-card-content" aria-hidden="true" tabindex="-1"><div class="profile-card__title"><div class="sciprofiles-link" style="display: inline-block"><div class="sciprofiles-link__link"><img class="sciprofiles-link__image" src="/bundles/mdpisciprofileslink/img/unknown-user.png" style="width: auto; height: 16px; border-radius: 50%;"><span class="sciprofiles-link__name">Jinyu Zhang</span></div></div></div><div class="profile-card__buttons" style="margin-bottom: 10px;"><a href="https://sciprofiles.com/profile/author/RlE2K2F1QmNCdGFkMTRhdy9lRmNBOWszYlNyVEowRDIzNEFqM1RDUy95WT0=?utm_source=mdpi.com&utm_medium=website&utm_campaign=avatar_name" class="button button--color-inversed" target="_blank"> SciProfiles </a><a href="https://scilit.net/scholars?q=Jinyu%20Zhang" class="button button--color-inversed" target="_blank"> Scilit </a><a href="https://www.preprints.org/search?search1=Jinyu%20Zhang&field1=authors" class="button button--color-inversed" target="_blank"> Preprints.org </a><a href="https://scholar.google.com/scholar?q=Jinyu%20Zhang" class="button button--color-inversed" target="_blank" rels="noopener noreferrer"> Google Scholar </a></div></div><sup> 1</sup><span style="display: inline; margin-left: 5px;"></span><a class="toEncode emailCaptcha visibility-hidden" data-author-id="13427406" href="/cdn-cgi/l/email-protection#3e115d505a135d59571152115b535f5752134e4c514a5b5d4a5751501d0e0e0f0c095f0f5c0f0a0f5a0f0e0f0d0f0a0e0d0e580a060a5f0a060a580d5f0f5a0f090f5c0f0d0f080b0a0f070f0b0f09"><sup><i class="fa fa-envelope-o"></i></sup></a></span> </div> <div class="nrm"></div> <span style="display:block; height:6px;"></span> <div></div> <div style="margin: 5px 0 15px 0;" class="hypothesis_container"> <div class="art-affiliations"> <div class="affiliation "> <div class="affiliation-item"><sup>1</sup></div> <div class="affiliation-name ">School of Design and Art, Beijing Institute of Technology, Zhuhai 519088, China</div> </div> <div class="affiliation "> <div class="affiliation-item"><sup>2</sup></div> <div class="affiliation-name ">Department of Visual Arts, Macao Polytechnic University, Macau 999078, China</div> </div> <div class="affiliation"> <div class="affiliation-item"><sup>*</sup></div> <div class="affiliation-name ">Author to whom correspondence should be addressed. </div> </div> <div class="affiliation"> <div class="affiliation-item"><sup>†</sup></div> <div class="affiliation-name ">Presented at the 2024 IEEE 4th International Conference on Electronic Communications, Internet of Things and Big Data, Taipei, Taiwan, 19–21 April 2024.</div> </div> </div> </div> <div class="bib-identity" style="margin-bottom: 10px;"> <em>Eng. Proc.</em> <b>2024</b>, <em>74</em>(1), 78; <a href="https://doi.org/10.3390/engproc2024074078">https://doi.org/10.3390/engproc2024074078</a> </div> <div class="pubhistory" style="font-weight: bold; padding-bottom: 10px;"> <span style="display: inline-block">Published: 21 November 2024</span> </div> <div class="highlight-box1"> <div class="download"> <a class="button button--color-inversed button--drop-down" data-dropdown="drop-download-1526084" aria-controls="drop-supplementary-1526084" aria-expanded="false"> Download <i class="material-icons">keyboard_arrow_down</i> </a> <div id="drop-download-1526084" class="f-dropdown label__btn__dropdown label__btn__dropdown--button" data-dropdown-content aria-hidden="true" tabindex="-1"> <a class="UD_ArticlePDF" href="/2673-4591/74/1/78/pdf?version=1732185135" data-name="Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education" data-journal="engproc">Download PDF</a> <br/> <a id="js-pdf-with-cover-access-captcha" href="#" data-target="/2673-4591/74/1/78/pdf-with-cover" class="accessCaptcha">Download PDF with Cover</a> <br/> <a id="js-xml-access-captcha" href="#" data-target="/2673-4591/74/1/78/xml" class="accessCaptcha">Download XML</a> <br/> <a href="/2673-4591/74/1/78/epub" id="epub_link">Download Epub</a> <br/> </div> <div class="js-browse-figures" style="display: inline-block;"> <a href="#" class="button button--color-inversed margin-bottom-10 openpopupgallery UI_BrowseArticleFigures" data-target='article-popup' data-counterslink = "https://www.mdpi.com/2673-4591/74/1/78/browse" >Browse Figures</a> </div> <div id="article-popup" class="popupgallery" style="display: inline; line-height: 200%"> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001.png?1732185201" title=" <strong>Figure 1</strong><br/> <p>Storyboard.</p> "> </a> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g002.png?1732185202" title=" <strong>Figure 2</strong><br/> <p>The Pepper’s Ghost device’s conceptual design.</p> "> </a> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g003.png?1732185203" title=" <strong>Figure 3</strong><br/> <p>Virtual character “Shrimp Dumpling” and characters in Brother Hao’s dream.</p> "> </a> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g004.png?1732185203" title=" <strong>Figure 4</strong><br/> <p>Filming the performance of the main character “Brother Hao”.</p> "> </a> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g005.png?1732185204" title=" <strong>Figure 5</strong><br/> <p>Filming the lion dance performance.</p> "> </a> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g006.png?1732185204" title=" <strong>Figure 6</strong><br/> <p>Scene compositing of real person and virtual character “Shrimp Dumpling”.</p> "> </a> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g007.png?1732185205" title=" <strong>Figure 7</strong><br/> <p>Scene compositing of real person and virtual characters “Dancing Lion”.</p> "> </a> <a href="https://pub.mdpi-res.com/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g008.png?1732185206" title=" <strong>Figure 8</strong><br/> <p>Effect of the Pepper’s Ghost device.</p> "> </a> </div> <a class="button button--color-inversed" href="/2673-4591/74/1/78/notes">Versions Notes</a> </div> </div> <div class="responsive-moving-container small hidden" data-id="article-counters" style="margin-top: 15px;"></div> <div class="html-dynamic"> <section> <div class="art-abstract art-abstract-new in-tab hypothesis_container"> <p> <div><section class="html-abstract" id="html-abstract"> <h2 id="html-abstract-title">Abstract</h2><b>:</b> <div class="html-p">Cantonese morning tea drinking is a cherished intangible cultural heritage in the Guangdong–Hong Kong–Macao Greater Bay Area in China and embodies Guangdong’s culinary tradition. In the digital era, innovative design techniques and digital technology have been applied to preserve and promote this tradition. To enhance heritage education, we designed an augmented reality device for Cantonese morning tea using Pepper’s Ghost technique. Employing field investigations, literature research, and experiments, we showcased Cantonese morning tea drinking. For further developments, affordable materials and professional photos are essential for constructing the model.</div> </section> <div id="html-keywords"> <div class="html-gwd-group"><div id="html-keywords-title">Keywords: </div><a href="/search?q=Cantonese+morning+tea">Cantonese morning tea</a>; <a href="/search?q=Pepper%E2%80%99s+ghost">Pepper’s ghost</a>; <a href="/search?q=augmented+reality">augmented reality</a>; <a href="/search?q=heritage+education">heritage education</a>; <a href="/search?q=design+practice">design practice</a></div> <div> </div> </div> </div> </p> </div> </section> </div> <div class="hypothesis_container"> <ul class="menu html-nav" data-prev-node="#html-quick-links-title"> </ul> <div class="html-body"> <section id='sec1-engproc-74-00078' type='intro'><h2 data-nested='1'> 1. Introduction</h2><div class='html-p'>According to a Chinese saying, “Food is the people’s priority”. Food culture has long been seen as important in Chinese culture. During the last century, Guangdong, Hong Kong, and Macao of the Greater Bay Area (the GBA) in China have gradually embraced morning tea drinking into their daily lives. Cantonese morning tea drinking has become popular due to its sumptuous side dishes and relaxed market setting. Morning tea drinking is an important part of the culture of the Bay Area people despite the challenges of social advancement and urbanization. However, traditional tea businesses are facing difficulties in this modern era. Nevertheless, the majority of people in the GBA still appreciate the value of morning tea. As the modern and traditional versions of the morning tea experience differ in terms of dining options, cultural hubs, leisure activities, and other factors, there is an opportunity to embrace change and find ways to preserve the essence of morning tea while adapting to the changing times.</div><div class='html-p'>In today’s fast-paced digital world, it is important to keep up with the changing habits of the younger generation. While it may be challenging to encourage young people to adopt the practice of having morning tea, it is crucial to make it more appealing to them. Similarly, traditional tea houses need to adapt to the changing landscape and embrace new technologies to stay relevant. By utilizing central kitchens, pre-prepared meals, and other innovative methods, tea houses can serve their customers efficiently and effectively. It is important to balance between tradition and innovation to ensure that tea culture is preserved. The popularity of new media tools such as TikTok has provided the younger generation with an abundance of information and news. It is remarkable how easily accessible information is, enabling people to stay up to date with the latest news and social trends from their homes. </div><div class='html-p'>Thus, using the cutting-edge technology Pepper’s Ghost, we created an augmented reality (AR) Cantonese morning tea drinking experience to encourage pupils to share their stories. Additionally, the elements of Cantonese morning tea drinking were integrated into the video assets using a scripted story and young local actors, thereby promoting the local cultural heritage.</div></section><section id='sec2-engproc-74-00078' type=''><h2 data-nested='1'> 2. Literature Review</h2><section id='sec2dot1-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 2.1. Study and Protection of Cantonese Morning Tea Drinking</h4><div class='html-p'>The GBA is witnessing a surge in cultural research activities, thanks to the expanding coastal economy of China. While the study of morning tea drinking is not commonly known, relevant research findings have been published every year. Through a literature review, we compiled the latest research results regarding topics such as immigrant life, cultural identity, Cantonese culture, and cultural space. In a comparison study conducted over two decades ago, scholars found that children’s linguistic backgrounds played a significant role in their interactions. Thus, teachers must encourage communication between children of similar linguistic backgrounds to promote interactions between children from varied language backgrounds. These findings help us to understand communities better and create more inclusive spaces [<a href="#B1-engproc-74-00078" class="html-bibr">1</a>]. Various research has been conducted on the hobbies and social networks of the population in the GBA, highlighting the role of Guangzhou-style morning tea drinking in helping immigrants feel more at home and integrated into Cantonese society, which leads to stronger social connections with locals and immigrants [<a href="#B2-engproc-74-00078" class="html-bibr">2</a>]. Additionally, several Hong Kong scholars have researched traditional Cantonese tea culture to expand understanding of the history and current state of tea facilities. Overall, these studies provide information on the lifestyles and cultural practices of the people in the Greater Bay Area.</div><div class='html-p'>Researchers have highlighted the cultural significance of traditional cuisine and its experiential value for consumers. They emphasized the influence of Cantonese morning tea drinking in shaping the dining experience and how it continues to inspire similar meals [<a href="#B3-engproc-74-00078" class="html-bibr">3</a>]. Additionally, the elements of the Cantonese morning tea drinking were integrated into artworks, showcasing the richness of traditional Cantonese culture. However, there are challenges faced by traditional Cantonese morning tea houses due to economic development, and there is an urgent need to preserve this cultural heritage and raise awareness about the importance of preserving and promoting traditional cultural practices [<a href="#B4-engproc-74-00078" class="html-bibr">4</a>]. Cantonese morning tea drinking is popular and has seen an increased presence in restaurants despite its decline in teahouses. The cultural significance of Cantonese morning tea drinking, particularly in the GBA, was researched to understand how urban cultural space has evolved in the region with morning tea culture playing a crucial role in shaping it. The authors examined the potential for expanding urban cultural space based on the growth dimension of cultural space. Their findings help preserve and promote the cultural heritage of Cantonese morning tea drinking [<a href="#B5-engproc-74-00078" class="html-bibr">5</a>].</div></section><section id='sec2dot2-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 2.2. Pepper’s Ghost and Augmented Reality (AR)</h4><div class='html-p'>Pepper’s Ghost is an optical illusion. John explained its scientific principles in detail [<a href="#B6-engproc-74-00078" class="html-bibr">6</a>]. The illusion has been successfully integrated into a European museum by an Italian research team, who designed holographic cabinets for improving visitor experience [<a href="#B7-engproc-74-00078" class="html-bibr">7</a>]. Thomas explored the potential of Pepper’s Ghost and AR to examine social systems through media forms. He observed the current revival of Pepper’s Ghost as a promising way to create modern ‘holograms’ for the 21st century [<a href="#B8-engproc-74-00078" class="html-bibr">8</a>]. Researchers in Spain developed a highly economical multi-view display using the Pepper’s Ghost technique. They encountered issues with the holographic display’s thickness, which made it difficult for users to read text, and its inability to perform well in bright light conditions. However, comparing the monitor with commercial optical field monitors, a multi-view display was developed [<a href="#B9-engproc-74-00078" class="html-bibr">9</a>]. Pepper’s Ghost was used to create virtual presentations of large or delicate antiques in art museums. A device with sensors enables users to interact with the images using holographic displays and related applications [<a href="#B10-engproc-74-00078" class="html-bibr">10</a>].</div></section><section id='sec2dot3-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 2.3. Three-Dimensional Modeling for Live Performance</h4><div class='html-p'>Three-dimensional materials and various optical imaging technologies have been used to display cultural heritage content in recent years. Researchers combine live performances with cultural heritage by modeling cultural resources in three dimensions. Starting with manual modeling, semi-automatic computer-aided modeling is presently used with scanning drones to preserve and showcase cultural heritage [<a href="#B11-engproc-74-00078" class="html-bibr">11</a>]. The potential of 3D modeling in cultural heritage education was researched by identifying three significant challenges to ensure the efficacy of digital 3D modeling technology. These challenges include usage scenarios and user cognition for technical processes and user experience, and legislation and infrastructure. Overcoming these challenges contributes to the preservation of traditional culture [<a href="#B12-engproc-74-00078" class="html-bibr">12</a>]. Digital cultural treasures are accessible to visually impaired people by using interactive touch recognition techniques and traditional 3D scanning, modeling, and printing, which can be used to preserve and promote cultural heritage [<a href="#B13-engproc-74-00078" class="html-bibr">13</a>]. Live broadcasts and e-commerce are also used to preserve intangible cultural property. These innovative approaches to preserving cultural heritage are crucial in ensuring that future generations continue to learn and appreciate rich cultural heritage [<a href="#B14-engproc-74-00078" class="html-bibr">14</a>].</div></section></section><section id='sec3-engproc-74-00078' type=''><h2 data-nested='1'> 3. Study Design</h2><section id='sec3dot1-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 3.1. Field Investigation</h4><div class='html-p'>Although there are not many traditional Cantonese morning tea drinking businesses still in operation, the pandemic and quarantine regulations presented a unique opportunity for this research. Despite the challenges, we found six seafood restaurants serving Guangzhou-style morning tea in a three-kilometer radius (<a href="#engproc-74-00078-t001" class="html-table">Table 1</a>). They were easily accessible, so thorough research could be conducted. They were selected from 15 restaurants by carefully filtering out unsuitable options and focusing on relevant venues. Many restaurants had irregular operating hours, which made it difficult to carry out an effective study. We found that the three restaurants had storefronts facing the street, which was their success factor. We selected the morning tea offered at “Li Yuan Seafood Restaurant” and sampled five morning tea delights to ensure accuracy and fairness. Shrimp dumplings were selected for the experiment.</div></section><section id='sec3dot2-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 3.2. Story Design</h4><div class='html-p'>The story’s narrative structure started from the actors’ perspective and moved on to the third person (<a href="#engproc-74-00078-f001" class="html-fig">Figure 1</a>). With the help of Pepper’s Ghost technique, we created an immersive dream-like experience for viewers. The story is set in the GBA, where a young man embarks on an exciting adventure by ship. The story introduces the iconic Cantonese morning tea, which unexpectedly comes to life to communicate with the protagonist. The virtual scenes in the story show the prominent landmarks of the GBA, including the famous Dancing Lion to support the characters. The story is exciting and engaging and captures the essence of the GBA. The story serves traditional Cantonese morning tea. The characters’ dreams are displayed using a combination of real steamer props and computer-generated visuals. The protagonist, Brother Hao, and a virtual character named Shrimp Dumpling have a conflict, through which they introduce the principles of Cantonese morning tea drinking in a fun and engaging way. The story’s climax is a creative representation of the protagonist’s satiation with an endless supply of shrimp dumplings. The story is unique in showcasing the themes of traditional Cantonese morning tea culture. The story concludes when the protagonist is brought back to reality by the Dancing Lion. Pepper’s Ghost illusion, resembling a live performance, adds value to the tale. This type of storytelling is unique in terms of the performances it stages, setting it apart from popular movie and television scripts. We present an example of how similar the montage editing technique is to film and television works in this article. The limitations of technology for stage performances encourage creativity and uniqueness in the form and content.</div></section><section id='sec3dot3-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 3.3. Pepper’s Ghost Device</h4><div class='html-p'>We developed a device prototype for the innovative Pepper’s Ghost illusion effect (<a href="#engproc-74-00078-f002" class="html-fig">Figure 2</a>). We used lightweight corrugated paper and white, translucent acrylic panels as the main structure for the device. To ensure high-quality imaging, we experimented with two imaging sources: a portable laser projector and a 27-inch LCD screen. The LCD screen provided a superior imaging effect for the experiment. We selected lightweight corrugated paper for the prototype’s main frame due to its affordability, ease of cutting, and wide availability. We created the prototype system to meet high standards. The projector’s surface is made of standard acrylic sheets as a reflective film. Shrimp dumplings and traditional Cantonese morning tea were used to test the system. </div></section></section><section id='sec4-engproc-74-00078' type='results'><h2 data-nested='1'> 4. Results</h2><section id='sec4dot1-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 4.1. Virtual Scenes </h4><div class='html-p'>Virtual scenes were essential in the story development process for “Brother Hao”. These scenes were designed and rendered using digital tools to ensure that they appear in frame at the right moment (<a href="#engproc-74-00078-f003" class="html-fig">Figure 3</a>). We used the line draft technique to create realistic and detailed virtual scenes to help the audience be immersed in the hero’s dream world. Black with white lines presented a functional purpose by making use of the Pepper’s Ghost technique. This technique allowed the audience to see only the white-image information. When the black background was removed, a more realistic and immersive experience was obtained. Constructing the virtual scene’s material and animating it frame by frame took an enormous time. By introducing a video editing tool, the task was completed quickly and efficiently. We created the virtual character “Shrimp Dumpling” by freehand drawing in two dimensions for the resulting special effects. Colored avatars were more identifiable than standard visual elements to incorporate this. </div></section><section id='sec4dot2-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 4.2. Real-Scene Content </h4><div class='html-p'>In the recorded live concert, LED lights were used for a better film effect. Two lights illuminated the green screen, and another two lights focused on the main character, which resulted in a more uniform green background (<a href="#engproc-74-00078-f004" class="html-fig">Figure 4</a>). The narrator’s Cantonese and the protagonist’s accent presented authenticity. Moreover, the protagonist treated the virtual character Shrimp Dumpling as if it were human for an engaging presence and live concert experience. There was no physical performance due to the character being virtual. The actor’s experience and skills were critical for delivering a good performance. Marionettes were also used for the lion dance. To ensure the best outcome, we created a skilled puppeteer to direct the motion of the lion dance (<a href="#engproc-74-00078-f005" class="html-fig">Figure 5</a>). </div></section><section id='sec4dot3-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 4.3. Digital Effects and Post-Editing</h4><div class='html-p'>Once all the virtual video and live performance parts were recorded, the post-special effects were added and editing process commenced. For non-linear editing, Adobe Premiere 2018 was used, while Adobe Media Encoder 2018 was used for composite coding. We found that Adobe After Effects 2018 was the best post-production tool to bring all the elements together. The interactions between Brother Hao, the shrimp dumplings, and the Dancing Lion were challenging for special effects production. A real human needed to interact with the animation frame by frame. We animated the shrimp dumplings frame by frame in Adobe After Effects before importing the main character’s image with a transparent channel and producing a new video track. We combined the real person and the performance video with special effects. We edited the lion dance video using a transparent channel and then imported the video of the actual protagonist. After incorporating the scripted story, we applied the appropriate effects to each shot to make it visually appealing. Finally, we exported the edited video in 720 P MP4 format to enhance the overall quality of the video and make it more engaging for the audience (<a href="#engproc-74-00078-f006" class="html-fig">Figure 6</a> and <a href="#engproc-74-00078-f007" class="html-fig">Figure 7</a>).</div></section><section id='sec4dot4-engproc-74-00078' type=''><h4 class='html-italic' data-nested='2'> 4.4. Pepper’s Ghost Device Assembling</h4><div class='html-p'>We integrated accessibility and environmental protection via the use of Pepper’s Ghost technique. Corrugated paper was chosen as the principal structure of the imaging device because this study’s target population is lower-grade undergraduates and popular in colleges and universities. The basic structure sustained a 27” LCD. Load bearings were used for the experimental apparatus. Acrylic sheets were used as the imaging medium and mounted at a 45-degree angle by grooving the left and right cardboard edges. In the construction of the entire gadget, the steamer props were positioned in the center of the bottom. It was important to place the steamer in front of the clear acrylic plate for the image effect (<a href="#engproc-74-00078-f008" class="html-fig">Figure 8</a>). </div></section></section><section id='sec5-engproc-74-00078' type='conclusions'><h2 data-nested='1'> 5. Conclusions</h2><div class='html-p'>To promote and meet the need for traditional Cantonese morning tea drinking, the establishment of culinary culture through its essence is important for the experience in dining and the cultural identity of locals. Cantonese morning tea drinking’s essence is inextricably linked to its physical form and the distinctive cultural setting of the GBA. The culture of Cantonese morning tea drinking must be passed down and needs to be enhanced with expression forms as cultural heritage. Even though traditional Cantonese morning tea drinking is disappearing, its superior culinary standards and distinctive cultural practices of “one cup and two pieces” must be preserved. Even though Pepper’s Ghost is an old technique with a history dating back more than a century, it still has a strong vitality even amongst new technologies like AR, virtual reality, and mixed reality. Even though human society has been at the threshold of the meta-universe, conventional 3D modeling technologies are used widely. The development of new media livestreaming platforms provides more e-commerce possibilities for intangible cultural heritage protection. In GBA, Pepper’s Ghost was used as the imaging technology to set up a real-life performance experiment platform for local young people’s cognition and emotional expression in this study.</div><div class='html-p'>In addition, there are limitations in the production of imaging devices. Live performances necessitate an upscaled studio and a larger venue compared to conventional 3D models. The Pepper’s Ghost device requires a space ten times smaller than studios, and its projections can be cast with synthetic clips of digitally hand-painted materials and live performance materials. The artists’ humanistic sentiments are added to the equivalent scale so that the virtual images can display cultural highlights on the real objects. This can be a way of ensuring traditional culture’s ongoing survival. The developed “light field” imaging device with improved imaging performance and larger interaction potential can be used for a wide range of research in the future.</div></section> </div> <div class="html-back"> <section class='html-notes'><h2 >Author Contributions</h2><div class='html-p'>Conceptualization, S.X., P.-W.H., C.L. and J.Z; methodology, S.X. and C.L.; software, S.X.; validation, S.X. and C.L.; formal analysis, S.X.; investigation, S.X. and J.Z.; resources, S.X. and P.-W.H.; data curation, S.X.; writing—original draft preparation, S.X. and C.L.; writing—review and editing, S.X. and C.L.; visualization, S.X., C.L. and J.Z.; supervision, C.L.; project administration, C.L. and P.-W.H.; funding acquisition, C.L. and P.-W.H. All authors have read and agreed to the published version of the manuscript.</div></section><section class='html-notes'><h2>Funding</h2><div class='html-p'>This study was supported by the School of Design and Art, Beijing Institute of Technology, Zhuhai (ZX-2020-031) and the Department of Visual Arts, Macao Polytechnic University (RP/FAD-02/2022).</div></section><section class='html-notes'><h2 >Institutional Review Board Statement</h2><div class='html-p'>Not applicable.</div></section><section class='html-notes'><h2 >Informed Consent Statement</h2><div class='html-p'>Not applicable.</div></section><section class='html-notes'><h2 >Data Availability Statement</h2><div class='html-p'>Not available due to privacy restrictions.</div></section><section id='html-ack' class='html-ack'><h2 >Acknowledgments</h2><div class='html-p'>We would like to extend our gratitude to the School of Design for their generosity in lending us the experiment venue and to Liang Yonghao and Zhou Meiyi who took time out of their busy schedules to participate in shooting the scenes and without whom this research would not have been completed successfully.</div></section><section class='html-notes'><h2 >Conflicts of Interest</h2><div class='html-p'>The authors declare no conflicts of interest.</div></section><section id='html-references_list'><h2>References</h2><ol class='html-xx'><li id='B1-engproc-74-00078' class='html-x' data-content='1.'>Oi-Ling Leung, L.; Lewis, G.F. The Effect of Ethnolinguistic Differences on Proximity between Cantonese and Mandarin Speaking Children. <span class='html-italic'>Early Child Dev. Care</span> <b>1999</b>, <span class='html-italic'>159</span>, 135–144. [<a href="https://scholar.google.com/scholar_lookup?title=The+Effect+of+Ethnolinguistic+Differences+on+Proximity+between+Cantonese+and+Mandarin+Speaking+Children&author=Oi-Ling+Leung,+L.&author=Lewis,+G.F.&publication_year=1999&journal=Early+Child+Dev.+Care&volume=159&pages=135%E2%80%93144&doi=10.1080/0300443991590111" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.1080/0300443991590111" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B2-engproc-74-00078' class='html-x' data-content='2.'>Zhang, Y.; Long, M. The role of Yum Cha (Cantonese Morning Tea Drinking) in the integration process among interprovincial migration in China. <span class='html-italic'>Leis. Stud.</span> <b>2015</b>, <span class='html-italic'>34</span>, 59–66. [<a href="https://scholar.google.com/scholar_lookup?title=The+role+of+Yum+Cha+(Cantonese+Morning+Tea+Drinking)+in+the+integration+process+among+interprovincial+migration+in+China&author=Zhang,+Y.&author=Long,+M.&publication_year=2015&journal=Leis.+Stud.&volume=34&pages=59%E2%80%9366&doi=10.1080/02614367.2014.962587" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.1080/02614367.2014.962587" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B3-engproc-74-00078' class='html-x' data-content='3.'>Chen, Z. A pilot study of the co-creation experience in traditional Cantonese teahouses in Hong Kong. <span class='html-italic'>J. Herit. Tour.</span> <b>2018</b>, <span class='html-italic'>13</span>, 506–527. [<a href="https://scholar.google.com/scholar_lookup?title=A+pilot+study+of+the+co-creation+experience+in+traditional+Cantonese+teahouses+in+Hong+Kong&author=Chen,+Z.&publication_year=2018&journal=J.+Herit.+Tour.&volume=13&pages=506%E2%80%93527&doi=10.1080/1743873X.2018.1444045" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.1080/1743873X.2018.1444045" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B4-engproc-74-00078' class='html-x' data-content='4.'>Liu, Y. Cantonese Cultural Center: Guangzhou China. Ph.D. Thesis, University of Georgia, Athens, GA, USA, 2019. [<a href="https://scholar.google.com/scholar_lookup?title=Cantonese+Cultural+Center:+Guangzhou+China&author=Liu,+Y.&publication_year=2019" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>]</li><li id='B5-engproc-74-00078' class='html-x' data-content='5.'>Xudong, G.; Fang, C.; Xiaowen, F.; Haiming, C. Growth and Function of Urban Cultural Space Seen from Guangfu Morning Tea Culture. <span class='html-italic'>J. Landsc. Res.</span> <b>2021</b>, <span class='html-italic'>13</span>, 112–116. [<a href="https://scholar.google.com/scholar_lookup?title=Growth+and+Function+of+Urban+Cultural+Space+Seen+from+Guangfu+Morning+Tea+Culture&author=Xudong,+G.&author=Fang,+C.&author=Xiaowen,+F.&author=Haiming,+C.&publication_year=2021&journal=J.+Landsc.+Res.&volume=13&pages=112%E2%80%93116" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>]</li><li id='B6-engproc-74-00078' class='html-x' data-content='6.'>Greenslade Jr, T.B. Pepper’s Ghost. <span class='html-italic'>Phys. Teach.</span> <b>2011</b>, <span class='html-italic'>49</span>, 338–339. [<a href="https://scholar.google.com/scholar_lookup?title=Pepper%E2%80%99s+Ghost&author=Greenslade+Jr,+T.B.&publication_year=2011&journal=Phys.+Teach.&volume=49&pages=338%E2%80%93339&doi=10.1119/1.3628254" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.1119/1.3628254" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B7-engproc-74-00078' class='html-x' data-content='7.'>Pietroni, E.; Ferdani, D.; Forlani, M.; Pagano, A.; Rufa, C. Bringing the illusion of reality inside museums—A methodological proposal for an advanced museology using holographic showcases. <span class='html-italic'>Informatics</span> <b>2019</b>, <span class='html-italic'>6</span>, 2. [<a href="https://scholar.google.com/scholar_lookup?title=Bringing+the+illusion+of+reality+inside+museums%E2%80%94A+methodological+proposal+for+an+advanced+museology+using+holographic+showcases&author=Pietroni,+E.&author=Ferdani,+D.&author=Forlani,+M.&author=Pagano,+A.&author=Rufa,+C.&publication_year=2019&journal=Informatics&volume=6&pages=2&doi=10.3390/informatics6010002" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.3390/informatics6010002" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B8-engproc-74-00078' class='html-x' data-content='8.'>Conner, T. Pepper’s Ghost and the AR of modernity. <span class='html-italic'>J. Sci. Pop. Cult.</span> <b>2020</b>, <span class='html-italic'>3</span>, 57–79. [<a href="https://scholar.google.com/scholar_lookup?title=Pepper%E2%80%99s+Ghost+and+the+AR+of+modernity&author=Conner,+T.&publication_year=2020&journal=J.+Sci.+Pop.+Cult.&volume=3&pages=57%E2%80%9379&doi=10.1386/jspc_00012_1" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.1386/jspc_00012_1" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B9-engproc-74-00078' class='html-x' data-content='9.'>Ezcurdia, I.; Arregui, A.; Ardaiz, O.; Ortiz, A.; Marzo, A. Content adaptation and depth perception in an affordable multi-view display. <span class='html-italic'>Appl. Sci.</span> <b>2020</b>, <span class='html-italic'>10</span>, 7357. [<a href="https://scholar.google.com/scholar_lookup?title=Content+adaptation+and+depth+perception+in+an+affordable+multi-view+display&author=Ezcurdia,+I.&author=Arregui,+A.&author=Ardaiz,+O.&author=Ortiz,+A.&author=Marzo,+A.&publication_year=2020&journal=Appl.+Sci.&volume=10&pages=7357&doi=10.3390/app10207357" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.3390/app10207357" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B10-engproc-74-00078' class='html-xx' data-content='10.'>Andress, W. Virtual Presentation Methods for Physical Artifacts. Ph.D. Thesis, Worcester Polytechnic Institute, Worcester, MA, USA, 2022. [<a href="https://scholar.google.com/scholar_lookup?title=Virtual+Presentation+Methods+for+Physical+Artifacts&author=Andress,+W.&publication_year=2022" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>]</li><li id='B11-engproc-74-00078' class='html-xx' data-content='11.'>Barrile, V.; Bernardo, E.; Bilotta, G. An experimental HBIM processing: Innovative tool for 3D model reconstruction of morpho-typological phases for the cultural heritage. <span class='html-italic'>Remote Sens.</span> <b>2022</b>, <span class='html-italic'>14</span>, 1288. [<a href="https://scholar.google.com/scholar_lookup?title=An+experimental+HBIM+processing:+Innovative+tool+for+3D+model+reconstruction+of+morpho-typological+phases+for+the+cultural+heritage&author=Barrile,+V.&author=Bernardo,+E.&author=Bilotta,+G.&publication_year=2022&journal=Remote+Sens.&volume=14&pages=1288&doi=10.3390/rs14051288" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.3390/rs14051288" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B12-engproc-74-00078' class='html-xx' data-content='12.'>Muenster, S. Digital 3D Technologies for humanities research and education: An overview. <span class='html-italic'>Appl. Sci.</span> <b>2022</b>, <span class='html-italic'>12</span>, 2426. [<a href="https://scholar.google.com/scholar_lookup?title=Digital+3D+Technologies+for+humanities+research+and+education:+An+overview&author=Muenster,+S.&publication_year=2022&journal=Appl.+Sci.&volume=12&pages=2426&doi=10.3390/app12052426" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.3390/app12052426" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B13-engproc-74-00078' class='html-xx' data-content='13.'>Montusiewicz, J.; Barszcz, M.; Korga, S. Preparation of 3D models of cultural heritage objects to be recognised by touch by the blind—Case studies. <span class='html-italic'>Appl. Sci.</span> <b>2022</b>, <span class='html-italic'>12</span>, 11910. [<a href="https://scholar.google.com/scholar_lookup?title=Preparation+of+3D+models+of+cultural+heritage+objects+to+be+recognised+by+touch+by+the+blind%E2%80%94Case+studies&author=Montusiewicz,+J.&author=Barszcz,+M.&author=Korga,+S.&publication_year=2022&journal=Appl.+Sci.&volume=12&pages=11910&doi=10.3390/app122311910" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>] [<a href="https://doi.org/10.3390/app122311910" class='cross-ref' target='_blank' rel='noopener noreferrer'>CrossRef</a>]</li><li id='B14-engproc-74-00078' class='html-xx' data-content='14.'>Lu, Z.; Annett, M.; Fan, M.; Wigdor, D. “I feel it is my responsibility to stream” Streaming and Engaging with Intangible Cultural Heritage through Livestreaming. In Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems, Glasgow Scotland, UK, 4–9 May 2019. [<a href="https://scholar.google.com/scholar_lookup?title=%E2%80%9CI+feel+it+is+my+responsibility+to+stream%E2%80%9D+Streaming+and+Engaging+with+Intangible+Cultural+Heritage+through+Livestreaming&conference=Proceedings+of+the+2019+CHI+Conference+on+Human+Factors+in+Computing+Systems&author=Lu,+Z.&author=Annett,+M.&author=Fan,+M.&author=Wigdor,+D.&publication_year=2019" class='google-scholar' target='_blank' rel='noopener noreferrer'>Google Scholar</a>]</li></ol></section><section id='FiguresandTable' type='display-objects'><div class="html-fig-wrap" id="engproc-74-00078-f001"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f001"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001.png" alt="Engproc 74 00078 g001" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f001"></a> </div> </div> <div class="html-fig_description"> <b>Figure 1.</b> Storyboard.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f001"> <div class="html-caption"> <b>Figure 1.</b> Storyboard.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001.png" alt="Engproc 74 00078 g001" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g001.png" /></div> </div> <div class="html-fig-wrap" id="engproc-74-00078-f002"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f002"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g002.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g002.png" alt="Engproc 74 00078 g002" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g002-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f002"></a> </div> </div> <div class="html-fig_description"> <b>Figure 2.</b> The Pepper’s Ghost device’s conceptual design.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f002"> <div class="html-caption"> <b>Figure 2.</b> The Pepper’s Ghost device’s conceptual design.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g002.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g002.png" alt="Engproc 74 00078 g002" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g002.png" /></div> </div> <div class="html-fig-wrap" id="engproc-74-00078-f003"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f003"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g003.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g003.png" alt="Engproc 74 00078 g003" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g003-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f003"></a> </div> </div> <div class="html-fig_description"> <b>Figure 3.</b> Virtual character “Shrimp Dumpling” and characters in Brother Hao’s dream.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f003"> <div class="html-caption"> <b>Figure 3.</b> Virtual character “Shrimp Dumpling” and characters in Brother Hao’s dream.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g003.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g003.png" alt="Engproc 74 00078 g003" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g003.png" /></div> </div> <div class="html-fig-wrap" id="engproc-74-00078-f004"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f004"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g004.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g004.png" alt="Engproc 74 00078 g004" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g004-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f004"></a> </div> </div> <div class="html-fig_description"> <b>Figure 4.</b> Filming the performance of the main character “Brother Hao”.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f004"> <div class="html-caption"> <b>Figure 4.</b> Filming the performance of the main character “Brother Hao”.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g004.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g004.png" alt="Engproc 74 00078 g004" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g004.png" /></div> </div> <div class="html-fig-wrap" id="engproc-74-00078-f005"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f005"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g005.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g005.png" alt="Engproc 74 00078 g005" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g005-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f005"></a> </div> </div> <div class="html-fig_description"> <b>Figure 5.</b> Filming the lion dance performance.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f005"> <div class="html-caption"> <b>Figure 5.</b> Filming the lion dance performance.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g005.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g005.png" alt="Engproc 74 00078 g005" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g005.png" /></div> </div> <div class="html-fig-wrap" id="engproc-74-00078-f006"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f006"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g006.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g006.png" alt="Engproc 74 00078 g006" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g006-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f006"></a> </div> </div> <div class="html-fig_description"> <b>Figure 6.</b> Scene compositing of real person and virtual character “Shrimp Dumpling”.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f006"> <div class="html-caption"> <b>Figure 6.</b> Scene compositing of real person and virtual character “Shrimp Dumpling”.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g006.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g006.png" alt="Engproc 74 00078 g006" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g006.png" /></div> </div> <div class="html-fig-wrap" id="engproc-74-00078-f007"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f007"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g007.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g007.png" alt="Engproc 74 00078 g007" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g007-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f007"></a> </div> </div> <div class="html-fig_description"> <b>Figure 7.</b> Scene compositing of real person and virtual characters “Dancing Lion”.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f007"> <div class="html-caption"> <b>Figure 7.</b> Scene compositing of real person and virtual characters “Dancing Lion”.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g007.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g007.png" alt="Engproc 74 00078 g007" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g007.png" /></div> </div> <div class="html-fig-wrap" id="engproc-74-00078-f008"> <div class='html-fig_img'> <div class="html-figpopup html-figpopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f008"> <img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g008.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g008.png" alt="Engproc 74 00078 g008" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g008-550.jpg" /> <a class="html-expand html-figpopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#fig_body_display_engproc-74-00078-f008"></a> </div> </div> <div class="html-fig_description"> <b>Figure 8.</b> Effect of the Pepper’s Ghost device.  </div> </div> <div class="html-fig_show mfp-hide" id="fig_body_display_engproc-74-00078-f008"> <div class="html-caption"> <b>Figure 8.</b> Effect of the Pepper’s Ghost device.</div> <div class="html-img"><img data-large="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g008.png" data-original="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g008.png" alt="Engproc 74 00078 g008" data-lsrc="/engproc/engproc-74-00078/article_deploy/html/images/engproc-74-00078-g008.png" /></div> </div> <div class="html-table-wrap" id="engproc-74-00078-t001"> <div class="html-table_wrap_td"> <div class="html-tablepopup html-tablepopup-link" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href='#table_body_display_engproc-74-00078-t001'> <img data-lsrc="https://pub.mdpi-res.com/img/table.png" /> <a class="html-expand html-tablepopup" data-counterslinkmanual = "https://www.mdpi.com/2673-4591/74/1/78/display" href="#table_body_display_engproc-74-00078-t001"></a> </div> </div> <div class="html-table_wrap_discription"> <b>Table 1.</b> List of teahouses within 3 km of the research team. </div> </div> <div class="html-table_show mfp-hide " id="table_body_display_engproc-74-00078-t001"> <div class="html-caption"><b>Table 1.</b> List of teahouses within 3 km of the research team.</div> <table > <thead ><tr ><th align='center' valign='middle' style='border-top:solid thin;border-bottom:solid thin' class='html-align-center' >Restaurant</th><th align='center' valign='middle' style='border-top:solid thin;border-bottom:solid thin' class='html-align-center' >Distance<br>(km)</th><th align='center' valign='middle' style='border-top:solid thin;border-bottom:solid thin' class='html-align-center' >Parking</th><th align='center' valign='middle' style='border-top:solid thin;border-bottom:solid thin' class='html-align-center' >Average<br>Consumption Per Person</th><th align='center' valign='middle' style='border-top:solid thin;border-bottom:solid thin' class='html-align-center' >Other</th></tr></thead><tbody ><tr ><td align='center' valign='middle' class='html-align-center' >Liyuan Seafood Restaurant</td><td align='center' valign='middle' class='html-align-center' >1.9</td><td align='center' valign='middle' class='html-align-center' >FREE</td><td align='center' valign='middle' class='html-align-center' >CNY78</td><td align='center' valign='middle' class='html-align-center' > </td></tr><tr ><td align='center' valign='middle' class='html-align-center' >Tai SAN (St Wong Tau Street Shop)</td><td align='center' valign='middle' class='html-align-center' >2.3</td><td align='center' valign='middle' class='html-align-center' >N/A</td><td align='center' valign='middle' class='html-align-center' >CNY98.8/Set</td><td align='center' valign='middle' class='html-align-center' > </td></tr><tr ><td align='center' valign='middle' class='html-align-center' >Jin Feng Sheng Restaurant</td><td align='center' valign='middle' class='html-align-center' >2.3</td><td align='center' valign='middle' class='html-align-center' >N/A</td><td align='center' valign='middle' class='html-align-center' >CNY69</td><td align='center' valign='middle' class='html-align-center' > </td></tr><tr ><td align='center' valign='middle' class='html-align-center' >Gaozhou Lao Food City (Xiangzhou shop)</td><td align='center' valign='middle' class='html-align-center' >2.6</td><td align='center' valign='middle' class='html-align-center' >N/A</td><td align='center' valign='middle' class='html-align-center' >CNY58</td><td align='center' valign='middle' class='html-align-center' > </td></tr><tr ><td align='center' valign='middle' class='html-align-center' >Yue Lanxuan Restaurant</td><td align='center' valign='middle' class='html-align-center' >3.0</td><td align='center' valign='middle' class='html-align-center' >CHARGE</td><td align='center' valign='middle' class='html-align-center' >N/A</td><td align='center' valign='middle' class='html-align-center' >Business hours were not fixed during the pandemic</td></tr><tr ><td align='center' valign='middle' style='border-bottom:solid thin' class='html-align-center' >Yijian Taste Room</td><td align='center' valign='middle' style='border-bottom:solid thin' class='html-align-center' >3.1</td><td align='center' valign='middle' style='border-bottom:solid thin' class='html-align-center' >FREE</td><td align='center' valign='middle' style='border-bottom:solid thin' class='html-align-center' >CNY84</td><td align='center' valign='middle' style='border-bottom:solid thin' class='html-align-center' >Business hours were not fixed during the pandemic</td></tr></tbody> </table> </div> </section><section class='html-fn_group'><table><tr id=''><td></td><td><div class='html-p'><b>Disclaimer/Publisher’s Note:</b> The statements, opinions and data contained in all publications are solely those of the individual author(s) and contributor(s) and not of MDPI and/or the editor(s). MDPI and/or the editor(s) disclaim responsibility for any injury to people or property resulting from any ideas, methods, instructions or products referred to in the content.</div></td></tr></table></section> <section id="html-copyright"><br>© 2024 by the authors. Licensee MDPI, Basel, Switzerland. This article is an open access article distributed under the terms and conditions of the Creative Commons Attribution (CC BY) license (<a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer">https://creativecommons.org/licenses/by/4.0/</a>).</section> </div> </div> <div class="additional-content"> <h2><a name="cite"></a>Share and Cite</h2> <div class="social-media-links" style="text-align: left;"> <a href="/cdn-cgi/l/email-protection#310e17505c410a4244535b5452450c77435e5c1403017c75617814027014030114030375545d5852585e4442140301724853544314030176595e42451402701403016442585f56140301615441415443140307434240445e1402734214030176595e4245140301585f140301725e5c41444554431c705855545514030175544258565f140301455e140301745f59505f525414030172505f455e5f5442541403017c5e435f585f56140301655450140301745544525045585e5f1740445e450a17505c410a535e55480c59454541420b1e1e4646461f5c5541581f525e5c1e0201040300070914027014017014017075545d5852585e4442140301724853544314030176595e42451402701403016442585f56140301615441415443140307434240445e1402734214030176595e4245140301585f140301725e5c41444554431c705855545514030175544258565f140301455e140301745f59505f525414030172505f455e5f5442541403017c5e435f585f56140301655450140301745544525045585e5f140170140170705342454350524514027014030172505f455e5f5442541403015c5e435f585f561403014554501403015543585f5a585f56140301584214030150140301525954435842595455140301585f45505f5658535d5414030152445d454443505d1403015954435845505654140301585f1403014559541403017644505f56555e5f561403075f55504259140273795e5f561403017a5e5f561403075f555042591402737c5052505e1403017643545045544314030173504814030170435450140301585f1403017259585f50140301505f55140301545c535e555854421403017644505f56555e5f56140307434240445e1402734214030152445d585f504348140301454350555845585e5f1f140301785f1403014559541403015558565845505d140301544350140372140301585f5f5e47504558475414030155544258565f140301455452595f5840445442140301505f551403015558565845505d140301455452595f5e5d5e5648140301595047541403015354545f1403015041415d585455140301455e1403014143544254434754140301505f5514030141435e5c5e455414030145595842140301454350555845585e5f1f140301655e140301545f59505f52541403015954435845505654140301545544525045585e5f140372140301465414030155544258565f5455140301505f1403015044565c545f4554551403014354505d584548140301555447585254140301575e4314030172505f455e5f5442541403015c5e435f585f561403014554501403014442585f56140301615441415443140307434240445e1402734214030176595e4245140301455452595f584044541f140301745c415d5e48585f561403015758545d55140301585f4754424558565045585e5f421403721403015d5845544350454443541403014354425450435259140372140301505f551403015449415443585c545f4542140372140301465414030142595e46525042545514030172505f455e5f5442541403015c5e435f585f561403014554501403015543585f5a585f561f140301775e4314030157444345595443140301555447545d5e415c545f45421403721403015057575e435550535d541403015c5045544358505d42140301505f5514030141435e57544242585e5f505d14030141595e455e42140301504354140301544242545f4558505d140301575e43140301525e5f424543445245585f561403014559541403015c5e55545d1f" title="Email"> <i class="fa fa-envelope-square" style="font-size: 30px;"></i> </a> <a href="https://twitter.com/intent/tweet?text=Delicious+Cyber+Ghost%3A+Using+Pepper%E2%80%99s+Ghost+in+Computer-Aided+Design+to+Enhance+Cantonese+Morning+Tea+Education&hashtags=mdpiengproc&url=https%3A%2F%2Fwww.mdpi.com%2F3052168&via=MDPIOpenAccess" onclick="windowOpen(this.href,600,800); return false" target="_blank" rel="noopener noreferrer"> <i class="fa fa-twitter-x-square" style="font-size: 30px;"></i> </a> <a href=" http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.mdpi.com%2F3052168&title=Delicious%20Cyber%20Ghost%3A%20Using%20Pepper%E2%80%99s%20Ghost%20in%20Computer-Aided%20Design%20to%20Enhance%20Cantonese%20Morning%20Tea%20Education%26source%3Dhttps%3A%2F%2Fwww.mdpi.com%26summary%3DCantonese%20morning%20tea%20drinking%20is%20a%20cherished%20intangible%20cultural%20heritage%20in%20the%20Guangdong%E2%80%93Hong%20Kong%E2%80%93Macao%20Greater%20Bay%20Area%20in%20China%20and%20embodies%20Guangdong%E2%80%99s%20culinary%20tradition.%20In%20the%20digital%20era%2C%20innovative%20design%20techniques%20and%20digital%20%5B...%5D" onclick="windowOpen(this.href,600,800); return false" title="LinkedIn" target="_blank" rel="noopener noreferrer"> <i class="fa fa-linkedin-square" style="font-size: 30px;"></i> </a> <a href="https://www.facebook.com/sharer.php?u=https://www.mdpi.com/3052168" title="facebook" target="_blank" rel="noopener noreferrer"> <i class="fa fa-facebook-square" style="font-size: 30px;"></i> </a> <a href="javascript:void(0);" title="Wechat" data-reveal-id="weixin-share-modal"> <i class="fa fa-weixin-square" style="font-size: 26px;"></i> </a> <a href="http://www.reddit.com/submit?url=https://www.mdpi.com/3052168" title="Reddit" target="_blank" rel="noopener noreferrer"> <i class="fa fa-reddit-square" style="font-size: 30px;"></i> </a> <a href="http://www.mendeley.com/import/?url=https://www.mdpi.com/3052168" title="Mendeley" target="_blank" rel="noopener noreferrer"> <i class="fa fa-mendeley-square" style="font-size: 30px;"></i> </a> </div> <div class="in-tab" style="padding-top: 0px!important; margin-top: 15px;"> <div><b>MDPI and ACS Style</b></div> <p> Xu, S.; Hsiao, P.-W.; Li, C.; Zhang, J. Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education. <em>Eng. Proc.</em> <b>2024</b>, <em>74</em>, 78. https://doi.org/10.3390/engproc2024074078 </p> <div style="display: block"> <b>AMA Style</b><br> <p> Xu S, Hsiao P-W, Li C, Zhang J. Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education. <em>Engineering Proceedings</em>. 2024; 74(1):78. https://doi.org/10.3390/engproc2024074078 </p> <b>Chicago/Turabian Style</b><br> <p> Xu, Song, Peng-Wei Hsiao, Chen Li, and Jinyu Zhang. 2024. "Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education" <em>Engineering Proceedings</em> 74, no. 1: 78. https://doi.org/10.3390/engproc2024074078 </p> <b>APA Style</b><br> <p> Xu, S., Hsiao, P. -W., Li, C., & Zhang, J. (2024). Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education. <em>Engineering Proceedings</em>, <em>74</em>(1), 78. https://doi.org/10.3390/engproc2024074078 </p> </div> </div> <h2><a name="metrics"></a>Article Metrics</h2> <div class="row"> <div class="small-12 columns"> <div id="loaded_cite_count" style="display:none">No</div> <div id="framed_div_cited_count" class="in-tab" style="display: none; overflow: auto;"></div> <div id="loaded" style="display:none">No</div> <div id="framed_div" class="in-tab" style="display: none; margin-top: 10px;"></div> </div> <div class="small-12 columns"> <div id="article_stats_div" style="display: none; margin-bottom: 1em;"> <h3>Article Access Statistics</h3> <div id="article_stats_swf" ></div> For more information on the journal statistics, click <a href="/journal/engproc/stats">here</a>. <div class="info-box"> Multiple requests from the same IP address are counted as one view. </div> </div> </div> </div> </div> </div> </article> </div> </div></div> <div class="webpymol-controls webpymol-controls-template" style="margin-top: 10px; display: none;"> <a class="bzoom">Zoom</a> <span style="display: inline-block; margin-left: 5px; margin-right: 5px;">|</span> <a class="borient"> Orient </a> <span style="display: inline-block; margin-left: 5px; margin-right: 5px;">|</span> <a class="blines"> As Lines </a> <span style="display: inline-block; margin-left: 5px; margin-right: 5px;">|</span> <a class="bsticks"> As Sticks </a> <span style="display: inline-block; margin-left: 5px; margin-right: 5px;">|</span> <a class="bcartoon"> As Cartoon </a> <span style="display: inline-block; margin-left: 5px; margin-right: 5px;">|</span> <a class="bsurface"> As Surface </a> <span style="display: inline-block; margin-left: 5px; margin-right: 5px;">|</span> <a class="bprevscene">Previous Scene</a> <span style="display: inline-block; margin-left: 5px; margin-right: 5px;">|</span> <a class="bnextscene">Next Scene</a> </div> <div id="scifeed-modal" class="reveal-modal reveal-modal-new" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> </div> <div id="recommended-articles-modal" class="reveal-modal reveal-modal-new" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> </div> <div id="author-biographies-modal" class="reveal-modal reveal-modal-new" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> </div> <div id="cite-modal" class="reveal-modal reveal-modal-new" data-reveal aria-labelledby="Captcha" aria-hidden="true" role="dialog"> <div class="row"> <div class="small-12 columns"> <h2 style="margin: 0;">Cite</h2> </div> <div class="small-12 columns">  <form style="margin:0; padding:0; display:inline;" name="export-bibtex" method="POST" action="/export"> <input type="hidden" name="articles_ids[]" value="1526084"> <input type="hidden" name="export_format_top" value="bibtex"> <input type="hidden" name="export_submit_top" value=""> </form>  <form style="margin:0; padding:0; display:inline;" name="export-endnote" method="POST" action="/export"> <input type="hidden" name="articles_ids[]" value="1526084"> <input type="hidden" name="export_format_top" value="endnote_no_abstract"> <input type="hidden" name="export_submit_top" value=""> </form>  <form style="margin:0; padding:0; display:inline;" name="export-ris" method="POST" action="/export"> <input type="hidden" name="articles_ids[]" value="1526084"> <input type="hidden" name="export_format_top" value="ris"> <input type="hidden" name="export_submit_top" value=""> </form> <div> Export citation file: <a href="javascript:window.document.forms['export-bibtex'].submit()">BibTeX</a> | <a href="javascript:window.document.forms['export-endnote'].submit()">EndNote</a> | <a href="javascript:window.document.forms['export-ris'].submit()">RIS</a> </div> </div> <div class="small-12 columns"> <div class="in-tab"> <div><b>MDPI and ACS Style</b></div> <p> Xu, S.; Hsiao, P.-W.; Li, C.; Zhang, J. Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education. <em>Eng. Proc.</em> <b>2024</b>, <em>74</em>, 78. https://doi.org/10.3390/engproc2024074078 </p> <div style="display: block"> <b>AMA Style</b><br> <p> Xu S, Hsiao P-W, Li C, Zhang J. Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education. <em>Engineering Proceedings</em>. 2024; 74(1):78. https://doi.org/10.3390/engproc2024074078 </p> <b>Chicago/Turabian Style</b><br> <p> Xu, Song, Peng-Wei Hsiao, Chen Li, and Jinyu Zhang. 2024. "Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education" <em>Engineering Proceedings</em> 74, no. 1: 78. https://doi.org/10.3390/engproc2024074078 </p> <b>APA Style</b><br> <p> Xu, S., Hsiao, P. -W., Li, C., & Zhang, J. (2024). Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education. <em>Engineering Proceedings</em>, <em>74</em>(1), 78. https://doi.org/10.3390/engproc2024074078 </p> </div> </div> </div> </div> <a class="close-reveal-modal" aria-label="Close"> <i class="material-icons">clear</i> </a> </div> </div> </div> </div> </div> </section> <div id="footer"> <div class="journal-info"> <span> <em><a class="Var_JournalInfo" href="/journal/engproc">Eng. Proc.</a></em>, EISSN 2673-4591, Published by MDPI </span> <div class="large-right"> <span> <a href="/rss/journal/engproc" class="rss-link">RSS</a> </span> <span> <a href="/journal/engproc/toc-alert">Content Alert</a> </span> </div> </div> <div class="row full-width footer-links" data-equalizer="footer" data-equalizer-mq="small"> <div class="large-2 large-push-4 medium-3 small-6 columns" data-equalizer-watch="footer"> <h3> Further Information </h3> <a href="/apc"> Article Processing Charges </a> <a href="/about/payment"> Pay an Invoice </a> <a href="/openaccess"> Open Access Policy </a> <a href="/about/contact"> Contact MDPI </a> <a href="https://careers.mdpi.com" target="_blank" rel="noopener noreferrer"> Jobs at MDPI </a> </div> <div class="large-2 large-push-4 medium-3 small-6 columns" data-equalizer-watch="footer"> <h3> Guidelines </h3> <a href="/authors"> For Authors </a> <a href="/reviewers"> For Reviewers </a> <a href="/editors"> For Editors </a> <a href="/librarians"> For Librarians </a> <a href="/publishing_services"> For Publishers </a> <a href="/societies"> For Societies </a> <a href="/conference_organizers"> For Conference Organizers </a> </div> <div class="large-2 large-push-4 medium-3 small-6 columns"> <h3> MDPI Initiatives </h3> <a href="https://sciforum.net" target="_blank" rel="noopener noreferrer"> Sciforum </a> <a href="https://www.mdpi.com/books" target="_blank" rel="noopener noreferrer"> MDPI Books </a> <a href="https://www.preprints.org" target="_blank" rel="noopener noreferrer"> Preprints.org </a> <a href="https://www.scilit.net" target="_blank" rel="noopener noreferrer"> Scilit </a> <a href="https://sciprofiles.com?utm_source=mpdi.com&utm_medium=bottom_menu&utm_campaign=initiative" target="_blank" rel="noopener noreferrer"> SciProfiles </a> <a href="https://encyclopedia.pub" target="_blank" rel="noopener noreferrer"> Encyclopedia </a> <a href="https://jams.pub" target="_blank" rel="noopener noreferrer"> JAMS </a> <a href="/about/proceedings"> Proceedings Series </a> </div> <div class="large-2 large-push-4 medium-3 small-6 right-border-large-without columns UA_FooterFollowMDPI"> <h3> Follow MDPI </h3> <a href="https://www.linkedin.com/company/mdpi" target="_blank" rel="noopener noreferrer"> LinkedIn </a> <a href="https://www.facebook.com/MDPIOpenAccessPublishing" target="_blank" rel="noopener noreferrer"> Facebook </a> <a href="https://twitter.com/MDPIOpenAccess" target="_blank" rel="noopener noreferrer"> Twitter </a> </div> <div id="footer-subscribe" class="large-4 large-pull-8 medium-12 small-12 left-border-large columns"> <div class="footer-subscribe__container"> <img class="show-for-large-up" src="https://pub.mdpi-res.com/img/design/mdpi-pub-logo-white-small.png?71d18e5f805839ab?1732286508" alt="MDPI" title="MDPI Open Access Journals" style="height: 50px; margin-bottom: 10px;"> <form id="newsletter" method="POST" action="/subscribe"> <p> Subscribe to receive issue release notifications and newsletters from MDPI journals </p> <select multiple id="newsletter-journal" class="foundation-select" name="journals[]"> <option value="acoustics">Acoustics</option> <option value="amh">Acta Microbiologica Hellenica</option> <option value="actuators">Actuators</option> <option value="admsci">Administrative Sciences</option> <option value="adolescents">Adolescents</option> <option value="arm">Advances in Respiratory Medicine</option> <option value="aerobiology">Aerobiology</option> <option value="aerospace">Aerospace</option> <option value="agriculture">Agriculture</option> <option value="agriengineering">AgriEngineering</option> <option value="agrochemicals">Agrochemicals</option> <option value="agronomy">Agronomy</option> <option value="ai">AI</option> <option value="air">Air</option> <option value="algorithms">Algorithms</option> <option value="allergies">Allergies</option> <option value="alloys">Alloys</option> <option value="analytica">Analytica</option> <option value="analytics">Analytics</option> <option value="anatomia">Anatomia</option> <option value="anesthres">Anesthesia Research</option> <option value="animals">Animals</option> <option value="antibiotics">Antibiotics</option> <option value="antibodies">Antibodies</option> <option value="antioxidants">Antioxidants</option> <option value="applbiosci">Applied Biosciences</option> <option value="applmech">Applied Mechanics</option> <option value="applmicrobiol">Applied Microbiology</option> <option value="applnano">Applied Nano</option> <option value="applsci">Applied Sciences</option> <option value="asi">Applied System Innovation</option> <option value="appliedchem">AppliedChem</option> <option value="appliedmath">AppliedMath</option> <option value="aquacj">Aquaculture Journal</option> <option value="architecture">Architecture</option> <option value="arthropoda">Arthropoda</option> <option value="arts">Arts</option> <option value="astronomy">Astronomy</option> <option value="atmosphere">Atmosphere</option> <option value="atoms">Atoms</option> <option value="audiolres">Audiology Research</option> <option value="automation">Automation</option> <option value="axioms">Axioms</option> <option value="bacteria">Bacteria</option> <option value="batteries">Batteries</option> <option value="behavsci">Behavioral Sciences</option> <option value="beverages">Beverages</option> <option value="BDCC">Big Data and Cognitive Computing</option> <option value="biochem">BioChem</option> <option value="bioengineering">Bioengineering</option> <option value="biologics">Biologics</option> <option value="biology">Biology</option> <option value="blsf">Biology and Life Sciences Forum</option> <option value="biomass">Biomass</option> <option value="biomechanics">Biomechanics</option> <option value="biomed">BioMed</option> <option value="biomedicines">Biomedicines</option> <option value="biomedinformatics">BioMedInformatics</option> <option value="biomimetics">Biomimetics</option> <option value="biomolecules">Biomolecules</option> <option value="biophysica">Biophysica</option> <option value="biosensors">Biosensors</option> <option value="biotech">BioTech</option> <option value="birds">Birds</option> <option value="blockchains">Blockchains</option> <option value="brainsci">Brain Sciences</option> <option value="buildings">Buildings</option> <option value="businesses">Businesses</option> <option value="carbon">C</option> <option value="cancers">Cancers</option> <option value="cardiogenetics">Cardiogenetics</option> <option value="catalysts">Catalysts</option> <option value="cells">Cells</option> <option value="ceramics">Ceramics</option> <option value="challenges">Challenges</option> <option value="ChemEngineering">ChemEngineering</option> <option value="chemistry">Chemistry</option> <option value="chemproc">Chemistry Proceedings</option> <option value="chemosensors">Chemosensors</option> <option value="children">Children</option> <option value="chips">Chips</option> <option value="civileng">CivilEng</option> <option value="cleantechnol">Clean Technologies</option> <option value="climate">Climate</option> <option value="ctn">Clinical and Translational Neuroscience</option> <option value="clinbioenerg">Clinical Bioenergetics</option> <option value="clinpract">Clinics and Practice</option> <option value="clockssleep">Clocks & Sleep</option> <option value="coasts">Coasts</option> <option value="coatings">Coatings</option> <option value="colloids">Colloids and Interfaces</option> <option value="colorants">Colorants</option> <option value="commodities">Commodities</option> <option value="complications">Complications</option> <option value="compounds">Compounds</option> <option value="computation">Computation</option> <option value="csmf">Computer Sciences & Mathematics Forum</option> <option value="computers">Computers</option> <option value="condensedmatter">Condensed Matter</option> <option value="conservation">Conservation</option> <option value="constrmater">Construction Materials</option> <option value="cmd">Corrosion and Materials Degradation</option> <option value="cosmetics">Cosmetics</option> <option value="covid">COVID</option> <option value="crops">Crops</option> <option value="cryo">Cryo</option> <option value="cryptography">Cryptography</option> <option value="crystals">Crystals</option> <option value="cimb">Current Issues in Molecular Biology</option> <option value="curroncol">Current Oncology</option> <option value="dairy">Dairy</option> <option value="data">Data</option> <option value="dentistry">Dentistry Journal</option> <option value="dermato">Dermato</option> <option value="dermatopathology">Dermatopathology</option> <option value="designs">Designs</option> <option value="diabetology">Diabetology</option> <option value="diagnostics">Diagnostics</option> <option value="dietetics">Dietetics</option> <option value="digital">Digital</option> <option value="disabilities">Disabilities</option> <option value="diseases">Diseases</option> <option value="diversity">Diversity</option> <option value="dna">DNA</option> <option value="drones">Drones</option> <option value="ddc">Drugs and Drug Candidates</option> <option value="dynamics">Dynamics</option> <option value="earth">Earth</option> <option value="ecologies">Ecologies</option> <option value="econometrics">Econometrics</option> <option value="economies">Economies</option> <option value="education">Education Sciences</option> <option value="electricity">Electricity</option> <option value="electrochem">Electrochem</option> <option value="electronicmat">Electronic Materials</option> <option value="electronics">Electronics</option> <option value="ecm">Emergency Care and Medicine</option> <option value="encyclopedia">Encyclopedia</option> <option value="endocrines">Endocrines</option> <option value="energies">Energies</option> <option value="esa">Energy Storage and Applications</option> <option value="eng">Eng</option> <option value="engproc">Engineering Proceedings</option> <option value="entropy">Entropy</option> <option value="environsciproc">Environmental Sciences Proceedings</option> <option value="environments">Environments</option> <option value="epidemiologia">Epidemiologia</option> <option value="epigenomes">Epigenomes</option> <option value="ebj">European Burn Journal</option> <option value="ejihpe">European Journal of Investigation in Health, Psychology and Education</option> <option value="fermentation">Fermentation</option> <option value="fibers">Fibers</option> <option value="fintech">FinTech</option> <option value="fire">Fire</option> <option value="fishes">Fishes</option> <option value="fluids">Fluids</option> <option value="foods">Foods</option> <option value="forecasting">Forecasting</option> <option value="forensicsci">Forensic Sciences</option> <option value="forests">Forests</option> <option value="fossstud">Fossil Studies</option> <option value="foundations">Foundations</option> <option value="fractalfract">Fractal and Fractional</option> <option value="fuels">Fuels</option> <option value="future">Future</option> <option value="futureinternet">Future Internet</option> <option value="futurepharmacol">Future Pharmacology</option> <option value="futuretransp">Future Transportation</option> <option value="galaxies">Galaxies</option> <option value="games">Games</option> <option value="gases">Gases</option> <option value="gastroent">Gastroenterology Insights</option> <option value="gastrointestdisord">Gastrointestinal Disorders</option> <option value="gastronomy">Gastronomy</option> <option value="gels">Gels</option> <option value="genealogy">Genealogy</option> <option value="genes">Genes</option> <option value="geographies">Geographies</option> <option value="geohazards">GeoHazards</option> <option value="geomatics">Geomatics</option> <option value="geometry">Geometry</option> <option value="geosciences">Geosciences</option> <option value="geotechnics">Geotechnics</option> <option value="geriatrics">Geriatrics</option> <option value="glacies">Glacies</option> <option value="gucdd">Gout, Urate, and Crystal Deposition Disease</option> <option value="grasses">Grasses</option> <option value="hardware">Hardware</option> <option value="healthcare">Healthcare</option> <option value="hearts">Hearts</option> <option value="hemato">Hemato</option> <option value="hematolrep">Hematology Reports</option> <option value="heritage">Heritage</option> <option value="histories">Histories</option> <option value="horticulturae">Horticulturae</option> <option value="hospitals">Hospitals</option> <option value="humanities">Humanities</option> <option value="humans">Humans</option> <option value="hydrobiology">Hydrobiology</option> <option value="hydrogen">Hydrogen</option> <option value="hydrology">Hydrology</option> <option value="hygiene">Hygiene</option> <option value="immuno">Immuno</option> <option value="idr">Infectious Disease Reports</option> <option value="informatics">Informatics</option> <option value="information">Information</option> <option value="infrastructures">Infrastructures</option> <option value="inorganics">Inorganics</option> <option value="insects">Insects</option> <option value="instruments">Instruments</option> <option value="iic">Intelligent Infrastructure and Construction</option> <option value="ijerph">International Journal of Environmental Research and Public Health</option> <option value="ijfs">International Journal of Financial Studies</option> <option value="ijms">International Journal of Molecular Sciences</option> <option value="IJNS">International Journal of Neonatal Screening</option> <option value="ijpb">International Journal of Plant Biology</option> <option value="ijt">International Journal of Topology</option> <option value="ijtm">International Journal of Translational Medicine</option> <option value="ijtpp">International Journal of Turbomachinery, Propulsion and Power</option> <option value="ime">International Medical Education</option> <option value="inventions">Inventions</option> <option value="IoT">IoT</option> <option value="ijgi">ISPRS International Journal of Geo-Information</option> <option value="J">J</option> <option value="jal">Journal of Ageing and Longevity</option> <option value="jcdd">Journal of Cardiovascular Development and Disease</option> <option value="jcto">Journal of Clinical & Translational Ophthalmology</option> <option value="jcm">Journal of Clinical Medicine</option> <option value="jcs">Journal of Composites Science</option> <option value="jcp">Journal of Cybersecurity and Privacy</option> <option value="jdad">Journal of Dementia and Alzheimer's Disease</option> <option value="jdb">Journal of Developmental Biology</option> <option value="jeta">Journal of Experimental and Theoretical Analyses</option> <option value="jfb">Journal of Functional Biomaterials</option> <option value="jfmk">Journal of Functional Morphology and Kinesiology</option> <option value="jof">Journal of Fungi</option> <option value="jimaging">Journal of Imaging</option> <option value="jintelligence">Journal of Intelligence</option> <option value="jlpea">Journal of Low Power Electronics and Applications</option> <option value="jmmp">Journal of Manufacturing and Materials Processing</option> <option value="jmse">Journal of Marine Science and Engineering</option> <option value="jmahp">Journal of Market Access & Health Policy</option> <option value="jmp">Journal of Molecular Pathology</option> <option value="jnt">Journal of Nanotheranostics</option> <option value="jne">Journal of Nuclear Engineering</option> <option value="ohbm">Journal of Otorhinolaryngology, Hearing and Balance Medicine</option> <option value="jop">Journal of Parks</option> <option value="jpm">Journal of Personalized Medicine</option> <option value="jpbi">Journal of Pharmaceutical and BioTech Industry</option> <option value="jor">Journal of Respiration</option> <option value="jrfm">Journal of Risk and Financial Management</option> <option value="jsan">Journal of Sensor and Actuator Networks</option> <option value="joma">Journal of the Oman Medical Association</option> <option value="jtaer">Journal of Theoretical and Applied Electronic Commerce Research</option> <option value="jvd">Journal of Vascular Diseases</option> <option value="jox">Journal of Xenobiotics</option> <option value="jzbg">Journal of Zoological and Botanical Gardens</option> <option value="journalmedia">Journalism and Media</option> <option value="kidneydial">Kidney and Dialysis</option> <option value="kinasesphosphatases">Kinases and Phosphatases</option> <option value="knowledge">Knowledge</option> <option value="labmed">LabMed</option> <option value="laboratories">Laboratories</option> <option value="land">Land</option> <option value="languages">Languages</option> <option value="laws">Laws</option> <option value="life">Life</option> <option value="limnolrev">Limnological Review</option> <option value="lipidology">Lipidology</option> <option value="liquids">Liquids</option> <option value="literature">Literature</option> <option value="livers">Livers</option> <option value="logics">Logics</option> <option value="logistics">Logistics</option> <option value="lubricants">Lubricants</option> <option value="lymphatics">Lymphatics</option> <option value="make">Machine Learning and Knowledge Extraction</option> <option value="machines">Machines</option> <option value="macromol">Macromol</option> <option value="magnetism">Magnetism</option> <option value="magnetochemistry">Magnetochemistry</option> <option value="marinedrugs">Marine Drugs</option> <option value="materials">Materials</option> <option value="materproc">Materials Proceedings</option> <option value="mca">Mathematical and Computational Applications</option> <option value="mathematics">Mathematics</option> <option value="medsci">Medical Sciences</option> <option value="msf">Medical Sciences Forum</option> <option value="medicina">Medicina</option> <option value="medicines">Medicines</option> <option value="membranes">Membranes</option> <option value="merits">Merits</option> <option value="metabolites">Metabolites</option> <option value="metals">Metals</option> <option value="meteorology">Meteorology</option> <option value="methane">Methane</option> <option value="mps">Methods and Protocols</option> <option value="metrics">Metrics</option> <option value="metrology">Metrology</option> <option value="micro">Micro</option> <option value="microbiolres">Microbiology Research</option> <option value="micromachines">Micromachines</option> <option value="microorganisms">Microorganisms</option> <option value="microplastics">Microplastics</option> <option value="minerals">Minerals</option> <option value="mining">Mining</option> <option value="modelling">Modelling</option> <option value="mmphys">Modern Mathematical Physics</option> <option value="molbank">Molbank</option> <option value="molecules">Molecules</option> <option value="mti">Multimodal Technologies and Interaction</option> <option value="muscles">Muscles</option> <option value="nanoenergyadv">Nanoenergy Advances</option> <option value="nanomanufacturing">Nanomanufacturing</option> <option value="nanomaterials">Nanomaterials</option> <option value="ndt">NDT</option> <option value="network">Network</option> <option value="neuroglia">Neuroglia</option> <option value="neurolint">Neurology International</option> <option value="neurosci">NeuroSci</option> <option value="nitrogen">Nitrogen</option> <option value="ncrna">Non-Coding RNA</option> <option value="nursrep">Nursing Reports</option> <option value="nutraceuticals">Nutraceuticals</option> <option value="nutrients">Nutrients</option> <option value="obesities">Obesities</option> <option value="oceans">Oceans</option> <option value="onco">Onco</option> <option value="optics">Optics</option> <option value="oral">Oral</option> <option value="organics">Organics</option> <option value="organoids">Organoids</option> <option value="osteology">Osteology</option> <option value="oxygen">Oxygen</option> <option value="parasitologia">Parasitologia</option> <option value="particles">Particles</option> <option value="pathogens">Pathogens</option> <option value="pathophysiology">Pathophysiology</option> <option value="pediatrrep">Pediatric Reports</option> <option value="pets">Pets</option> <option value="pharmaceuticals">Pharmaceuticals</option> <option value="pharmaceutics">Pharmaceutics</option> <option value="pharmacoepidemiology">Pharmacoepidemiology</option> <option value="pharmacy">Pharmacy</option> <option value="philosophies">Philosophies</option> <option value="photochem">Photochem</option> <option value="photonics">Photonics</option> <option value="phycology">Phycology</option> <option value="physchem">Physchem</option> <option value="psf">Physical Sciences Forum</option> <option value="physics">Physics</option> <option value="physiologia">Physiologia</option> <option value="plants">Plants</option> <option value="plasma">Plasma</option> <option value="platforms">Platforms</option> <option value="pollutants">Pollutants</option> <option value="polymers">Polymers</option> <option value="polysaccharides">Polysaccharides</option> <option value="populations">Populations</option> <option value="poultry">Poultry</option> <option value="powders">Powders</option> <option value="proceedings">Proceedings</option> <option value="processes">Processes</option> <option value="prosthesis">Prosthesis</option> <option value="proteomes">Proteomes</option> <option value="psychiatryint">Psychiatry International</option> <option value="psychoactives">Psychoactives</option> <option value="psycholint">Psychology International</option> <option value="publications">Publications</option> <option value="qubs">Quantum Beam Science</option> <option value="quantumrep">Quantum Reports</option> <option value="quaternary">Quaternary</option> <option value="radiation">Radiation</option> <option value="reactions">Reactions</option> <option value="realestate">Real Estate</option> <option value="receptors">Receptors</option> <option value="recycling">Recycling</option> <option value="rsee">Regional Science and Environmental Economics</option> <option value="religions">Religions</option> <option value="remotesensing">Remote Sensing</option> <option value="reports">Reports</option> <option value="reprodmed">Reproductive Medicine</option> <option value="resources">Resources</option> <option value="rheumato">Rheumato</option> <option value="risks">Risks</option> <option value="robotics">Robotics</option> <option value="ruminants">Ruminants</option> <option value="safety">Safety</option> <option value="sci">Sci</option> <option value="scipharm">Scientia Pharmaceutica</option> <option value="sclerosis">Sclerosis</option> <option value="seeds">Seeds</option> <option value="sensors">Sensors</option> <option value="separations">Separations</option> <option value="sexes">Sexes</option> <option value="signals">Signals</option> <option value="sinusitis">Sinusitis</option> <option value="smartcities">Smart Cities</option> <option value="socsci">Social Sciences</option> <option value="siuj">Société Internationale d’Urologie Journal</option> <option value="societies">Societies</option> <option value="software">Software</option> <option value="soilsystems">Soil Systems</option> <option value="solar">Solar</option> <option value="solids">Solids</option> <option value="spectroscj">Spectroscopy Journal</option> <option value="sports">Sports</option> <option value="standards">Standards</option> <option value="stats">Stats</option> <option value="stresses">Stresses</option> <option value="surfaces">Surfaces</option> <option value="surgeries">Surgeries</option> <option value="std">Surgical Techniques Development</option> <option value="sustainability">Sustainability</option> <option value="suschem">Sustainable Chemistry</option> <option value="symmetry">Symmetry</option> <option value="synbio">SynBio</option> <option value="systems">Systems</option> <option value="targets">Targets</option> <option value="taxonomy">Taxonomy</option> <option value="technologies">Technologies</option> <option value="telecom">Telecom</option> <option value="textiles">Textiles</option> <option value="thalassrep">Thalassemia Reports</option> <option value="therapeutics">Therapeutics</option> <option value="thermo">Thermo</option> <option value="timespace">Time and Space</option> <option value="tomography">Tomography</option> <option value="tourismhosp">Tourism and Hospitality</option> <option value="toxics">Toxics</option> <option value="toxins">Toxins</option> <option value="transplantology">Transplantology</option> <option value="traumacare">Trauma Care</option> <option value="higheredu">Trends in Higher Education</option> <option value="tropicalmed">Tropical Medicine and Infectious Disease</option> <option value="universe">Universe</option> <option value="urbansci">Urban Science</option> <option value="uro">Uro</option> <option value="vaccines">Vaccines</option> <option value="vehicles">Vehicles</option> <option value="venereology">Venereology</option> <option value="vetsci">Veterinary Sciences</option> <option value="vibration">Vibration</option> <option value="virtualworlds">Virtual Worlds</option> <option value="viruses">Viruses</option> <option value="vision">Vision</option> <option value="waste">Waste</option> <option value="water">Water</option> <option value="wild">Wild</option> <option value="wind">Wind</option> <option value="women">Women</option> <option value="world">World</option> <option value="wevj">World Electric Vehicle Journal</option> <option value="youth">Youth</option> <option value="zoonoticdis">Zoonotic Diseases</option> </select> <input name="email" type="email" placeholder="Enter your email address..." required="required" /> <button class="genericCaptcha button button--dark UA_FooterNewsletterSubscribeButton" type="submit">Subscribe</button> </form> </div> </div> </div> <div id="footer-copyright"> <div class="row"> <div class="columns large-6 medium-6 small-12 text-left"> © 1996-2024 MDPI (Basel, Switzerland) unless otherwise stated </div> <div class="columns large-6 medium-6 small-12 small-text-left medium-text-right large-text-right"> <a data-dropdown="drop-view-disclaimer" aria-controls="drop-view-disclaimer" aria-expanded="false" data-options="align:top; is_hover:true; hover_timeout:2000;"> Disclaimer </a> <div id="drop-view-disclaimer" class="f-dropdown label__btn__dropdown label__btn__dropdown--wide text-left" data-dropdown-content aria-hidden="true" tabindex="-1"> Disclaimer/Publisher’s Note: The statements, opinions and data contained in all publications are solely those of the individual author(s) and contributor(s) and not of MDPI and/or the editor(s). MDPI and/or the editor(s) disclaim responsibility for any injury to people or property resulting from any ideas, methods, instructions or products referred to in the content. </div> <a href="/about/terms-and-conditions"> Terms and Conditions </a> <a href="/about/privacy"> Privacy Policy </a> </div> </div> </div> </div> <div id="cookie-notification" class="js-allow-cookies" style="display: none;"> <div class="columns large-10 medium-10 small-12"> We use cookies on our website to ensure you get the best experience.<br class="show-for-medium-up"/> Read more about our cookies <a href="/about/privacy">here</a>. </div> <div class="columns large-2 medium-2 small-12 small-only-text-left text-right"> <a class="button button--default" href="/accept_cookies">Accept</a> </div> </div> </div> <div id="main-share-modal" class="reveal-modal reveal-modal-new reveal-modal-new--small" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> <div class="row"> <div class="small-12 columns"> <h2 style="margin: 0;">Share Link</h2> </div> <div class="small-12 columns"> <div class="social-media-links UA_ShareModalLinks" style="text-align: left;"> <a href="/cdn-cgi/l/email-protection#f0cfd6919d80cb8385929a959384cdb6829f9dd5c2c0bdb4a0b9d5c3b1d5c2c0d5c2c2b4959c9993999f8583d5c2c0b389929582d5c2c0b7989f8384d5c3b1d5c2c0a583999e97d5c2c0a09580809582d5b5c2d5c8c0d5c9c983d5c2c0b7989f8384d5c2c0999ed5c2c0b39f9d8085849582ddb199949594d5c2c0b4958399979ed5c2c0849fd5c2c0b59e98919e9395d5c2c0b3919e849f9e958395d5c2c0bd9f829e999e97d5c2c0a49591d5c2c0b59485939184999f9ed681859f84cbd6919d80cb929f9489cd9884848083cadfdf878787de9d948099de939f9ddfc3c0c5c2c1c6c8d5c3b1d5c0b1d5c0b1b4959c9993999f8583d5c2c0b389929582d5c2c0b7989f8384d5c3b1d5c2c0a583999e97d5c2c0a09580809582d5b5c2d5c8c0d5c9c983d5c2c0b7989f8384d5c2c0999ed5c2c0b39f9d8085849582ddb199949594d5c2c0b4958399979ed5c2c0849fd5c2c0b59e98919e9395d5c2c0b3919e849f9e958395d5c2c0bd9f829e999e97d5c2c0a49591d5c2c0b59485939184999f9efafab3919e849f9e958395d5c2c09d9f829e999e97d5c2c0849591d5c2c09482999e9b999e97d5c2c09983d5c2c091d5c2c0939895829983989594d5c2c0999e84919e9799929c95d5c2c093859c848582919cd5c2c09895829984919795d5c2c0999ed5c2c0849895d5c2c0b785919e97949f9e97d5b5c2d5c8c0d5c9c3b89f9e97d5c2c0bb9f9e97d5b5c2d5c8c0d5c9c3bd9193919fd5c2c0b7829591849582d5c2c0b29189d5c2c0b1829591d5c2c0999ed5c2c0b398999e91d5c2c0919e94d5c2c0959d929f94999583d5c2c0b785919e97949f9e97d5b5c2d5c8c0d5c9c983d5c2c093859c999e918289d5c2c0848291949984999f9eded5c2c0b99ed5c2c0849895d5c2c09499979984919cd5c2c0958291d5c2b3d5c2c0999e9e9f869184998695d5c2c094958399979ed5c2c0849593989e9981859583d5c2c0919e94d5c2c09499979984919cd5c2c0849593989e9f9c9f9789d5c2c098918695d5c2c09295959ed5c2c09180809c999594d5c2c0849fd5c2c08082958395828695d5c2c0919e94d5c2c080829f9d9f8495d5c2c084989983d5c2c0848291949984999f9eded5c2c0a49fd5c2c0959e98919e9395d5c2c09895829984919795d5c2c0959485939184999f9ed5c2b3d5c2c08795d5c2c094958399979e9594d5c2c0919ed5c2c09185979d959e849594d5c2c08295919c998489d5c2c0949586999395d5c2c0969f82d5c2c0b3919e849f9e958395d5c2c09d9f829e999e97d5c2c0849591d5c2c08583999e97d5c2c0a09580809582d5b5c2d5c8c0d5c9c983d5c2c0b7989f8384d5c2c0849593989e99818595ded5c2c0b59d809c9f89999e97d5c2c09699959c94d5c2c0999e8695838499979184999f9e83d5c2b3d5c2c09c998495829184858295d5c2c08295839591829398d5c2b3d5c2c0919e94d5c2c09588809582999d959e8483d5c2b3d5c2c08795d5c2c083989f879391839594d5c2c0b3919e849f9e958395d5c2c09d9f829e999e97d5c2c0849591d5c2c09482999e9b999e97ded5c2c0b69f82d5c2c096858284989582d5c2c0949586959c9f809d959e8483d5c2b3d5c2c09196969f829491929c95d5c2c09d9184958299919c83d5c2c0919e94d5c2c080829f96958383999f9e919cd5c2c080989f849f83d5c2c0918295d5c2c0958383959e8499919cd5c2c0969f82d5c2c0939f9e838482859384999e97d5c2c0849895d5c2c09d9f94959cde" title="Email"> <i class="fa fa-envelope-square" style="font-size: 30px;"></i> </a> <a href="https://twitter.com/intent/tweet?text=Delicious+Cyber+Ghost%3A+Using+Pepper%E2%80%99s+Ghost+in+Computer-Aided+Design+to+Enhance+Cantonese+Morning+Tea+Education&hashtags=mdpiengproc&url=https%3A%2F%2Fwww.mdpi.com%2F3052168&via=MDPIOpenAccess" onclick="windowOpen(this.href,600,800); return false" title="Twitter" target="_blank" rel="noopener noreferrer"> <i class="fa fa-twitter-x-square" style="font-size: 30px;"></i> </a> <a href=" http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.mdpi.com%2F3052168&title=Delicious%20Cyber%20Ghost%3A%20Using%20Pepper%E2%80%99s%20Ghost%20in%20Computer-Aided%20Design%20to%20Enhance%20Cantonese%20Morning%20Tea%20Education%26source%3Dhttps%3A%2F%2Fwww.mdpi.com%26summary%3DCantonese%20morning%20tea%20drinking%20is%20a%20cherished%20intangible%20cultural%20heritage%20in%20the%20Guangdong%E2%80%93Hong%20Kong%E2%80%93Macao%20Greater%20Bay%20Area%20in%20China%20and%20embodies%20Guangdong%E2%80%99s%20culinary%20tradition.%20In%20the%20digital%20era%2C%20innovative%20design%20techniques%20and%20digital%20%5B...%5D" onclick="windowOpen(this.href,600,800); return false" title="LinkedIn" target="_blank" rel="noopener noreferrer"> <i class="fa fa-linkedin-square" style="font-size: 30px;"></i> </a> <a href="https://www.facebook.com/sharer.php?u=https://www.mdpi.com/3052168" title="facebook" target="_blank" rel="noopener noreferrer"> <i class="fa fa-facebook-square" style="font-size: 30px;"></i> </a> <a href="javascript:void(0);" title="Wechat" data-reveal-id="weixin-share-modal"> <i class="fa fa-weixin-square" style="font-size: 26px;"></i> </a> <a href="http://www.reddit.com/submit?url=https://www.mdpi.com/3052168" title="Reddit" target="_blank" rel="noopener noreferrer"> <i class="fa fa-reddit-square" style="font-size: 30px;"></i> </a> <a href="http://www.mendeley.com/import/?url=https://www.mdpi.com/3052168" title="Mendeley" target="_blank" rel="noopener noreferrer"> <i class="fa fa-mendeley-square" style="font-size: 30px;"></i> </a> <a href="http://www.citeulike.org/posturl?url=https://www.mdpi.com/3052168" title="CiteULike" target="_blank" rel="noopener noreferrer"> <i class="fa fa-citeulike-square" style="font-size: 30px;"></i> </a> </div> </div> <div class="small-9 columns"> <input id="js-clipboard-text" type="text" readonly value="https://www.mdpi.com/3052168" /> </div> <div class="small-3 columns text-left"> <a class="button button--color js-clipboard-copy" data-clipboard-target="#js-clipboard-text">Copy</a> </div> </div> <a class="close-reveal-modal" aria-label="Close"> <i class="material-icons">clear</i> </a> </div> <div id="weixin-share-modal" class="reveal-modal reveal-modal-new" data-reveal aria-labelledby="weixin-share-modal-title" aria-hidden="true" role="dialog"> <div class="row"> <div class="small-12 columns"> <h2 id="weixin-share-modal-title" style="margin: 0;">Share</h2> </div> <div class="small-12 columns"> <div class="weixin-qr-code-section"> <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="300" height="300" version="1.1" xmlns="http://www.w3.org/2000/svg"> <desc>https://www.mdpi.com/3052168</desc> <g id="elements" fill="black" stroke="none"> <rect x="0" y="0" width="12" height="12" /> <rect x="12" y="0" width="12" height="12" /> <rect x="24" y="0" width="12" height="12" /> <rect x="36" y="0" width="12" height="12" /> <rect x="48" y="0" width="12" height="12" /> <rect x="60" y="0" width="12" height="12" /> <rect x="72" y="0" width="12" height="12" /> <rect x="96" y="0" width="12" height="12" /> <rect x="108" y="0" width="12" height="12" /> <rect x="120" y="0" width="12" height="12" /> <rect x="132" y="0" width="12" height="12" /> <rect x="156" y="0" width="12" height="12" /> <rect x="168" y="0" width="12" height="12" /> <rect x="216" y="0" width="12" height="12" /> <rect x="228" y="0" width="12" height="12" /> <rect x="240" y="0" width="12" height="12" /> <rect x="252" y="0" width="12" height="12" /> <rect x="264" y="0" width="12" height="12" /> <rect x="276" y="0" width="12" height="12" /> <rect x="288" y="0" width="12" height="12" /> <rect x="0" y="12" width="12" height="12" /> <rect x="72" y="12" width="12" height="12" /> <rect x="132" y="12" width="12" height="12" /> <rect x="144" y="12" width="12" height="12" /> <rect x="168" y="12" width="12" height="12" /> <rect x="216" y="12" width="12" height="12" /> <rect x="288" y="12" width="12" height="12" /> <rect x="0" y="24" width="12" height="12" /> <rect x="24" y="24" width="12" height="12" /> <rect x="36" y="24" width="12" height="12" /> <rect x="48" y="24" width="12" height="12" /> <rect x="72" y="24" width="12" height="12" /> <rect x="108" y="24" width="12" height="12" /> <rect x="132" y="24" width="12" height="12" /> <rect x="156" y="24" width="12" height="12" /> <rect x="168" y="24" width="12" height="12" /> <rect x="216" y="24" width="12" height="12" /> <rect x="240" y="24" width="12" height="12" /> <rect x="252" y="24" width="12" height="12" /> <rect x="264" y="24" width="12" height="12" /> <rect x="288" y="24" width="12" height="12" /> <rect x="0" y="36" width="12" height="12" /> <rect x="24" y="36" width="12" height="12" /> <rect x="36" y="36" width="12" height="12" /> <rect x="48" y="36" width="12" height="12" /> <rect x="72" y="36" width="12" height="12" /> <rect x="120" y="36" width="12" height="12" /> <rect x="132" y="36" width="12" height="12" /> <rect x="144" y="36" width="12" height="12" /> <rect x="156" y="36" width="12" height="12" /> <rect x="180" y="36" width="12" height="12" /> <rect x="192" y="36" width="12" height="12" /> <rect x="216" y="36" width="12" height="12" /> <rect x="240" y="36" width="12" height="12" /> <rect x="252" y="36" width="12" height="12" /> <rect x="264" y="36" width="12" height="12" /> <rect x="288" y="36" width="12" height="12" /> <rect x="0" y="48" width="12" height="12" /> <rect x="24" y="48" width="12" height="12" /> <rect x="36" y="48" width="12" height="12" /> <rect x="48" y="48" width="12" height="12" /> <rect x="72" y="48" width="12" height="12" /> <rect x="120" y="48" width="12" height="12" /> <rect x="132" y="48" width="12" height="12" /> <rect x="144" y="48" width="12" height="12" /> <rect x="156" y="48" width="12" height="12" /> <rect x="168" y="48" width="12" height="12" /> <rect x="216" y="48" width="12" height="12" /> <rect x="240" y="48" width="12" height="12" /> <rect x="252" y="48" width="12" height="12" /> <rect x="264" y="48" width="12" height="12" /> <rect x="288" y="48" width="12" height="12" /> <rect x="0" y="60" width="12" height="12" /> <rect x="72" y="60" width="12" height="12" /> <rect x="108" y="60" width="12" height="12" /> <rect x="132" y="60" width="12" height="12" /> <rect x="144" y="60" width="12" height="12" /> <rect x="156" y="60" width="12" height="12" /> <rect x="168" y="60" width="12" height="12" /> <rect x="216" y="60" width="12" height="12" /> <rect x="288" y="60" width="12" height="12" /> <rect x="0" y="72" width="12" height="12" /> <rect x="12" y="72" width="12" height="12" /> <rect x="24" y="72" width="12" height="12" /> <rect x="36" y="72" width="12" height="12" /> <rect x="48" y="72" width="12" height="12" /> <rect x="60" y="72" width="12" height="12" /> <rect x="72" y="72" width="12" height="12" /> <rect x="96" y="72" width="12" height="12" /> <rect x="120" y="72" width="12" height="12" /> <rect x="144" y="72" width="12" height="12" /> <rect x="168" y="72" width="12" height="12" /> <rect x="192" y="72" width="12" height="12" /> <rect x="216" y="72" width="12" height="12" /> <rect x="228" y="72" width="12" height="12" /> <rect x="240" y="72" width="12" height="12" /> <rect x="252" y="72" width="12" height="12" /> <rect x="264" y="72" width="12" height="12" /> <rect x="276" y="72" width="12" height="12" /> <rect x="288" y="72" width="12" height="12" /> <rect x="96" y="84" width="12" height="12" /> <rect x="108" y="84" width="12" height="12" /> <rect x="144" y="84" width="12" height="12" /> <rect x="156" y="84" width="12" height="12" /> <rect x="0" y="96" width="12" height="12" /> <rect x="12" y="96" width="12" height="12" /> <rect x="36" y="96" width="12" height="12" /> <rect x="48" y="96" width="12" height="12" /> <rect x="72" y="96" width="12" height="12" /> <rect x="108" y="96" width="12" height="12" /> <rect x="144" y="96" width="12" height="12" /> <rect x="168" y="96" width="12" height="12" /> <rect x="192" y="96" width="12" height="12" /> <rect x="216" y="96" width="12" height="12" /> <rect x="288" y="96" width="12" height="12" /> <rect x="12" y="108" width="12" height="12" /> <rect x="24" y="108" width="12" height="12" /> <rect x="48" y="108" width="12" height="12" /> <rect x="60" y="108" width="12" height="12" /> <rect x="84" y="108" width="12" height="12" /> <rect x="120" y="108" width="12" height="12" /> <rect x="144" y="108" width="12" height="12" /> <rect x="156" y="108" width="12" height="12" /> <rect x="168" y="108" width="12" height="12" /> <rect x="180" y="108" width="12" height="12" /> <rect x="204" y="108" width="12" height="12" /> <rect x="228" y="108" width="12" height="12" /> <rect x="240" y="108" width="12" height="12" /> <rect x="252" y="108" width="12" height="12" /> <rect x="264" y="108" width="12" height="12" /> <rect x="276" y="108" width="12" height="12" /> <rect x="24" y="120" width="12" height="12" /> <rect x="48" y="120" width="12" height="12" /> <rect x="72" y="120" width="12" height="12" /> <rect x="84" y="120" width="12" height="12" /> <rect x="96" y="120" width="12" height="12" /> <rect x="108" y="120" width="12" height="12" /> <rect x="132" y="120" width="12" height="12" /> <rect x="180" y="120" width="12" height="12" /> <rect x="216" y="120" width="12" height="12" /> <rect x="228" y="120" width="12" height="12" /> <rect x="252" y="120" width="12" height="12" /> <rect x="288" y="120" width="12" height="12" /> <rect x="0" y="132" width="12" height="12" /> <rect x="12" y="132" width="12" height="12" /> <rect x="48" y="132" width="12" height="12" /> <rect x="60" y="132" width="12" height="12" /> <rect x="96" y="132" width="12" height="12" /> <rect x="144" y="132" width="12" height="12" /> <rect x="168" y="132" width="12" height="12" /> <rect x="192" y="132" width="12" height="12" /> <rect x="228" y="132" width="12" height="12" /> <rect x="252" y="132" width="12" height="12" /> <rect x="264" y="132" width="12" height="12" /> <rect x="276" y="132" width="12" height="12" /> <rect x="288" y="132" width="12" height="12" /> <rect x="0" y="144" width="12" height="12" /> <rect x="24" y="144" width="12" height="12" /> <rect x="72" y="144" width="12" height="12" /> <rect x="108" y="144" width="12" height="12" /> <rect x="120" y="144" width="12" height="12" /> <rect x="144" y="144" width="12" height="12" /> <rect x="168" y="144" width="12" height="12" /> <rect x="180" y="144" width="12" height="12" /> <rect x="216" y="144" width="12" height="12" /> <rect x="288" y="144" width="12" height="12" /> <rect x="0" y="156" width="12" height="12" /> <rect x="12" y="156" width="12" height="12" /> <rect x="36" y="156" width="12" height="12" /> <rect x="48" y="156" width="12" height="12" /> <rect x="60" y="156" width="12" height="12" /> <rect x="108" y="156" width="12" height="12" /> <rect x="120" y="156" width="12" height="12" /> <rect x="144" y="156" width="12" height="12" /> <rect x="156" y="156" width="12" height="12" /> <rect x="168" y="156" width="12" height="12" /> <rect x="180" y="156" width="12" height="12" /> <rect x="192" y="156" width="12" height="12" /> <rect x="204" y="156" width="12" height="12" /> <rect x="240" y="156" width="12" height="12" /> <rect x="276" y="156" width="12" height="12" /> <rect x="0" y="168" width="12" height="12" /> <rect x="12" y="168" width="12" height="12" /> <rect x="24" y="168" width="12" height="12" /> <rect x="72" y="168" width="12" height="12" /> <rect x="96" y="168" width="12" height="12" /> <rect x="108" y="168" width="12" height="12" /> <rect x="120" y="168" width="12" height="12" /> <rect x="132" y="168" width="12" height="12" /> <rect x="144" y="168" width="12" height="12" /> <rect x="156" y="168" width="12" height="12" /> <rect x="180" y="168" width="12" height="12" /> <rect x="192" y="168" width="12" height="12" /> <rect x="204" y="168" width="12" height="12" /> <rect x="216" y="168" width="12" height="12" /> <rect x="240" y="168" width="12" height="12" /> <rect x="252" y="168" width="12" height="12" /> <rect x="264" y="168" width="12" height="12" /> <rect x="276" y="168" width="12" height="12" /> <rect x="288" y="168" width="12" height="12" /> <rect x="0" y="180" width="12" height="12" /> <rect x="60" y="180" width="12" height="12" /> <rect x="108" y="180" width="12" height="12" /> <rect x="168" y="180" width="12" height="12" /> <rect x="204" y="180" width="12" height="12" /> <rect x="228" y="180" width="12" height="12" /> <rect x="252" y="180" width="12" height="12" /> <rect x="264" y="180" width="12" height="12" /> <rect x="288" y="180" width="12" height="12" /> <rect x="0" y="192" width="12" height="12" /> <rect x="24" y="192" width="12" height="12" /> <rect x="48" y="192" width="12" height="12" /> <rect x="60" y="192" width="12" height="12" /> <rect x="72" y="192" width="12" height="12" /> <rect x="84" y="192" width="12" height="12" /> <rect x="96" y="192" width="12" height="12" /> <rect x="108" y="192" width="12" height="12" /> <rect x="120" y="192" width="12" height="12" /> <rect x="144" y="192" width="12" height="12" /> <rect x="180" y="192" width="12" height="12" /> <rect x="192" y="192" width="12" height="12" /> <rect x="204" y="192" width="12" height="12" /> <rect x="216" y="192" width="12" height="12" /> <rect x="228" y="192" width="12" height="12" /> <rect x="240" y="192" width="12" height="12" /> <rect x="264" y="192" width="12" height="12" /> <rect x="276" y="192" width="12" height="12" /> <rect x="96" y="204" width="12" height="12" /> <rect x="108" y="204" width="12" height="12" /> <rect x="120" y="204" width="12" height="12" /> <rect x="192" y="204" width="12" height="12" /> <rect x="240" y="204" width="12" height="12" /> <rect x="264" y="204" width="12" height="12" /> <rect x="276" y="204" width="12" height="12" /> <rect x="0" y="216" width="12" height="12" /> <rect x="12" y="216" width="12" height="12" /> <rect x="24" y="216" width="12" height="12" /> <rect x="36" y="216" width="12" height="12" /> <rect x="48" y="216" width="12" height="12" /> <rect x="60" y="216" width="12" height="12" /> <rect x="72" y="216" width="12" height="12" /> <rect x="108" y="216" width="12" height="12" /> <rect x="132" y="216" width="12" height="12" /> <rect x="192" y="216" width="12" height="12" /> <rect x="216" y="216" width="12" height="12" /> <rect x="240" y="216" width="12" height="12" /> <rect x="288" y="216" width="12" height="12" /> <rect x="0" y="228" width="12" height="12" /> <rect x="72" y="228" width="12" height="12" /> <rect x="144" y="228" width="12" height="12" /> <rect x="180" y="228" width="12" height="12" /> <rect x="192" y="228" width="12" height="12" /> <rect x="240" y="228" width="12" height="12" /> <rect x="288" y="228" width="12" height="12" /> <rect x="0" y="240" width="12" height="12" /> <rect x="24" y="240" width="12" height="12" /> <rect x="36" y="240" width="12" height="12" /> <rect x="48" y="240" width="12" height="12" /> <rect x="72" y="240" width="12" height="12" /> <rect x="96" y="240" width="12" height="12" /> <rect x="120" y="240" width="12" height="12" /> <rect x="144" y="240" width="12" height="12" /> <rect x="156" y="240" width="12" height="12" /> <rect x="180" y="240" width="12" height="12" /> <rect x="192" y="240" width="12" height="12" /> <rect x="204" y="240" width="12" height="12" /> <rect x="216" y="240" width="12" height="12" /> <rect x="228" y="240" width="12" height="12" /> <rect x="240" y="240" width="12" height="12" /> <rect x="276" y="240" width="12" height="12" /> <rect x="288" y="240" width="12" height="12" /> <rect x="0" y="252" width="12" height="12" /> <rect x="24" y="252" width="12" height="12" /> <rect x="36" y="252" width="12" height="12" /> <rect x="48" y="252" width="12" height="12" /> <rect x="72" y="252" width="12" height="12" /> <rect x="96" y="252" width="12" height="12" /> <rect x="132" y="252" width="12" height="12" /> <rect x="144" y="252" width="12" height="12" /> <rect x="180" y="252" width="12" height="12" /> <rect x="192" y="252" width="12" height="12" /> <rect x="216" y="252" width="12" height="12" /> <rect x="276" y="252" width="12" height="12" /> <rect x="288" y="252" width="12" height="12" /> <rect x="0" y="264" width="12" height="12" /> <rect x="24" y="264" width="12" height="12" /> <rect x="36" y="264" width="12" height="12" /> <rect x="48" y="264" width="12" height="12" /> <rect x="72" y="264" width="12" height="12" /> <rect x="108" y="264" width="12" height="12" /> <rect x="120" y="264" width="12" height="12" /> <rect x="144" y="264" width="12" height="12" /> <rect x="156" y="264" width="12" height="12" /> <rect x="168" y="264" width="12" height="12" /> <rect x="192" y="264" width="12" height="12" /> <rect x="204" y="264" width="12" height="12" /> <rect x="240" y="264" width="12" height="12" /> <rect x="252" y="264" width="12" height="12" /> <rect x="264" y="264" width="12" height="12" /> <rect x="276" y="264" width="12" height="12" /> <rect x="288" y="264" width="12" height="12" /> <rect x="0" y="276" width="12" height="12" /> <rect x="72" y="276" width="12" height="12" /> <rect x="96" y="276" width="12" height="12" /> <rect x="120" y="276" width="12" height="12" /> <rect x="132" y="276" width="12" height="12" /> <rect x="144" y="276" width="12" height="12" /> <rect x="228" y="276" width="12" height="12" /> <rect x="240" y="276" width="12" height="12" /> <rect x="264" y="276" width="12" height="12" /> <rect x="276" y="276" width="12" height="12" /> <rect x="288" y="276" width="12" height="12" /> <rect x="0" y="288" width="12" height="12" /> <rect x="12" y="288" width="12" height="12" /> <rect x="24" y="288" width="12" height="12" /> <rect x="36" y="288" width="12" height="12" /> <rect x="48" y="288" width="12" height="12" /> <rect x="60" y="288" width="12" height="12" /> <rect x="72" y="288" width="12" height="12" /> <rect x="96" y="288" width="12" height="12" /> <rect x="132" y="288" width="12" height="12" /> <rect x="144" y="288" width="12" height="12" /> <rect x="156" y="288" width="12" height="12" /> <rect x="168" y="288" width="12" height="12" /> <rect x="192" y="288" width="12" height="12" /> <rect x="204" y="288" width="12" height="12" /> <rect x="252" y="288" width="12" height="12" /> <rect x="288" y="288" width="12" height="12" /> </g> </svg> </div> </div> </div> <a class="close-reveal-modal" aria-label="Close"> <i class="material-icons">clear</i> </a> </div> <a href="#" class="back-to-top"><span class="show-for-medium-up">Back to Top</span><span class="show-for-small">Top</span></a> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://pub.mdpi-res.com/assets/js/modernizr-2.8.3.min.js?5227e0738f7f421d?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/jquery-1.12.4.min.js?4f252523d4af0b47?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/foundation-5.5.3.min.js?6b2ec41c18b29054?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/foundation-5.5.3.equalizer.min.js?0f6c549b75ec554c?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/jquery.multiselect.js?0edd3998731d1091?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/jquery.cycle2.min.js?63413052928f97ee?1732286508"></script> <script> // old browser fix - this way the console log rows won't throw (silent) errors in browsers not supporting console log if (!window.console) window.console = {}; if (!window.console.log) window.console.log = function () { }; var currentJournalNameSystem = "engproc"; $(document).ready(function() { $('select.foundation-select').multiselect({ search: true, minHeight: 130, maxHeight: 130, }); $(document).foundation({ orbit: { timer_speed: 4000, }, reveal: { animation: 'fadeAndPop', animation_speed: 100, } }); $(".chosen-select").each(function(element) { var maxSelected = (undefined !== $(this).data('maxselectedoptions') ? $(this).data('maxselectedoptions') : 100); $(this).on('chosen:ready', function(event, data) { var select = $(data.chosen.form_field); if (select.attr('id') === 'journal-browser-volume') { $(data.chosen.dropdown).addClass('UI_JournalBrowser_Volume_Options'); } if (select.attr('id') === 'journal-browser-issue') { $(data.chosen.dropdown).addClass('UI_JournalBrowser_Issue_Options'); } }).chosen({ display_disabled_options: false, disable_search_threshold: 7, max_selected_options: maxSelected, width: "100%" }); }); $(".toEncode").each(function(e) { var oldHref = $(this).attr("href"); var newHref = oldHref.replace('.botdefense.please.enable.javascript.','@'); $(this).attr("href", newHref); if (!$(this).hasClass("emailCaptcha")) { $(this).html(newHref.replace('mailto:', '')); } $(this).removeClass("visibility-hidden"); }); $(document).on('opened.fndtn.reveal', '[data-reveal]', function() { $(document).foundation('equalizer', 'reflow'); }); // fix the images that have tag height / width defined // otherwise the default foundation styles overwrite the tag definitions $("img").each(function() { if ($(this).attr('width') != undefined || $(this).attr('height') != undefined) { $(this).addClass("img-fixed"); } }); $("#basic_search, #advanced_search").submit(function(e) { var searchArguments = false; $(this).find("input,select").not("#search,.search-button").each(function() { if (undefined === $(this).val() || "" === $(this).val()) { $(this).attr('name', null); } else { $(this).attr('name'); searchArguments = true; } }); if (!searchArguments) { window.location = $(this).attr('action'); return false; } }); $(".hide-show-desktop-option").click(function(e) { e.preventDefault(); var parentDiv = $(this).closest("div"); $.ajax({ url: $(this).attr('href'), success: function(msg) { parentDiv.removeClass().hide(); } }); }); $(".generic-toggleable-header").click(function(e) { $(this).toggleClass("active"); $(this).next(".generic-toggleable-content").toggleClass("active"); }); /* * handle whole row as a link if the row contains only one visible link */ $("table.new tr").hover(function() { if ($(this).find("td:visible a").length == 1) { $(this).addClass("single-link"); } }, function() { $(this).removeClass("single-link"); }); $("table.new:not(.table-of-tables)").on("click", "tr.single-link", function(e) { var target = $(e.target); if (!e.ctrlKey && !target.is("a")) { $(this).find("td:visible a")[0].click(); } }); $(document).on("click", ".custom-accordion-for-small-screen-link", function(e) { if ($(this).closest("#basic_search").length > 0) { if ($(".search-container__advanced").first().is(":visible")) { openAdvanced() } } if (Foundation.utils.is_small_only()) { if ($(this).hasClass("active")) { $(this).removeClass("active"); $(this).next(".custom-accordion-for-small-screen-content").addClass("show-for-medium-up"); } else { $(this).addClass("active"); $(this).next(".custom-accordion-for-small-screen-content").removeClass("show-for-medium-up"); $(document).foundation('orbit', 'reflow'); } } if (undefined !== $(this).data("callback")) { var customCallback = $(this).data("callback"); func = window[customCallback]; func(); } }); $(document).on("click", ".js-open-small-search", function(e) { e.preventDefault(); $(this).toggleClass("active").closest(".tab-bar").toggleClass("active"); $(".search-container").toggleClass("hide-for-small-down"); }); $(document).on("click", ".js-open-menu", function(e) { $(".search-container").addClass("hide-for-small-down"); }); $(window).on('resize', function() { recalculate_main_browser_position(); recalculate_responsive_moving_containers(); }); updateSearchLabelVisibilities(); recalculate_main_browser_position(); recalculate_responsive_moving_containers(); if (window.document.documentMode == 11) { $("<link/>", { rel: "stylesheet", type: "text/css", href: "https://fonts.googleapis.com/icon?family=Material+Icons"}).appendTo("head"); } }); function recalculate_main_browser_position() { if (Foundation.utils.is_small_only()) { if ($("#js-main-top-container").parent("#js-large-main-top-container").length > 0) { $("#js-main-top-container").appendTo($("#js-small-main-top-container")); } } else { if ($("#js-main-top-container").parent("#js-small-main-top-container").length > 0) { $("#js-main-top-container").appendTo($("#js-large-main-top-container")); } } } function recalculate_responsive_moving_containers() { $(".responsive-moving-container.large").each(function() { var previousParent = $(".responsive-moving-container.active[data-id='"+$(this).data("id")+"']"); var movingContent = previousParent.html(); if (Foundation.utils.is_small_only()) { var currentParent = $(".responsive-moving-container.small[data-id='"+$(this).data("id")+"']"); } else if (Foundation.utils.is_medium_only()) { var currentParent = $(".responsive-moving-container.medium[data-id='"+$(this).data("id")+"']"); } else { var currentParent = $(".responsive-moving-container.large[data-id='"+$(this).data("id")+"']"); } if (previousParent.attr("class") !== currentParent.attr("class")) { currentParent.html(movingContent); previousParent.html(); currentParent.addClass("active"); previousParent.removeClass("active"); } }); } // cookies allowed is checked from a) local storage and b) from server separately so that the footer bar doesn't // get included in the custom page caches function checkCookiesAllowed() { var cookiesEnabled = localStorage.getItem("mdpi_cookies_enabled"); if (null === cookiesEnabled) { $.ajax({ url: "/ajax_cookie_value/mdpi_cookies_accepted", success: function(data) { if (data.value) { localStorage.setItem("mdpi_cookies_enabled", true); checkDisplaySurvey(); } else { $(".js-allow-cookies").show(); } } }); } else { checkDisplaySurvey(); } } function checkDisplaySurvey() { } window.addEventListener('CookiebotOnAccept', function (e) { var CookieDate = new Date; if (Cookiebot.consent.preferences) { CookieDate.setFullYear(CookieDate.getFullYear() + 1); document.cookie = "mdpi_layout_type_v2=mobile; path=/; expires=" + CookieDate.toUTCString() + ";"; $(".js-toggle-desktop-layout-link").css("display", "inline-block"); } }, false); window.addEventListener('CookiebotOnDecline', function (e) { if (!Cookiebot.consent.preferences) { $(".js-toggle-desktop-layout-link").hide(); if ("" === "desktop") { window.location = "/toggle_desktop_layout_cookie"; } } }, false); var hash = $(location).attr('hash'); if ("#share" === hash) { if (1 === $("#main-share-modal").length) { $('#main-share-modal').foundation('reveal', 'open'); } } </script> <script src="https://pub.mdpi-res.com/assets/js/lib.js?f8d3d71b3a772f9d?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/mdpi.js?c267ce58392b15da?1732286508"></script> <script>var banners_url = 'https://serve.mdpi.com';</script> <script type='text/javascript' src='https://pub.mdpi-res.com/assets/js/ifvisible.min.js?c621d19ecb761212?1732286508'></script> <script src="https://pub.mdpi-res.com/assets/js/xmltohtml/affix.js?ac4ea55275297c15?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/clipboard.min.js?3f3688138a1b9fc4?1732286508"></script> <script type="text/javascript"> $(document).ready(function() { var helpFunctions = $(".middle-column__help__fixed"); var leftColumnAffix = $(".left-column__fixed"); var middleColumn = $("#middle-column"); var clone = null; helpFunctions.affix({ offset: { top: function() { return middleColumn.offset().top - 8 - (Foundation.utils.is_medium_only() ? 30 : 0); }, bottom: function() { return $("#footer").innerHeight() + 74 + (Foundation.utils.is_medium_only() ? 0 : 0); } } }); if (leftColumnAffix.length > 0) { clone = leftColumnAffix.clone(); clone.addClass("left-column__fixed__affix"); clone.insertBefore(leftColumnAffix); clone.css('width', leftColumnAffix.outerWidth() + 50); clone.affix({ offset: { top: function() { return leftColumnAffix.offset().top - 30 - (Foundation.utils.is_medium_only() ? 50 : 0); }, bottom: function() { return $("#footer").innerHeight() + 92 + (Foundation.utils.is_medium_only() ? 0 : 0); } } }); } $(window).on("resize", function() { if (clone !== null) { clone.css('width', leftColumnAffix.outerWidth() + 50); } }); new ClipboardJS('.js-clipboard-copy'); }); </script> <script src="https://pub.mdpi-res.com/assets/js/jquery-ui-1.13.2.min.js?1e2047978946a1d2?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/slick.min.js?d5a61c749e44e471?1732286508"></script> <script> $(document).ready(function() { $(".link-article-menu").click(function(e) { e.preventDefault(); $(this).find('span').toggle(); $(this).next("div").toggleClass("active"); }); $(".js-similarity-related-articles").click(function(e) { e.preventDefault(); if ('' !== $('#recommended-articles-modal').attr('data-url')) { $('#recommended-articles-modal').foundation('reveal', 'open', $('#recommended-articles-modal').attr('data-url')); } }); $(document).on('opened.fndtn.reveal', '[data-reveal]', function() { var modal = $(this); if (modal.attr('id') === "author-biographies-modal") { modal.find('.multiple-items').slick({ slidesToShow: 1, nextArrow: '<a class="slick-next" href="#"><i class="material-icons">chevron_right</i></a>', prevArrow: '<a class="slick-prev" href="#"><i class="material-icons">chevron_left</i></a>', slidesToScroll: 1, draggable: false, }); modal.find('.multiple-items').slick('refresh'); } }); }); </script> <script> $(document).ready(function() { $(document).on('keyup', function (e) { if (e.keyCode == 27) { var hElem = $(this).find(".annotator-adder"); if (hElem.length){ hElem.css({'visibility':'hidden'}); } else { document.querySelector("hypothesis-adder").shadowRoot.querySelector(".annotator-adder").style.visibility = "hidden"; } } }); }); </script> <script> window.hypothesisConfig = function () { return { sidebarAppUrl: 'https://commenting.mdpi.com/app.html', showHighlights: 'whenSidebarOpen' , openSidebar: false , assetRoot: 'https://commentingres.mdpi.com/hypothesis', services: [{ apiUrl: 'https://commenting.mdpi.com/api/', authority: 'mdpi', grantToken: '', doi: '10.3390/engproc2024074078' }], }; }; </script> <script async id="hypothesis_frame"></script> <script type="text/javascript"> if (-1 !== window.location.href.indexOf("?src=")) { window.history.replaceState({}, '', `${location.pathname}`); } $(document).ready(function() { var scifeedCounter = 0; var search = window.location.search; var mathjaxReady = false; // late image file loading $("img[data-lsrc]").each(function() { $(this).attr("src", $(this).data("lsrc")); }); // late mathjax initialization var head = document.getElementsByTagName("head")[0]; var script = document.createElement("script"); script.type = "text/x-mathjax-config"; script[(window.opera ? "innerHTML" : "text")] = "MathJax.Hub.processSectionDelay = 0;\n" + "MathJax.Hub.Config({\n" + " \"menuSettings\": {\n" + " CHTMLpreview: false\n" + " },\n" + " \"CHTML-preview\":{\n" + " disabled: true\n" + " },\n" + " \"HTML-CSS\": {\n" + " scale: 90,\n" + " availableFonts: [],\n" + " preferredFont: null,\n" + " preferredFonts: null,\n" + " webFont:\"Gyre-Pagella\",\n" + " imageFont:'TeX',\n" + " undefinedFamily:\"'Arial Unicode MS',serif\",\n" + " linebreaks: { automatic: false }\n" + " },\n" + " \"TeX\": {\n" + " extensions: ['noErrors.js'],\n" + " noErrors: {\n" + " inlineDelimiters: [\"\",\"\"],\n" + " multiLine: true,\n" + " style: {\n" + " 'font-size': '90%',\n" + " 'text-align': 'left',\n" + " 'color': 'black',\n" + " 'padding': '1px 3px',\n" + " 'border': '1px solid'\n" + " }\n" + " }\n" + " }\n" + "});\n" + "MathJax.Hub.Register.StartupHook('End', function() {\n" + " refreshMathjaxWidths();\n" + " mathjaxReady = true;\n" + "});\n" + "MathJax.Hub.Startup.signal.Interest(function (message) {\n" + " if (message == 'End') {\n" + " var hypoLink = document.getElementById('hypothesis_frame');\n" + " if (null !== hypoLink) {\n" + " hypoLink.setAttribute('src', 'https://commenting.mdpi.com/embed.js');\n" + " }\n" + " }\n" + "});"; head.appendChild(script); script = document.createElement("script"); script.type = "text/javascript"; script.src = "https://pub.mdpi-res.com/bundles/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"; head.appendChild(script); // article version checker if (0 === search.indexOf('?type=check_update&version=')) { $.ajax({ url: "/2673-4591/74/1/78" + "/versioncheck" + search, success: function(result) { $(".js-check-update-container").html(result); } }); } $('#feed_option').click(function() { // tracker if ($('#scifeed_clicked').length<1) { $(this).append('<span style="display:none" id="scifeed_clicked">done</span>'); } $('#feed_data').toggle('slide', { direction: 'up'}, '1000'); // slideToggle(700); OR toggle(700) $("#scifeed_error_msg").html('').hide(); $("#scifeed_notice_msg").html('').hide(); }); $('#feed_option').click(function(event) { setTimeout(function(){ var captchaSection = $("#captchaSection"); captchaSection.removeClass('ui-helper-hidden').find('input').prop('disabled', false); // var img = captchaSection.find('img'); // img.attr('src', img.data('url') + "?" + (new Date()).getTime()); // $(".captcha_reload").trigger("click"); var img = document.getElementById('gregwar_captcha_scifeed'); img.src = '/generate-captcha/gcb_captcha?n=' + (new Date()).getTime(); },800); }); $(document).on('click', '.split_feeds', function() { var name = $( this ).attr('name'); var flag = 1 - ($(this).is(":checked")*1); $('.split_feeds').each(function (index) { if ($( this ).attr('name') !== name) { $(this)[0].checked = flag; } }); }); $(document).on('click', '#scifeed_submit, #scifeed_submit1', function(event) { event.preventDefault(); $(".captcha_reload").trigger("click"); $("#scifeed_error_msg").html(""); $("#scifeed_error_msg").hide(); }); $(document).on('click', '.subscription_toggle', function(event) { if ($(this).val() === 'Create SciFeed' && $('#scifeed_hidden_flag').length>0) { event.preventDefault(); // alert('Here there would be a captcha because user is not logged in'); var captchaSection = $("#captchaSection"); if (captchaSection.hasClass('ui-helper-hidden')) { captchaSection.removeClass('ui-helper-hidden').find('input').prop('disabled', false); var img = captchaSection.find('img'); img.attr('src', img.data('url') + "?" + (new Date()).getTime()); $("#reloadCaptcha").trigger("click"); } } }); $(document).on('click', '.scifeed_msg', function(){ $(this).hide(); }); $(document).on('click', '.article-scilit-search', function(e) { e.preventDefault(); var data = $(".article-scilit-search-data").val(); var dataArray = data.split(';').map(function(keyword) { return "(\"" + keyword.trim() + "\")"; }); var searchQuery = dataArray.join(" OR "); var searchUrl = encodeURI("https://www.scilit.net/articles/search?q="+ searchQuery + "&advanced=1&highlight=1"); var win = window.open(searchUrl, '_blank'); if (win) { win.focus(); } else { window.location(searchUrl); } }); display_stats(); citedCount(); follow_goto(); // Select the node that will be observed for mutations const targetNodes = document.getElementsByClassName('hypothesis-count-container'); // Options for the observer (which mutations to observe) const config = { attributes: false, childList: true, subtree: false }; // Callback function to execute when mutations are observed const callback = function(mutationList, observer) { for(const mutation of mutationList) { if (mutation.type === 'childList') { let node = $(mutation.target); if (parseInt(node.html()) > 0) { node.show(); } } } }; // Create an observer instance linked to the callback function const observer = new MutationObserver(callback); // Start observing the target node for configured mutations for(const targetNode of targetNodes) { observer.observe(targetNode, config); } // Select the node that will be observed for mutations const mathjaxTargetNode = document.getElementById('middle-column'); // Callback function to execute when mutations are observed const mathjaxCallback = function(mutationList, observer) { if (mathjaxReady && typeof(MathJax) !== 'undefined') { refreshMathjaxWidths(); } }; // Create an observer instance linked to the callback function const mathjaxObserver = new ResizeObserver(mathjaxCallback); // Start observing the target node for configured mutations mathjaxObserver.observe(mathjaxTargetNode); }); /* END $(document).ready */ function refreshMathjaxWidths() { let width = ($('.html-body').width()*0.9) + "px"; $('.MathJax_Display').css('max-width', width); $('.MJXc-display').css('max-width', width); } function sendScifeedFrom(form) { if (!$('#scifeed_email').val().trim()) { // empty email alert('Please, provide an email for subscribe to this scifeed'); return false; } else if (!$('#captchaSection').hasClass('ui-helper-hidden') && !$('#captchaSection').find('input').val().trim()) { // empty captcha alert('Please, fill the captcha field.'); return false; } else if( ((($('#scifeed_form').find('input:checkbox:checked').length)-($('#split_feeds:checked').length))<1) || ($('#scifeed_kwd_txt').length < 0 && !$('#scifeed_kwd_txt').val().trim()) || ($('#scifeed_author_txt').length<0 &&!$('#scifeed_author_txt').val().trim()) ) { alert('You did not select anything to subscribe'); return false; } else if(($('#scifeed_form').find('input:checkbox:checked').length)-($('#split_feeds2:checked').length)<1){ alert("You did not select anything to subscribe"); return false; } else { var url = $('#scifeed_subscribe_url').html(); var formData = $(form).serializeArray(); $.post(url, formData).done(function (data) { if (JSON.parse(data)) { $('.scifeed_msg').hide(); var res = JSON.parse(data); var successFeeds = 0; var errorFeeds = 0; if (res) { $('.scifeed_msg').html(''); $.each(res, function (index, val) { if (val) { if (val.error) { errorFeeds++; $("#scifeed_error_msg").append(index+' - '+val.error+'<br>'); } if (val.notice) // for successful feed creation { successFeeds++; // $("#scifeed_notice_msg").append(index+' - '+val.notice+'<br>'); $("#scifeed_notice_msg").append('<li>'+index+'</li>'); } } }); if (successFeeds>0) { text = $('#scifeed_notice_msg').html(); text = 'The following feed'+(successFeeds>1?'s have':' has')+ ' been sucessfully created:<br><ul>'+ text + '</ul>' +($('#scifeed_hidden_flag').length>0 ? 'You are not logged in, so you probably need to validate '+ (successFeeds>1?'them':' it')+'.<br>' :'' ) +'Please check your email'+(successFeeds>1?'s':'')+' for more details.'; //(successFeeds>1?' for each of them':'')+'.<br>'; $("#scifeed_notice_msg").html(text); $("#scifeed_notice_msg").show(); } if (errorFeeds>0) { $("#scifeed_error_msg").show();; } } $("#feed_data").hide(); } }); } } function follow_goto() { var hashStr = location.hash.replace("#",""); if(typeof hashStr !== 'undefined') { if( hashStr == 'supplementary') { document.getElementById('suppl_id').scrollIntoView(); } if( hashStr == 'citedby') { document.getElementById('cited_id').scrollIntoView(); } } } function cited() { $("#framed_div").toggle('fast', function(){ if ($(this).css('display') != 'none') { var loaded = document.getElementById("loaded"); if(loaded.innerHTML == "No") { // Load Xref result var container = document.getElementById("framed_div"); // This replace the content container.innerHTML = "<img src=\"https://pub.mdpi-res.com/img/loading_circle.gif?9a82694213036313?1732286508\" height=\"20\" width=\"20\" alt=\"Processing...\" style=\"vertical-align:middle; margin-right:0.6em;\">"; var url = "/citedby/10.3390%252Fengproc2024074078/402"; $.post(url, function(result) { if (result.success) { container.innerHTML = result.view; } loaded.innerHTML = "Yes"; }); } } return true; // for not going at the beginning of the page... }) return true; // for not going at the beginning of the page... } function detect_device() { // Added by Bastien (18/08/2014): based on the http://detectmobilebrowsers.com/ detector var check = false; (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera); return check; } function display_stats(){ $("#article_stats_div").toggle(); return false; } /* * Cited By Scopus */ function citedCount(){ $("#framed_div_cited_count").toggle('fast', function(){ if ($(this).css('display') != 'none') { var loaded = document.getElementById("loaded_cite_count"); // to load only once the result! if(loaded.innerHTML == "No") { // Load Xref result var d = document.getElementById("framed_div_cited_count"); // This replace the content d.innerHTML = "<img src=\"https://pub.mdpi-res.com/img/loading_circle.gif?9a82694213036313?1732286508\" height=\"20\" width=\"20\" alt=\"Processing...\" style=\"vertical-align:middle; margin-right:0.6em;\">"; $.ajax({ method : "POST", url : "/cite-count/10.3390%252Fengproc2024074078", success : function(data) { if (data.succ) { d.innerHTML = data.view; loaded.innerHTML = "Yes"; follow_goto(); } } }); } } // end else return true; // for not going at the beginning of the page... }) return true; // for not going at the beginning of the page... } </script><script type="text/javascript" src="https://pub.mdpi-res.com/assets/js/third-party/highcharts/highcharts.js?bdd06f45e34c33df?1732286508"></script><script type="text/javascript" src="https://pub.mdpi-res.com/assets/js/third-party/highcharts/modules/exporting.js?944dc938d06de3a8?1732286508"></script><script type="text/javascript" defer="defer"> var advancedStatsData; var selectedStatsType = "abstract"; $(function(){ var countWrapper = $('#counts-wrapper'); $('#author_stats_id #type_links a').on('click', function(e) { e.preventDefault(); selectedStatsType = $(this).data('type'); $('#article_advanced_stats').vectorMap('set', 'values', advancedStatsData[selectedStatsType]); $('#advanced_stats_max').html(advancedStatsData[selectedStatsType].max); $('#type_links a').removeClass('active'); $(this).addClass('active'); }); $.get('/2673-4591/74/1/78/stats', function (result) { if (!result.success) { return; } // process article metrics part in left column var viewNumber = countWrapper.find(".view-number"); viewNumber.html(result.metrics.views); viewNumber.parent().toggleClass("count-div--grey", result.metrics.views == 0); var downloadNumber = countWrapper.find(".download-number"); downloadNumber.html(result.metrics.downloads); downloadNumber.parent().toggleClass("count-div--grey", result.metrics.downloads == 0); var citationsNumber = countWrapper.find(".citations-number"); citationsNumber.html(result.metrics.citations); citationsNumber.parent().toggleClass("count-div--grey", result.metrics.citations == 0); if (result.metrics.views > 0 || result.metrics.downloads > 0 || result.metrics.citations > 0) { countWrapper.find("#js-counts-wrapper__views, #js-counts-wrapper__downloads").addClass("visible").show(); if (result.metrics.citations > 0) { countWrapper.find('.citations-number').html(result.metrics.citations).show(); countWrapper.find("#js-counts-wrapper__citations").addClass("visible").show(); } else { countWrapper.find("#js-counts-wrapper__citations").remove(); } $("[data-id='article-counters']").removeClass("hidden"); } if (result.metrics.altmetrics_score > 0) { $("#js-altmetrics-donut").show(); } // process view chart in main column var jsondata = result.chart; var series = new Array(); $.each(jsondata.elements, function(i, element) { var dataValues = new Array(); $.each(element.values, function(i, value) { dataValues.push(new Array(value.tip, value.value)); }); series[i] = {name: element.text, data:dataValues}; }); Highcharts.setOptions({ chart: { style: { fontFamily: 'Arial,sans-serif' } } }); $('#article_stats_swf').highcharts({ chart: { type: 'line', width: $("#tabs").width() //* 0.91 }, credits: { enabled: false }, exporting: { enabled: true }, title: { text: jsondata.title.text, x: -20 //center }, xAxis: { categories: jsondata.x_axis.labels.labels, offset: jsondata.x_axis.offset, labels:{ step: jsondata.x_axis.labels.steps, rotation: 30 } }, yAxis: { max: jsondata.y_axis.max, min: jsondata.y_axis.min, offset: jsondata.y_axis.offset, labels: { steps: jsondata.y_axis.steps }, title: { enabled: false } }, tooltip: { formatter: function (){ return this.key.replace("#val#", this.y); } }, legend: { align: 'top', itemDistance: 50 }, series: series }); }); $('#supplement_link').click(function() { document.getElementById('suppl_id').scrollIntoView(); }); $('#stats_link').click(function() { document.getElementById('stats_id').scrollIntoView(); }); // open mol viewer for molbank special supplementary files $('.showJmol').click(function(e) { e.preventDefault(); var jmolModal = $("#jmolModal"); var url = "/article/1526084/jsmol_viewer/__supplementary_id__"; url = url.replace(/__supplementary_id__/g, $(this).data('index')); $('#jsmol-content').attr('src', url); jmolModal.find(".content").html($(this).data('description')); jmolModal.foundation("reveal", "open"); }); }); !function() { "use strict"; function e(e) { try { if ("undefined" == typeof console) return; "error"in console ? console.error(e) : console.log(e) } catch (e) {} } function t(e) { return d.innerHTML = '<a href="' + e.replace(/"/g, """) + '"></a>', d.childNodes[0].getAttribute("href") || "" } function n(n, c) { var o = ""; var k = parseInt(n.substr(c + 4, 2), 16); for (var i = c; i < n.length; i += 2) { if (i != c + 4) { var s = parseInt(n.substr(i, 2), 16) ^ k; o += String.fromCharCode(s); } } try { o = decodeURIComponent(escape(o)); } catch (error) { console.error(error); } return t(o); } function c(t) { for (var r = t.querySelectorAll("a"), c = 0; c < r.length; c++) try { var o = r[c] , a = o.href.indexOf(l); a > -1 && (o.href = "mailto:" + n(o.href, a + l.length)) } catch (i) { e(i) } } function o(t) { for (var r = t.querySelectorAll(u), c = 0; c < r.length; c++) try { var o = r[c] , a = o.parentNode , i = o.getAttribute(f); if (i) { var l = n(i, 0) , d = document.createTextNode(l); a.replaceChild(d, o) } } catch (h) { e(h) } } function a(t) { for (var r = t.querySelectorAll("template"), n = 0; n < r.length; n++) try { i(r[n].content) } catch (c) { e(c) } } function i(t) { try { c(t), o(t), a(t) } catch (r) { e(r) } } var l = "/cnd-cgi/l/email-protection#" , u = ".__cf_email__" , f = "data-cfemail" , d = document.createElement("div"); i(document), function() { var e = document.currentScript || document.scripts[document.scripts.length - 1]; e.parentNode.removeChild(e) }() }(); </script><script type="text/javascript"> function setCookie(cname, cvalue, ctime) { ctime = (typeof ctime === 'undefined') ? 10*365*24*60*60*1000 : ctime; // default => 10 years var d = new Date(); d.setTime(d.getTime() + ctime); // ==> 1 hour = 60*60*1000 var expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires +"; path=/"; } function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length, c.length); } return ""; } </script><script type="text/javascript" src="https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js"></script><link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/jquery-ui-1.10.4.custom.min.css?80647d88647bf347?1732286508"><link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/magnific-popup.min.css?04d343e036f8eecd?1732286508"><script type="text/javascript" src="https://pub.mdpi-res.com/assets/js/magnific-popup.min.js?2be3d9e7dc569146?1732286508"></script><script> $(function() { $(".js-show-more-academic-editors").on("click", function(e) { e.preventDefault(); $(this).hide(); $(".academic-editor-container").removeClass("hidden"); }); }); </script> <link rel="stylesheet" href="https://pub.mdpi-res.com/assets/css/vmap/jqvmap.min.css?126a06688aa11c13?1732286508"> <script src="https://pub.mdpi-res.com/assets/js/vmap/jquery.vmap.min.js?935f68d33bdd88a1?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/vmap/jquery.vmap.world.js?16677403c0e1bef1?1732286508"></script> <script> function updateSlick() { $('.multiple-items').slick('setPosition'); } $(document).ready(function() { $('.multiple-items').slick({ slidesToShow: 1, nextArrow: '<a class="slick-next" href="#"><i class="material-icons">chevron_right</i></a>', prevArrow: '<a class="slick-prev" href="#"><i class="material-icons">chevron_left</i></a>', slidesToScroll: 1, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, } } ] }); $('.multiple-items').show(); $(document).on('click', '.reviewReportSelector', function(e) { let path = $(this).attr('data-path'); handleReviews(path, $(this)); }); $(document).on('click', '.viewReviewReports', function(e) { let versionOne = $('#versionTab_1'); if (!versionOne.hasClass('activeTab')) { let path = $(this).attr('data-path'); handleReviews(path, versionOne); } location.href = "#reviewReports"; }); $(document).on('click', '.reviewersResponse, .authorResponse', function(e) { let version = $(this).attr('data-version'); let targetVersion = $('#versionTab_' + version); if (!targetVersion.hasClass('activeTab')) { let path = targetVersion.attr('data-path'); handleReviews(path, targetVersion); } location.href = $(this).attr('data-link'); }); $(document).on('click', '.tab', function (e) { e.preventDefault(); $('.tab').removeClass('activeTab'); $(this).addClass('activeTab') $('.tab').each(function() { $(this).closest('.tab-title').removeClass('active'); }); $(this).closest('.tab-title').addClass('active') }); }); function handleReviews(path, target) { $.ajax({ url: path, context: this, success: function (data) { $('.activeTab').removeClass('activeTab'); target.addClass('activeTab'); $('#reviewSection').html(data.view); }, error: function (xhr, ajaxOptions, thrownError) { console.log(xhr.status); console.log(thrownError); } }); } </script> <script src="https://pub.mdpi-res.com/assets/js/xmltohtml/affix.js?v1?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/xmltohtml/storage.js?e9b262d3a3476d25?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/xmltohtml/jquery-scrollspy.js?09cbaec0dbb35a67?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/xmltohtml/magnific-popup.js?4a09c18460afb26c?1732286508"></script> <script src="https://pub.mdpi-res.com/assets/js/xmltohtml/underscore.js?f893e294cde60c24?1732286508"></script> <script type="text/javascript"> $('document').ready(function(){ $("#left-column").addClass("show-for-large-up"); $("#middle-column").removeClass("medium-9").removeClass("left-bordered").addClass("medium-12"); $(window).on('resize scroll', function() { /* if ($('.button--drop-down').isInViewport($(".top-bar").outerHeight())) { */ if ($('.button--drop-down').isInViewport()) { $("#js-button-download").hide(); } else { $("#js-button-download").show(); } }); }); $(document).on('DOMNodeInserted', function(e) { var element = $(e.target); if (element.hasClass('menu') && element.hasClass('html-nav') ) { element.addClass("side-menu-ul"); } }); </script> <script src="https://pub.mdpi-res.com/assets/js/xmltohtml/articles.js?5118449d9ad8913a?1732286508"></script> <script> repositionOpenSideBar = function() { $('#left-column').addClass("show-for-large-up show-for-medium-up").show(); $('#middle-column').removeClass('large-12').removeClass('medium-12'); $('#middle-column').addClass('large-9'); } repositionCloseSideBar = function() { $('#left-column').removeClass("show-for-large-up show-for-medium-up").hide(); $('#middle-column').removeClass('large-9'); $('#middle-column').addClass('large-12').addClass('medium-12'); } </script>   <script type="text/plain" data-cookieconsent="marketing"> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o2pip'); twq('track','PageView'); </script>  <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e6e11e84f5e3e07',t:'MTczMjMzMjUxNS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

CINXE.COM

Delicious Cyber Ghost: Using Pepper&rsquo;s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education

Delicious Cyber Ghost: Using Pepper’s Ghost in Computer-Aided Design to Enhance Cantonese Morning Tea Education