Chapter3

Similar documents
63-69±è´ë¿µ

[ReadyToCameral]RUF¹öÆÛ(CSTA02-29).hwp

45-51 ¹Ú¼ø¸¸

2005CG01.PDF

MPEG-4 Visual & 응용 장의선 삼성종합기술원멀티미디어랩

À±½Â¿í Ãâ·Â

Scene7 Media Portal 사용

CONTENTS 01 Adobe Photoshop Lightroom을 소개합니다 촬영부터 출력까지 간편한 사진 작업 (Simplify photography from shoot to finish) Adobe Photoshop Lightroom 작업공간(Workspace)


슬라이드 1

Microsoft PowerPoint - multi-3.ppt

Structure and Interpretation of Computer Programs: Assignment 3 Seung-Hoon Na October 4, George (아래 3개의 문제에 대한 구현이 모두 포함된 george.rkt파일을 제출하시오.

Open GL

PowerPoint 프레젠테이션

디지털영상처리3

Microsoft PowerPoint cg01.ppt

TipsTricks.book

untitled

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션

Week3

PowerPoint 프레젠테이션

Macaron Cooker Manual 1.0.key

04_오픈지엘API.key

Microsoft PowerPoint - P01_chapter1.ppt [호환 모드]

untitled

SVG

LCD Display

LIDAR와 영상 Data Fusion에 의한 건물 자동추출


PowerPoint 프레젠테이션

High Resolution Disparity Map Generation Using TOF Depth Camera In this paper, we propose a high-resolution disparity map generation method using a lo

김기남_ATDC2016_160620_[키노트].key

CONTENTS INTRODUCTION CHARE COUPLED DEVICE(CCD) CMOS IMAE SENSOR(CIS) PIXEL STRUCTURE CONSIDERIN ISSUES SINAL PROCESSIN

PowerPoint 프레젠테이션

K831PCM1DMX-K

47-56±è»õ·Ò

Orcad Capture 9.x

19_9_767.hwp

i-movix 특징 l 안정성 l 뛰어난화질 l 차별화된편의성

untitled

EX-Z700

K835PCM1DMX-K

2

K842PCM1DMX-K

Lab10

VOL /2 Technical SmartPlant Materials - Document Management SmartPlant Materials에서 기본적인 Document를 관리하고자 할 때 필요한 세팅, 파일 업로드 방법 그리고 Path Type인 Ph

강의10

APOGEE Insight_KR_Base_3P11

01이국세_ok.hwp

Color C60 / C70 Printer 본제작물은 Color C60/C70 Printer 로출력하였습니다.

(JBE Vol. 23, No. 5, September 2018) (Regular Paper) 23 5, (JBE Vol. 23, No. 5, September 2018) ISSN

Microsoft PowerPoint - AC3.pptx

REP - CP - 016, N OVEMBER 사진 요약 25 가지 색상 Surf 를 이용한 사진 요약과 사진 배치 알고리즘 Photo Summarization - Representative Photo Selection based on 25 Color Hi

C# Programming Guide - Types

09권오설_ok.hwp

No Slide Title

04서종철fig.6(121~131)ok

XJ-A142_XJ-A147_XJ-A242_XJ-A247_XJ-A252_XJ-A257_XJ-M141_XJ-M146_XJ-M151_XJ-M156_XJ-M241_XJ-M246_XJ-M251_XJ-M256

DBPIA-NURIMEDIA

(Microsoft PowerPoint - JXEUOAACMYBW.ppt [\310\243\310\257 \270\360\265\345])


untitled

(JBE Vol. 7, No. 4, July 0)., [].,,. [4,5,6] [7,8,9]., (bilateral filter, BF) [4,5]. BF., BF,. (joint bilateral filter, JBF) [7,8]. JBF,., BF., JBF,.

Special Theme _ 모바일웹과 스마트폰 본 고에서는 모바일웹에서의 단말 API인 W3C DAP (Device API and Policy) 의 표준 개발 현황에 대해서 살펴보고 관 련하여 개발 중인 사례를 통하여 이해를 돕고자 한다. 2. 웹 애플리케이션과 네이

,. 3D 2D 3D. 3D. 3D.. 3D 90. Ross. Ross [1]. T. Okino MTD(modified time difference) [2], Y. Matsumoto (motion parallax) [3]. [4], [5,6,7,8] D/3

TRIBON 실무 DRAFT 편 조선전용 CAD에 대한 기초적인 사용 방법 기술 기술지원팀

K806FCM1DMX-K

Gray level 변환 및 Arithmetic 연산을 사용한 영상 개선

ch3.hwp

04임재아_ok.hwp

Microsoft Word - FunctionCall

Microsoft Word - pc07.doc

CAM350 Family (I) CAM350 Family CAM CAD (Gerber, HPGL, DXF),,. CAM350 Family ACCESS Code GerberView-II, PCGerber-II, ECAM-II, CAM350,. Gerber Data Pho

1 1. (,, ) ( ) (,,, )., 1 ( ), ( ) ( ) 30, ( ) , + 1%., 1.

DioPen 6.0 사용 설명서

OP_Journalism

디지털영상처리3

Microsoft PowerPoint - java1-lab5-ImageProcessorTestOOP.pptx

chap 5: Trees

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각

PowerPoint 프레젠테이션

01....b

¾Ë·¹¸£±âÁöħ¼�1-ÃÖÁ¾

2007백서-001-특집

00목차

(291)본문7

슬라이드 1

<65B7AFB4D7B7CEB5E5BCEEBFEEBFB5B0E1B0FABAB8B0EDBCAD5FC3D6C1BE2E687770>

룩업테이블기반비선형렌즈플레어실시간렌더링방법 (Real-Time Nonlinear Lens-Flare Rendering Method Based on Look-Up Table) 조성훈 정유나 이성길 (Sunghun Jo) (Yuna Jeong) (Sungkil Lee) 요

Mentor_PCB설계입문

πŸ¿Ãƒ‹3ø˘

歯3이화진

ecorp-프로젝트제안서작성실무(양식3)

<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D D382E687770>

K824PCM1DMX-K

Syrup Store O2O Marketing Platform/Solution

K_R9000PRO_101.pdf

금오공대 컴퓨터공학전공 강의자료

(Microsoft PowerPoint - EDIDFDXLLBYN.ppt [\310\243\310\257 \270\360\265\345])

Transcription:

Introduction to Computer Graphics Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 Rev. by SYO This presentation 2004, MacAvon Media Productions 2009-03-12 Multimedia 1

Visual Representation 그림은글보다직관적이다.

Computer Graphics 정지이미지및애니메이션이미지의제작및디스플레이 Scanner 로인쇄된이미지의 digitization Digital Camera 로이미지를 capture Video camera 로 frame 을 grab Graphics package 를이용하여이미지를제작 Data 를 Visualization

Computer Graphics: Image and Graphics 학술적인구분으로 이미지 (Image) 카메라를통하여입력받은그림 기술영역 : 화상처리 Digital Photo, Satellite Image, X-ray image 그래픽스 (Graphics) 사람이만든그림. 기술영역 : 컴퓨터그래픽스 Animation, 3-D graphics 양쪽이결합될수있다. Ex. medical images, X-ray, MRI scan images 단면이미지가 3D volume rendering 기술에의하여 3 차원 graphics data 로변환됨.

CT: Computed Tomography CT scan images 3-D Volume Rendering bone removed, vessels shown

이미지의 Rendering 이미지는화소 (pixel) 의배열로서디스플레이됨. 화소 : ( 정 ) 사각형의임의의색을가진점. Rendering : 원하는이미지를구성하기위하여각화소에적절한색값을주는과정. 화소들은광학적으로통합되어사람의눈에는연속적인 tone 으로보인다. Image data (model) 가컴퓨터에저장됨. 파일, 메모리에저장되고응용프로그램이이를 rendering 하여디스플레이하여준다.

Image = Array of pixels Pixels

Bitmapped and Vector Graphics Bitmapped graphics 이미지가화소값의배열로 modeling 된다. Rendering: 논리적인화소값을 screen 상에서표현할실제화소색의값으로 mapping 함. Scaling, clipping 과정이필요함. Vector graphics 이미지는곡선및기하학적인형태를수학적인표현으로 modeling 된다. Rendering: 수학적인표현으로부터각화소의값을계산한다. 2, 3차원변환및가시화과정

Production of Graphics -Vector Graphics Modeling Rendering paradigm Modeling 기하학적인형식으로 3 차원 model 을생성하고 Rendering model 을이차원의이미지로변환함.

Vector Graphics Representation: Pen-Plotter Model

Pen-Plotter Model

Vector Graphics : Pen-Plotter Model Drawing Functions moveto(x,y); lineto(x,y); Ex. 사각형그리기 moveto(0,0); lineto(1,0); lineto(1,1); lineto(0,1); lineto(0,0);

Vector Graphics : Pen-Plotter Model 기하학적인객체의모델링 : 꼭지점을차례로나열함. 렌더링 : 꼭지점을연결하면객체를그릴수있음. Ex. OpenGL : Graphics Programming Library % OpenGL : Triangle glbegine(gl_triangle); glvertex(0,0,0); glvertex(0,1,0); glvertex(1,0,0); glend(); (0,1 ) (0,0 ) (1, 0)

Memory Requirements Bitmapped w * h pixel 사이즈의이미지에서화소당 c bytes 의 depth 를가진다면 - 이이미지를저장하는데필요한전체메모리의양은 w*h*c bytes Vector 이미지의복잡도에따라다르다 ( 기본형태요소의개수, 형태의복잡성등 ) 보통 vector graphics 가 bitmapped graphics 보다더작은메모리를차지함.

Memory Requirements 128 px x 20 px blue outline filled in red Bitmap using 24 bits per pixel, 128x128x3 = 48kbytes Vector specified in SVG: <path fill= #F8130D" stroke= #1E338B" stroke-width="20" d="m118,118h10v10h108v118z"/> 86 bytes (plus 198 bytes SVG boilerplate)

Image Editing Vectors drawing programs 그래픽객체를선택하고 (shapes, paths, 등 ) 크기, 위치, 각도등을변형 속성을바꾼다. stroke and fill, 등 Visio, Adobe Illustrator Bitmaps painting programs 화소의영역을선택 효과, 필터등을적용한다. PhotoShop, PaintBrush

Transformation( 변환 ) Vector : Objects Bitmap : Pixel location and value

Scaling Transformation( 확대, 축소변환 ) Vectors Scaling 은저장된그래픽표현에수학적연산을가함으로서가능하다. (rendering 하기전 ) 어떠한크기로 Scaling 하더라도곡선, 직선은매끈하게렌더링할수있다. Bitmaps 화소값을보간한다. 다소복잡한알고리즘이필요함. 품질이떨어질수있다. blurring, jaggedness 등

Vector Graphics 의 scaling 크기변환 (0,1) (1,1) (0,2) (2,2) (0,0) (1,0) (0,0) Original x 2 (2,2) x 2 scaling Transformation 꼭지점변환 : (x, y) (x * 2, y * 2) 후 변환된꼭지점을 Rendering 함.

Vector Graphics 의 Rotation z 축을중심으로반시계방향으로 theta 만큼회전.

BITMAPPED IMAGE RESIZE EXAMPLE 보통화소값은정수좌표위치에서만정의되어있다. 변환후소수좌표위치의화소값이필요한경우가있다. 이때보간 (interpolation) 이필요함. 예 ) x 2 Resize 인경우화소의개수가 4 배로늘어남.? 화소의값은어떻게계산하는가?

Resizing Bitmapped Images -Interpolation 보간 (Interpolation) 의개념 온도추정의예 Linear Interpolation Curve

Interpolation Techniques 화소사이위치의새화소의값을생성. 최소인접보간법 (Nearest neighbor interpolation) 가장가까이위치한화소의값을취함. 빠르다, 그러나한개의입력화소값이여러개로복제되므로 block 화현상이발생할수있다. 양선형보간 (Bilinear interpolation) 새로운화소값을인접한네개화소의가중합으로계산함. 즉, 거리에반비례하는가중치를가진다. 3 번의선형보간이필요함. 이외에 Higher order interpolation, cubic convolution interpolation

Bilinear Interpolation 화소값을계산할위치에서인접한네개의이웃화소의화소값을입력으로사용 3 번의선형보간. 중심일경우에는단순평균값 x (x,y) y

y x

Bicubic Interpolation 4 x 4 neighborhood pixels better quality, but more processing time Standard for photoshop, printer, digital camera

Artifacts from Interpolation Interpolating Bitmapped Graphics may cause Aliasing Effect We need antialiasing to remove aliasing effect

Anti-Aliasing 배경과객체의경계부근의화소에중간색을부여함.

Rotation 새로운위치의화소의값이필요하게됨. 보간법

Optical and Digital Zoom Digital zoom resizes the image interpolation

Vectors & Bitmaps 의결합 Rasterize vectors : vector bitmap vector properties 를모두잃게된다. Trace bitmaps : bitmap vector 어렵다. 근사치만을구할수있다. Bitmaps 을 vector drawing program 에서 import 객체 (objects) 로서취급함.

Bitmap Vector: Vectorizaion

Bitmap Vector : Autotrace Vectorization Strategies 이미지에서경계부분을찾아서서로다른부분으로나눈다. 1. 윤곽 (contour) 를추적함. 2. 경계 (Edge) 를찾는다.

층 (Layers) 이미지가여러장의투명층이겹쳐져서구성된다고생각. 각투명층에서로다른객체를그릴수있음. 통합된이미지를구성하기위하여여러층을겹친다. 이미지의각객체를따로취급할수있다. Compositing: 각층의투명도를조절하여다양한방법으로여러층을결합 (digital collage) 그래픽소프트웨어에사용됨.

Layers

Combine two pictures Blending

파일형식 (File Formats) 다양한그래픽파일형식이사용됨. 이미지데이터를 encoding 하는방법이다르다. Bitmaps 이미지의압축방법 무손실 (Lossless) 압축된데이터로부터윈래의이미지를그래로복원할수있다. 손실 (Lossy) 복원시약간의정보가손실된다. 이미지는근사적으로복원된다. 손실압축방법이무손실보다압축효율이월등하게좋다.

WWW Bitmapped Formats GIF (Compuserve Graphics Interchange Format) Lossless, 256 colours (indexed), transparency patent by Unisys, used by Compuserve

WWW Bitmapped Formats JPEG (Joint Photographic Experts Group) Lossy (variable quality), millions of colours PNG (Portable Network Graphics) W3C Lossless, variable number of colours, W3C standard, but not used widely

Vector Formats SVG (Scalable Vector Graphics) W3C standard, not presently widely used 2-D vector graphics SWF (Small Web Forma, Shockwave Flash) Primarily for vector animation, but can be used for still vector graphics; de facto standard EPS (Encapsulated PostScript) Primarily print, use declining, superseded by PDF