카메라 앱 링크

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

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

굉장히 단순한 앱입니다.

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

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

사진 예시.

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

profile

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

(?)

  1. 예전에 아이유도 이런앱이 있어서 사용했던 기억이나네요 ㅎㅎ

    그때 사진도 그렇고 트와이스 웹카메라도 그렇고 차마 인증은 못하겠지만 잘 활용해보겠습니다 🙂

    https://t1.daumcdn.net/cfile/tistory/99767D3C5DC58B1C31?original

    1. 아이유는 무슨 사진 들어있나 보려고 했는데, 도무지 뭐라고 검색해야 할지를 몰라서 찾을 수가 없네요. 😂

      만들고 사진 좀 찍어보니 나름의 재미는 있더라고요...ㅋㅋㅋㅋ

      https://i.ytimg.com/vi/m6G8uL42_dM/maxresdefault.jpg