비전프로 사용자들을 위한 초점 테스트 웹앱입니다. 비전프로를 사용하다 보면 초점을 재설정한 이후 며칠내로 유튜브 전체화면 보기 등 작은 버튼을 정확하게 누르기가 어렵다는 것을 느끼게 됩니다. 이 때 정말 초점이 흐려진 것인지 그렇게 느껴지는 것일 뿐인지 정확하게 테스트 하기 위해 웹앱을 만들었습니다. 기획부터 개발까지 4시간 정도 소요된 최소 규모 토이프로젝트입니다.
FEATURE
- 화면의 크기 만큼 점이 10px 단위로 나타납니다.
- 비전프로로 점을 바라보면 Vision OS에서 자체적으로 hover 효과가 적용되어 초점이 어디에 위치하는지 파악할 수 있습니다.
- 타겟(주황색 점)이 1.5s 에 한번 위치를 바꾸며 등장합니다. 비전프로로 정확히 타겟을 바라보고 꼬집으면 점수를 획득합니다.
- 정확도에 따른 점수 기능으로 초점의 정확도를 정량적으로 측정할 수 있도록 설정했습니다.
- 검정 화면과 흰 화면에서 동공의 크기가 달라 정확도가 차이날 수 있기에, 우측 하단의 버튼을 눌러 양쪽 모두에서 초점 테스트를 진행할 수 있도록 구현 했습니다.
STACKS
- Next.js 14