<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Lu&#39;s Blog</title>
		<link>https://starstartlliu-design.github.io/myblog/</link>
		<description>Recent content on Lu&#39;s Blog</description>
		<generator>Hugo</generator>
		<language>en-us</language>
		
		
		
		
			<lastBuildDate>Sat, 07 Nov 2026 12:00:00 +0100</lastBuildDate>
		
			<atom:link href="https://starstartlliu-design.github.io/myblog/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Beyond Conventional Interfaces: Chris Harrison’s Research on Sensing and Haptic Interaction</title>
				<link>https://starstartlliu-design.github.io/myblog/posts/hci-homework-2/lecture-4/</link>
				<pubDate>Sat, 31 Oct 2026 00:00:00 +0200</pubDate>
				<guid>https://starstartlliu-design.github.io/myblog/posts/hci-homework-2/lecture-4/</guid>
				<description>&lt;h1 id=&#34;beyond-conventional-interfaces-chris-harrisons-research-on-sensing-and-haptic-interaction&#34;&gt;&#xD;&#xA;  Beyond Conventional Interfaces: Chris Harrison&amp;rsquo;s Research on Sensing and Haptic Interaction&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#beyond-conventional-interfaces-chris-harrisons-research-on-sensing-and-haptic-interaction&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h1&gt;&#xD;&#xA;&lt;p&gt;&lt;strong&gt;HCI Homework 2 — Lecture 4&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;1-introduction-who-is-chris-harrison&#34;&gt;&#xD;&#xA;  1. Introduction: Who Is Chris Harrison?&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#1-introduction-who-is-chris-harrison&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h2&gt;&#xD;&#xA;&lt;p&gt;Chris Harrison is a professor at Carnegie Mellon University&amp;rsquo;s Human-Computer Interaction Institute (HCII) and the director of the Future Interfaces Group (FIG). His research explores new ways for people to interact with computers by combining sensing technologies, computer vision, physical computing, and interface design.&lt;/p&gt;</description>
			</item>
			<item>
				<title>From Virtual Images to Physical Reality: Revisiting Ivan Sutherland’s The Ultimate Display</title>
				<link>https://starstartlliu-design.github.io/myblog/posts/hci-homework-2/lecture-5/</link>
				<pubDate>Sat, 31 Oct 2026 00:00:00 +0200</pubDate>
				<guid>https://starstartlliu-design.github.io/myblog/posts/hci-homework-2/lecture-5/</guid>
				<description>&lt;h1 id=&#34;from-virtual-images-to-physical-reality-revisiting-ivan-sutherlands-the-ultimate-display&#34;&gt;&#xD;&#xA;  From Virtual Images to Physical Reality: Revisiting Ivan Sutherland&amp;rsquo;s &lt;em&gt;The Ultimate Display&lt;/em&gt;&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#from-virtual-images-to-physical-reality-revisiting-ivan-sutherlands-the-ultimate-display&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h1&gt;&#xD;&#xA;&lt;p&gt;&lt;strong&gt;HCI Homework 2 — Lecture 5&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;1-introduction&#34;&gt;&#xD;&#xA;  1. Introduction&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#1-introduction&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h2&gt;&#xD;&#xA;&lt;p&gt;In 1965, Ivan Sutherland published &lt;em&gt;The Ultimate Display&lt;/em&gt;, a short but remarkably influential paper describing how computers might transform human interaction with virtual environments.&lt;/p&gt;&#xA;&lt;p&gt;At a time when computer graphics and interactive displays were still emerging, Sutherland imagined systems that could respond to human movement, recognize gaze direction, generate physical forces, and present experiences that would otherwise be impossible in the real world.&lt;/p&gt;</description>
			</item>
			<item>
				<title>The Rise and Fall of Microsoft Kinect: Why Technological Innovation Does Not Guarantee Interaction Success</title>
				<link>https://starstartlliu-design.github.io/myblog/posts/hci-homework-2/lecture-6/</link>
				<pubDate>Sat, 31 Oct 2026 00:00:00 +0200</pubDate>
				<guid>https://starstartlliu-design.github.io/myblog/posts/hci-homework-2/lecture-6/</guid>
				<description>&lt;h1 id=&#34;the-rise-and-fall-of-microsoft-kinect-why-technological-innovation-does-not-guarantee-interaction-success&#34;&gt;&#xD;&#xA;  The Rise and Fall of Microsoft Kinect: Why Technological Innovation Does Not Guarantee Interaction Success&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#the-rise-and-fall-of-microsoft-kinect-why-technological-innovation-does-not-guarantee-interaction-success&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h1&gt;&#xD;&#xA;&lt;p&gt;&lt;strong&gt;HCI Homework 2 — Lecture 6&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;1-introduction&#34;&gt;&#xD;&#xA;  1. Introduction&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#1-introduction&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h2&gt;&#xD;&#xA;&lt;p&gt;In November 2010, Microsoft introduced Kinect for the Xbox 360, a motion-sensing device that allowed people to control games using their bodies instead of conventional handheld controllers.&lt;/p&gt;&#xA;&lt;p&gt;The concept was ambitious: users could become the controller themselves. By combining depth sensing, computer vision, and real-time human pose estimation, Kinect made full-body interaction available to millions of consumers.&lt;/p&gt;</description>
			</item>
			<item>
				<title>HCI Lab 1 — Hugo Blog Setup and Unity ML-Agents Experiment</title>
				<link>https://starstartlliu-design.github.io/myblog/posts/hci-lab-1/</link>
				<pubDate>Sat, 07 Nov 2026 12:00:00 +0100</pubDate>
				<guid>https://starstartlliu-design.github.io/myblog/posts/hci-lab-1/</guid>
				<description>&lt;style&gt;&#xD;&#xA;.post-content:has(.hci-lab1-marker) table { display:block; max-width:100%; overflow-x:auto; }&#xD;&#xA;.post-content:has(.hci-lab1-marker) .katex-display { overflow-x:auto; overflow-y:hidden; padding:.4rem 0; }&#xD;&#xA;.post-content:has(.hci-lab1-marker) figure { margin:2rem 0; }&#xD;&#xA;.post-content:has(.hci-lab1-marker) figcaption p { text-align:center; font-size:.9em; }&#xD;&#xA;&lt;/style&gt;&#xD;&#xA;&lt;p&gt;&lt;span class=&#34;hci-lab1-marker&#34; hidden&gt;&lt;/span&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;1-introduction&#34;&gt;&#xD;&#xA;  1. Introduction&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#1-introduction&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h2&gt;&#xD;&#xA;&lt;p&gt;This laboratory consisted of two main activities: setting up a personal academic blog using Hugo and exploring reinforcement learning with Unity ML-Agents.&lt;/p&gt;&#xA;&lt;p&gt;The first activity focused on creating a functional website for documenting HCI coursework. The second involved configuring a Unity reinforcement learning environment, developing a new agent task, training a policy, and evaluating its performance.&lt;/p&gt;</description>
			</item>
			<item>
				<title>HCI Homework 1</title>
				<link>https://starstartlliu-design.github.io/myblog/posts/hci-homework-1/</link>
				<pubDate>Tue, 29 Sep 2026 00:00:00 +0000</pubDate>
				<guid>https://starstartlliu-design.github.io/myblog/posts/hci-homework-1/</guid>
				<description>&lt;h1 id=&#34;lecture-1-affordances&#34;&gt;&#xD;&#xA;  Lecture 1: Affordances&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#lecture-1-affordances&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h1&gt;&#xD;&#xA;&lt;h2 id=&#34;good-affordance--the-login-screen-in-genshin-impact&#34;&gt;&#xD;&#xA;  Good Affordance – The Login Screen in Genshin Impact&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#good-affordance--the-login-screen-in-genshin-impact&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h2&gt;&#xD;&#xA;&lt;p&gt;The login screen of &lt;em&gt;Genshin Impact&lt;/em&gt; is a good example of affordance in a digital interface. A large door is placed at the center of the screen, directly in front of the player. A door naturally suggests the action of entering or passing through it. At the same time, the text &lt;strong&gt;“Click to Begin”&lt;/strong&gt; (点击进入 in the Chinese version) explicitly tells the user how to perform this action.&lt;/p&gt;</description>
			</item>
			<item>
				<title>HCI</title>
				<link>https://starstartlliu-design.github.io/myblog/courses/hci/</link>
				<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
				<guid>https://starstartlliu-design.github.io/myblog/courses/hci/</guid>
				<description>&lt;h2 id=&#34;coursework&#34;&gt;&#xD;&#xA;  Coursework&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#coursework&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h2&gt;&#xD;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://starstartlliu-design.github.io/myblog/posts/hci-homework-1/&#34; &gt;HCI Homework 1&lt;/a&gt;: Affordances, Gestalt Laws, and Dark Design Patterns.&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://starstartlliu-design.github.io/myblog/posts/hci-homework-2/&#34; &gt;HCI Homework 2&lt;/a&gt;: Lecture 4, Lecture 5, and Lecture 6.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;laboratories&#34;&gt;&#xD;&#xA;  Laboratories&#xD;&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#laboratories&#34;&gt;&#xD;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link to heading&#34;&gt;&lt;/i&gt;&#xD;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link to heading&lt;/span&gt;&#xD;&#xA;  &lt;/a&gt;&#xD;&#xA;&lt;/h2&gt;&#xD;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://starstartlliu-design.github.io/myblog/posts/hci-lab-1/&#34; &gt;HCI Lab 1 — Hugo Blog Setup and Unity ML-Agents Experiment&lt;/a&gt;: Blog setup, the Moving Target Challenge, PPO training, and independent evaluation.&lt;/li&gt;&#xA;&lt;/ul&gt;</description>
			</item>
	</channel>
</rss>
