Repolode
elijah-semyonov

elijah-semyonov/DuoLikeAnimation

SwiftUI Metal 셰이더와 Core Motion을 사용해 접이식 iPhone의 접히는 애니메이션을 흉내 내고, 화면을 반투명 유리처럼 보이게 하는 iOS 데모입니다.

스타
158
포크
40
열린 이슈
0
마지막 커밋
지난달

어떤 프로젝트인가요?

DuoLikeAnimation은 SwiftUI 셰이더와 Core Motion만으로 iPhone Duo의 접히는 애니메이션을 흉내 내는 iOS 데모 프로젝트입니다. Metal layerEffect가 기기의 실시간 자세 데이터를 받아, 평평한 휴대폰 화면이 접이식 기기의 한쪽 면처럼 접히는 모습을 연출합니다.

이 효과는 화면을 반투명 유리판처럼 다룹니다. 기기를 수직축을 중심으로 기울여도 인터페이스는 월드 공간에 고정된 상태를 유지합니다. 셰이더는 원근 투영으로 화면을 다시 투영하고, 유리와 인터페이스 평면 사이의 간격에 비례해 흐리게 하고 어둡게 처리하며, 광선이 인터페이스에 닿지 않는 영역은 검은색으로 렌더링합니다. 기본적으로 보는 사람의 눈은 손에 든 기기로부터 320mm 떨어진 위치에 있는 것으로 모델링합니다.

프로젝트에는 셰이더, 조정 가능한 매개변수를 제공하는 SwiftUI modifier, 기울기가 0인 자세를 보정하는 Core Motion 모델, 재보정 및 수동 기울기 조절 패널이 포함된 데모 뷰가 있습니다. 시뮬레이터에서는 모션 데이터를 사용할 수 없으므로 수동 기울기 조절이 기본으로 활성화됩니다.

핵심 기능

  • 01Metal layerEffect 셰이더가 원근 재투영, 거리에 따른 흐림 및 어둡게 처리를 수행합니다.
  • 02Core Motion이 기기의 자세 데이터를 제공하고 첫 샘플을 기준으로 기울기가 0인 자세를 보정합니다.
  • 03조정 가능한 매개변수를 제공하는 .foldEffect(angle:parameters:) modifier입니다.
  • 04떠 있는 패널에서 재보정 및 수동 기울기 조절을 지원합니다.
  • 05시뮬레이터에서는 수동 기울기 조절이 기본으로 활성화됩니다.

활용 사례

  • Metal을 사용해 SwiftUI layerEffect 셰이더를 작성하는 방법을 학습합니다.
  • iOS에서 접이식 기기 또는 3D 기울기 인터페이스 효과를 프로토타이핑합니다.
  • Core Motion의 자세 데이터로 시각 효과를 구동하는 방법을 살펴봅니다.

빠른 시작

  1. 1

    Xcode에서 DuoLikeAnimation.xcodeproj를 엽니다

  2. 2

    iOS 기기에서 앱을 실행합니다(시뮬레이터에는 모션 데이터가 없으므로 기울기는 수동으로 조작합니다)

사용 전 알아둘 점

  • iOS 전용이며, 실제 기울기 효과를 사용하려면 모션 센서가 탑재된 실기기가 필요합니다.
  • 재사용 가능한 라이브러리가 아닌 데모 프로젝트입니다.

토픽

자주 묻는 질문

DuoLikeAnimation은(는) 무엇인가요?
SwiftUI Metal 셰이더와 Core Motion을 사용해 접이식 iPhone의 접히는 애니메이션을 흉내 내고, 화면을 반투명 유리처럼 보이게 하는 iOS 데모입니다. DuoLikeAnimation은 SwiftUI 셰이더와 Core Motion만으로 iPhone Duo의 접히는 애니메이션을 흉내 내는 iOS 데모 프로젝트입니다. Metal layerEffect가 기기의 실시간 자세 데이터를 받아, 평평한 휴대폰 화면이 접이식 기기의 한쪽 면처럼 접히는 모습을 연출합니다.
DuoLikeAnimation은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
DuoLikeAnimation은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
DuoLikeAnimation은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. DuoLikeAnimation의 마지막 커밋은 2026년 9월 11일입니다.
DuoLikeAnimation은(는) 어디에 사용할 수 있나요?
Metal을 사용해 SwiftUI layerEffect 셰이더를 작성하는 방법을 학습합니다. iOS에서 접이식 기기 또는 3D 기울기 인터페이스 효과를 프로토타이핑합니다. Core Motion의 자세 데이터로 시각 효과를 구동하는 방법을 살펴봅니다.
DuoLikeAnimation는 어떻게 설치하나요?
Xcode에서 DuoLikeAnimation.xcodeproj를 엽니다 iOS 기기에서 앱을 실행합니다(시뮬레이터에는 모션 데이터가 없으므로 기울기는 수동으로 조작합니다)
DuoLikeAnimation은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/elijah-semyonov/DuoLikeAnimation

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트