작업 목록

TouchDesigner Visual Experiment

손과 몸의 움직임이 실시간으로 윤곽선과 색으로 바뀝니다. 카메라 입력부터 화면 출력까지 TouchDesigner로 연결한 개인 인터랙티브 연구입니다.

연도
2024
구성
개인 작업
역할
카메라 움직임에 따라 윤곽선과 색상이 바뀌는 화면을 TouchDesigner로 구현한 개인 R&D.
도구
TouchDesigner

작품 영상

브라우저 체험 · 실시간

직접 해 보기

TouchDesigner 실험의 파란색 윤곽 출력 화면

카메라 영상은 이 브라우저 안에서만 처리되며 저장하거나 전송하지 않습니다.

과제

추상적인 출력 화면에서도 카메라 입력과 반응의 관계가 읽히도록 구성.

맡은 일

  • 카메라 입력을 실시간 비주얼 소스로 연결
  • 에지 추출로 인물과 손의 윤곽 분리
  • 윤곽선과 색상 변화를 조합해 세 가지 출력 버전 제작
  • 원본 카메라 화면과 세 가지 색상 출력의 비교 구성

카메라 입력을 윤곽선과 색 변화로

TouchDesigner 실험에 사용한 카메라 원본 입력

카메라 영상을 실시간 입력으로

카메라 영상을 TouchDesigner로 입력, 인물·손 움직임을 실시간 출력에 연결.

  • TouchDesigner
  • 카메라 입력
  • 실시간
인물의 윤곽선과 색상이 재구성되는 실시간 출력

경계를 추출해 색상 재구성

입력 영상의 밝기·경계 추출, 윤곽과 색상을 다시 구성하는 노드 연결.

  • 경계 추출
  • 대비
  • 노드 구성
파란색 계열의 실시간 출력 화면
파란색 출력
초록색 계열의 실시간 출력 화면
초록색 출력

같은 입력, 세 가지 색 변형

파란색·붉은색·초록색으로 색 매핑과 대비를 달리한 세 가지 출력 제작. 동일 움직임의 색상별 차이 비교.

  • 색 매핑
  • 색 변형
  • 시각 비교
카메라 움직임에 반응해 형태가 이어지는 TouchDesigner 실시간 출력

입력 화면과 반응 화면의 비교

인물·손의 움직임이 윤곽선과 색 변화로 이어지는 모습을 원본 카메라 화면과 비교.

  • 카메라 입력
  • 실시간
  • 프로토타입

결과

카메라 입력·윤곽 추출·색상 재구성·실시간 출력을 하나로 연결한 프로토타입 완성.

카메라 입력의 윤곽을 파란색·붉은색·초록색 출력으로 재구성했습니다. 인물과 손의 움직임이 세 화면에서 서로 다른 색으로 나타납니다.

다음 작업캐릭터 IP 숏폼 프로젝트