현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

[완료]투명 이미지 합성 알고리즘

coldfury의 이미지
글쓴이: coldfury / 작성시간: 금, 2010/12/03 - 3:22오후

libpng로 투명한(alpha값이 있는) 이미지를 합성하려고 합니다.
이것저것 찾아보았지만 답이 안나와서 질문 드립니다.

참고한 사이트는
http://en.wikipedia.org/wiki/Digital_compositing
http://en.wikipedia.org/wiki/Alpha_compositing
입니다.

RGBA이미지가 있습니다.
1. (0,0,255,76) 30%투명한 파란색 이미지
2. (0,0,255,127) 50%투명한 파란색 이미지
3. (255,0,0,76) 30%투명한 빨간색 이미지
4. (255,0,0,127) 50%투명한 빨간색 이미지

이 이미지들을 합성하면
1+4 (196,0,58,165)
4+1 (137,0,117,165)
2+3 (117,0,137,165)
3+2 (58,0,196,165)

이렇게 결과물을 확인하였습니다.

하지만, 이렇게 합성하는 알고리즘을 완성하지 못하겠습니다;

alpha를 구하는 알고리즘은
result_alpha = background_alpha + ( (255-background_alpha)/255 * foreground_alpha )

이렇게 하면 되는데, 색을 구하는 알고리즘은 힘이드네요.

도움 부탁드립니다.

Forums: 
프로그래밍 QnA
coldfury의 이미지

글쓴이: coldfury / 작성시간: 금, 2010/12/03 - 8:32오후

자답입니다.

float alpha = background_alpha + ((255 - background_alpha ) / 255.0 * foreground_alpha);
float a0 = alpha/255.0;
float ad = background_alpha/255.0;
float as = foreground_alpha/255.0;
float ras = 1-as;
 
result_red = (foreground_red*as + background_red*ad*ras) / a0;
result_green = (foreground_green*as + background_green*ad*ras) / a0;
result_blue = (foreground_blue*as + background_blue*ad*ras) / a0;
result_alpha = (int)alpha;

이렇게 해서 결과값을 내는대는 성공했습니다.
최적화는 이제부터 해봐야겠네요

yducky의 이미지

글쓴이: yducky / 작성시간: 토, 2010/12/04 - 8:49오전

SrcOver 블렌딩을 원하시는 거라면,
alpha를 구하는 알고리즘은 다음이 맞습니다.

result_alpha = foreground_alpha + (255-foreground_alpha)/255 * background_alpha

댓글 달기

텍스트 포맷에 대한 자세한 정보

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
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.