Lee Yun ha's portfolio[ CASE / 01 ] · Spatial UI · WebGL · 2026
Liquid Interface
리퀴드 인터페이스 — 공간 컴퓨팅 환경을 위한 실시간 리퀴드 메탈 UI 시스템.
ClientMETA · REALITY LABS
Year2026
TypeSpatial UI · WebGL
RoleLead Interaction Designer
ToolsThree.js · GLSL · TouchDesigner · Figma · Quest 3
++++LIQUID INTERFACE · 2026(01) What is this project?
— 이 프로젝트는 무엇인가
— 이 프로젝트는 무엇인가
A real-time liquid metal UI system for spatial computing.
공간 컴퓨팅 환경을 위한 실시간 리퀴드 메탈 UI 시스템.
(02) Why did we make it?
— 왜 만들었는가
— 왜 만들었는가
공간 인터페이스에서 '만질 수 있을 것 같은' 물성을 만드는 실험.
(03) The problem
— 해결하려 한 문제
— 해결하려 한 문제
차가운 글라스 UI 대신, 사용자의 시선과 손짓에 반응하는 부드러운 표면이 필요했습니다.
(04) Design process
— 디자인 프로세스
— 디자인 프로세스
- / 01Reference study — chrome, mercury, soap film
- / 02GLSL shader prototyping in TouchDesigner
- / 03Three.js + custom raymarcher
- / 04Hand-tracking integration with Quest 3
(05) Interaction
— 인터랙션 설명
— 인터랙션 설명
"사용자가 가까이 다가오면 표면 장력이 늘어나고, 손가락 끝의 거리에 따라 굴절률이 변합니다."
(06) Tools used
— 사용한 툴
— 사용한 툴
Three.jsGLSLTouchDesignerFigmaQuest 3
(07) Reflection & insight
— 회고와 인사이트
— 회고와 인사이트
물성은 표현이 아니라 관계라는 것을 다시 배웠습니다. 인터페이스가 사용자의 거리를 인식할 때, UI는 비로소 살아 있는 것처럼 느껴집니다.