아사마루
23
2015-08-12 20:24:34
0
1528

제가 만든 Sprite CSS/Image 생성기 한번 올려 봅니다.


제가 필요해서 만들어 본 도구를 한번 올려 봅니다.
제 필요에 맞게 만들어 도움이 될려나 모르겠지만 혹여 필요하신 분들은 한번 사용해 보시고 개선할 부분들이 있으면 알려주세요.
소스는 github에 공개되어 있으니 필요에 맞게 수정해서 사용하셔도 됩니다.
이미 많은 도구들이 나와 있지만 제가 필요하다 싶은 기능들이 없어서 다른 도구들을 참고해서 만들어 봤습니다.

sprite css가 어떤 것인지에 대해서는 대부분 아실테지만 구글에서 내용을 검색한 링크를 남겨 봅니다.


아래의 주소에서 바로 사용하실 수 있습니다. 
단, 서버없이 브라우저에서 모두 처리하기 위해 canvas를 사용하기 때문에 최신 브라우저만 지원합니다.  (정확하게는 크롬에서만 테스트 했습니다)

크롬 익스텐션도 만들어 올렸습니다.(크롬 익스텐션도 개발자 등록을 해야되더군요. $5 ... 이런...) 그냥 바로가기 링크랑 기능이 동일합니다. 


사이트는 해외에서도 사용할 수 있게 영어로 되어 있습니다. (영어가 많이 딸려서 오탈자가 많을 겁니다. 능력되시는 분은 틀린 문구를 알려주시면 감사하겠습니다.)

혹시나 간식값이라도 나올까 싶어 광고도 하나 달아봤습니다. 너그러이 봐주시길 ㅋ

잘만들어진 많은 도구들이 있습니다만 굳이 새로 만든 이유는 export 기능 때문 입니다. 보통 sprite image를 생성한 후에 사용된 작은 이미지들을 따로 관리하지 않아서 수정하거나 추가할 것이 생겼을 때 귀찮더라구요. 그래서 export 기능을 추가 했습니다. sprite.json 파일을 함께 export하는데 이 파일에서 생성시에 설정한 옵션과 원본이미지들이 모두 포함되어 있어서 수정이 필요하면 이 파일만 import해서 수정할 수 있습니다.

그럼 많은 평가 부탁드립니다.

asamaru@asamaru.net 



제작시 참고한 소스는 다음과 같습니다.

1
  • 댓글 0

  • 로그인을 하시면 댓글을 등록할 수 있습니다.