•
특정 이미지를 카메라로 비추면 그 위에 다른 이미지가 오버레이 되어 보여지는 AR 기능을 실습해보도록 하겠습니다.
•
AR 기능 실습을 위해 샘플 이미지를 첨부하였습니다. 타겟 이미지와 오버레이 이미지를 다운받아서 활용해보시길 바랍니다.
1. AR 액션 설정
•
AR 기능을 설정하고 싶은 미션 → 퀘스트로 이동합니다.
•
액션 종류에서 '[카메라] AR 이미지 인식'을 선택합니다.
2. 액션 세부사항 설정
•
'사용자가 찍어야 하는 이미지'와 '촬영 성공 시 보여질 이미지'를 업로드합니다.
•
'사용자가 찍어야 하는 이미지'의 경우 반드시 JPG 파일로 업로드해주시길 바랍니다.
배경이 투명한 PNG 파일을 업로드 할 경우, AR 인식 과정에서 에러가 발생할 수 있습니다.
•
'찍어야 하는 이미지 너비 (m 단위)'와 '찍어야 하는 이미지 높이 (m 단위)'는 이미지 사이즈로서 이 항목을 채워넣으면 이미지 인식이 더욱 잘 됩니다.
•
'촬영 성공 시 누를 버튼 레이블'은 AR 인식 후 활성화되는 버튼에 들어갈 텍스트입니다.
•
만약 AR 촬영 시 어떤 대상을 비춰야 하는지 힌트를 알려주시고 싶다면 '가이드 이미지' 항목에 이미지를 업로드해주시면 됩니다. '가이드 이미지' 항목은 필요할 경우에만 활용해도 무방한 선택사항이며, 업로드 하지 않더라도 AR 작동에는 영향을 미치지 않습니다.
•
3. 리액션 설정
•
리액션 조건은 '조건 없음'으로 설정합니다.
•
리액션은 적절히 채워줍니다.
•
오답이 발생되는 기능이 아니기 때문에 '오답시 리액션'은 수정하지 않아도 무방합니다.
4. 리얼월드 앱에서 확인
•
리얼월드 앱에서 확인하면 AR 기능이 잘 작동하고 있음을 알 수 있습니다.
.png&blockId=ebc25d0d-cdf6-4ef3-aef2-b79c5df407ec)
.png&blockId=8aefd2c0-1699-41b5-a1fa-d827e7ed4198)
[추가 설명] 가이드 이미지 활용 방법에 대한 안내
가이드 이미지 작동 방식
•
'가이드 이미지'는 AR 촬영 시 어떤 대상을 비춰야 하는지 힌트를 알려주시고 싶을 때 활용하면 효과적입니다.
•
예를 들어, 아래와 같은 PNG 이미지를 '가이드 이미지'로 지정할 경우, AR 작동 시 투명도(opacity)가 적용된 상태로 화면에 띄워집니다.
우측 이미지 참고 →
•
AR 타겟 이미지(사용자가 찍어야 하는 이미지) 인식이 완료되면 '가이드 이미지'는 사라집니다.
•
'가이드 이미지'가 AR 인식 과정에는 영향을 미치지 않습니다. 다시 말해, 굳이 '가이드 이미지'를 'AR 타겟 이미지'에 정확히 겹쳐지게 비추지 않더라도 AR은 정상적으로 인식됩니다.
가이드 이미지가 적용된 AR 작동화면 미리보기
가이드 이미지 적용 팁
•
가이드 이미지의 투명도(opacity)는 앱에서 자동으로 처리됩니다. 원본 이미지에 별도의 투명도 처리를 하지 않아도 무방합니다.
•
'가이드 이미지' 위치는 상/하/좌/우를 기준으로 화면 중앙에 배치되며, 화면의 높이 또는 너비에 맞춰 가득 채워진 형태로 띄워집니다.
너비가 더 긴 이미지일 경우, 좌우를 기준으로 화면에 가득 찬 형태로 중앙 배치
높이가 더 긴 이미지일 경우, 상하를 기준으로 화면에 가득 찬 형태로 중앙 배치
•
만약 화면 상에서 보여지는 '가이드 이미지' 크기를 작게 조절하고 싶을 경우, 원본 이미지에서 상/하/좌/우 여백을 적절히 넣어주시면 됩니다.
ⓒ 2023 Uniquegood Company All Rights Reserved.