배너 이미지

&TWICE 웹 카메라

최종 수정일 : (4개월 전)

Github
카메라 앱 링크

트와이스의 일본 앨범 "&TWICE"의 발매를 맞아 진행하는 [&TWICE Web 카메라 컨텐츠]란 이벤트를 보고 제작하게 됐습니다.

그냥 트와이스 멤버가 들어간 액자(프레임)가 있고, 본인이 찍은 사진을 그 안에 집어넣어서 사진을 만드는 단순한 이벤튼데, Web 카메라라면서 찍어둔 사진만 업로드가 가능하길래, HTML5 Canvas 공부도 할 겸 실제로 카메라를 쓰는 앱을 만들어 봤습니다.

굉장히 단순한 앱입니다.

화면 아래 카메라 버튼을 누르면 사진을 다운로드하고, 그 아래에 있는 버튼은 전 / 후면 카메라 전환 버튼입니다.
아래에 있는 멤버 프레임을 선택하면 프레임이 변경됩니다.

비디오를 canvas에 그려서 그런지 사진을 저장하려 하니 network error라면서 다운로드가 안되길래 좀 고생한 것 빼면 큰 문제는 없었습니다.

사진 예시.

You & (멤버 이름).png 형태로 파일이 저장됩니다.


profile

이메일 주소는 공개되지 않습니다.

주의 : 비밀 댓글 사용 시 수정 기능을 이용할 수 있는 시간이 지나면 작성자도 내용 확인이 불가능합니다.
카카오페이 qr코드 모바일이시라면 클릭