facetest.kr 심심풀이용 페이지

제목 

- facetest.kr  => Face Break

간략 소개 

- 남녀 연예인들 얼굴 사이에 누군가의 얼굴을 넣어 오징어로 만드십시오.

주요 정보 

- php, javascript, ajax, jquery 사용

- js/css 파일 경로, include 등의 편의를 위하여 그누보드 사용

- php 이미지 관련 함수 (php gd) 들을 사용하여, 이미지 타입 변경 ex) png → jpeg / 썸네일 생성 / 이미지 자르기 / 이미지 합치기  / 워터 마크 삽입 등의 기능 구현

- php header 를 사용하여 이미지 다운로드 기능 구현

- jquery.Jcrop.js 플러그인을 사용하여 이미지 드래그 영역 선택 및 자르기 기능 삽입

스크린샷 

남자버전

여자버전

이미지 업로드 및 이미지 영역 드래그 선택

이미지 합치기 & 다운로드 결과물

지인에게 아이디어를 제공받아, 재미삼아 만들어본 원페이지 사이트입니다.

디자인에는 거의 신경쓰지 않아서 소위 말하는 개발자스러운(?) 디자인이 되어버렸지만, 나름대로 깔끔한 맛은 있네요.

별 것 아닌 것 같은 사이트이지만, 원페이지 치고는 은근히 많은 기능들이 합쳐져서 만들어진 사이트라 올려보았습니다.

→ 체험 : Face Break