자바스크립트와 css로 개발한 이미지 웹앱은 대개 다음과 같은 특징을 갖고 있다.
1 이미지 수정
2 다운로드
이번 포스팅에서 소개할 Big Heads와 Wrap SVG는 이미지 웹앱의 정석을 보여준다.
먼저 Big Heads부터 살펴보자.
Big Heads
https://bigheads.io/?ref=sidebar
Big Heads는 말 그대로 캐릭터 상반신을 생성해주는 사이트다.
SVG 및 기타 이미지 포맷으로 완성작을 다운로드할 수 있고,
코드 붙이기로 어디든지(프론트) 사용가능하다.
[bigHeads제작]
big Heads의 항목별로 조합했을 경우에
8,573,040,000
거의 80억 여개의 캐릭터를 제작할 수 있다.
현재 빅데이터 분야는 대부분 하드웨어(센서)에서 수집된 자료와 수치적 데이터로 채워져있다.
하지만 인문사회 과학 분야에서는 센서가 기록한 데이터보다 사람들의 심리적 데이터가 중요하다.
만일 Big Heads와 같은 방식으로 데이터를 확보한다면,
유저의 심리적 거부감을 최대한 낮춘 상태에서 양질의 데이터를 구축하기에 유리하다.
Wrap SVG
'Warp SVG'는 워프기능(이미지 왜곡기능)을 제공하고, 결과물을 다운받을 수 있는 웹앱이다.
https://pavellaptev.github.io/warp-svg/?ref=sidebar
Warp는 포토샵에서 왜곡된 사진을 펼치거나 그 반대일 때 사용하는 기능이다.
WARP SVG 웹앱 역시 포토샵의 Warp와 비슷하다.
설명으로는 자신의 svg파일을 올려서 인위적으로 왜곡할 수 있다고 하는데,
보다시피 에러율이 상당하다.
결론
Warp SVG는 높은 에러율 때문에 제대로 사용하지 못했지만 콘텐츠 웹앱 개발자들에게 있어
Big Heads, WARP SVG와 같은 웹앱들은 유용한 정보를 제공해준다.
특히, 위의 두 프로젝트의 경우에는
Github을 통해 소스를 공개하고 있기 때문에 가치가 높다.
'라이브러리 창고 > 레이아웃 · 내비게이션 메뉴 · 버튼' 카테고리의 다른 글
깔끔한 일러스트, png(무료) 제공사이트 (0) | 2020.08.12 |
---|---|
버튼 라이브러리 샤론.js (0) | 2020.07.28 |
무료 아이콘 생성기 Tabler Icons (0) | 2020.07.23 |
xp스타일 css라이브러리 xp.css (0) | 2020.05.26 |
라이트박스 JS플러그인 chocolat.js (0) | 2020.05.04 |
댓글