cairo로 반사효과 내기

jg의 이미지

요즘 바닥에 반사하는 이미지를 심심치 않게 보는데요.
cairo를 이용하여 간단하게 짜보았습니다. (다른 건 할 줄 모르는..)
MIT License 입니다.

컴파일방법은 소스코드 안에 적혀있습니다.
다만 첨부파일이 gzip으로 압축되어 있으므로

gzip -d cairo-reflect.c.gz
# 로 풀어주신 후에
gcc cairo-reflect.c -o cairo-reflect `pkg-config cairo --cflags --libs`
# 로 컴파일하시면 됩니다.

사용방법

cairo-reflect [옵션] (소스이름.png) (저장이름.png)
옵션:
  -rr|--rratio  반사 높이 비율 (0 <  허용값 <= 1.0)
  -op|--opacity 반사 투명도    (0 <  허용값 <= 1.0)

아래는 한 예입니다.

※ png 파일만 허용됩니다.

--
ChangeLog?

* MIT License 로 바꿉니다..
* 반사 높이와 투명도 옵션을 추가하였습니다.

File attachments: 
첨부파일 크기
Image icon odf-reflected.png29.56 KB
Binary Data cairo-reflect.c.gz2.14 KB
Forums: 
jg의 이미지

세로로 길게 차지하지만 않는다면 아바타로 적용해 봄직합니다. =_=;;

댓글 첨부 파일: 
첨부파일 크기
Image icon foo-reflected.png7.13 KB
Image icon foo-reflected.png9.69 KB

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

7339989b62a014c4ce6e31b3540bc7b5f06455024f22753f6235c935e8e5의 이미지

http://cow.neondragon.net/stuff/reflection/

HTML+자바스크립트-_-;;로도 가능합니다. 별도의 이미지 없이요.

jg의 이미지

하하, 사실 응용프로그램 만들다가 떼어낸 기능이에요.
아무튼 링크 감사합니다.

조금 더 응용하면 텍스트 넘겨줘서
cairo로 트루타입폰트로 글씨를 쓴다음에 반사효과를 추가 할 수 있습니다.

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

http://cow.neondragon.net/stuff/reflection/reflectomatic.html

에서 테스트할 수 있게 되어있네요. 매우 유용하군요 ^^

댓글 첨부 파일: 
첨부파일 크기
Image icon foo-reflected.png43.61 KB

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

doodoo의 이미지

그런데 아이콘의 사진은 누구일까요?

jg의 이미지

탐해서는 안될
탐크루즈의 부인이자 한 아이의 어머니 케이티 홈즈 입니다.

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

반사 높이와 투명도 옵션을 추가 했습니다.

--

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

gtk2-perl에 포함된 Cairo 모듈을 이용하여 Perl 버전으로 옮겨 보았습니다.
그다지 대단한 기능은 아닌 것 같아서 비교적 자유로운 MIT라이센스를 유지하였습니다.

파일은 편의상 CRLF 형식으로 저장하였습니다. (올리고 보니 별관계는 없는??)

댓글 첨부 파일: 
첨부파일 크기
Plain text icon cairo-reflect.pl_.txt5.09 KB

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

잘하면 커버 플로우 흉내도 낼 수 있겠네요.
우선 대강 모양을 알아보기 위해 위의 코드를 약간 수정하였습니다.
뭐.. 그다지 빠를 것 같지는 않습니다만;;

댓글 첨부 파일: 
첨부파일 크기
Plain text icon cover-slide.pl_.txt5.58 KB
Image icon cover_slide.png160.79 KB

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

로미의 이미지

거울의 반사각을 추가해주시면 좋을듯 합니다.
;)

----------------------
데비안에 ddvorak을 추가하는 법을 찾아서 익혀야(구워서 먹다,구이) 하는데.... 거시기 혀서 귀찮....

Signature:
끝까지 읽어 주셔서 감사합니다.(이봐 로미, 뭐가 감사한거야?!)

혹시 댓글로 싸움을 즐기려는 님!?
당신은 眞性 변퉤 입니다~ :P

이제는 무늬만 백수로 가장한 개발자가 아닌 진정한 개발자가 되어야겠다.
이제는 학생으로 가장한 백수가 아닌 진짜 백수가 되어야겠다.

언제나 newbie의 마음가짐.

jg의 이미지

중복되서 삭제합니다. :-)

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

jg의 이미지

제가 제대로 이해한 것이 맞는지는 모르겠습니다만
거울을 가로축을 기준으로 기울이는 것을 예를 든 것이 아닐까 생각합니다.
만일 이와 같이 기울이면 거울에 닿는 선이 보는 사람 앞으로 다가 올수록
길어지는 모양 (즉 점점 퍼져가는 모양)이 되는 효과를 기대할 수 있는데요.
아쉽지만 Cairo는 x,y 축으로만 이동,회전변환,전단(기울이기)가 가능해서
그런 효과를 낼 수가 없을 것 같습니다 ㅜ.ㅜ
사실 위에 있는 그림 전부 평면변환에 불과합니다. :-)

$Myoungjin_JEON=@@=qw^rekcaH lreP rehtonA tsuJ^;$|++;{$i=$like=pop@@;unshift@@,$i;$~=18-length$i;print"\r[","~"x abs,(scalar reverse$i),"~"x($~-abs),"]"and select$good,$day,$mate,1/$~for 0..$~,-$~+1..-1;redo}

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.