01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001...
Transcript of 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001...
![Page 1: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/1.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
01 - Introduction and Overview
![Page 2: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/2.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Who Am I?• Assistant Professor of Computer Science since February 2016
![Page 3: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/3.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphics @ Courant
Denis Zorin Kenneth Perlin Daniele Panozzo
Geometry ProcessingDigital Fabrication
Architectural Geometry
Virtual RealityComputer/Human Interface
Animation
Fluid and Solid SimulationMicrostructures
Scientific Computing
![Page 4: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/4.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
What is Computer Graphics?
• In a broad sense is the use of a computer to create and manipulate images
• It involves a combination of hardware (input, processing, output) and software
• It can be 2D or 3D
• It is used in most electronic devices
![Page 5: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/5.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
Modelinghttps://www.youtube.com/watch?v=Udno6EA5lXY
![Page 6: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/6.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
Rendering
![Page 7: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/7.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
Animation
![Page 8: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/8.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
User Interaction
Copyright: Andrew Guyton
![Page 9: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/9.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
Virtual Reality
Copyright: Maurizio Pesce
![Page 10: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/10.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
Visualization
![Page 11: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/11.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
Image ProcessingBy IkamusumeFan - Own work, CC BY-SA 4.0, https://commons.wikimedia.org/w/index.php?curid=41790217
![Page 12: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/12.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Graphic Areas
Geometry Acquisition
By Creative Tools from Halmdstad, Sweden - CreativeTools.se - VIUscan - Laser-scanned - ZPrinter - 3D printed - Viking Belt Buckle 24, CC BY 2.0, https://commons.wikimedia.org/w/index.php?curid=12419129
http://www.agisoft.com
![Page 13: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/13.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Applications
Video Games
Copyright: Nintendo
Cartoons/Visual Effects/Films
Copyright: Blender Foundation
![Page 14: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/14.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Applications
CAD/CAM Simulation
By Andreas Babucke - self made with EAS3, original upload at http://de.wikipedia.org/wiki/Bild:Lambda2_scherschicht.png, CC BY 3.0 de, https://commons.wikimedia.org/w/
index.php?curid=2999003
![Page 15: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/15.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
ApplicationsMedical Imaging Information Visualization
By Etan J. Tal - Own work, CC BY 3.0, https://commons.wikimedia.org/w/index.php?
curid=12743250
By Mcstol - Own work, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=18553353
![Page 16: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/16.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Two major approachesPer-pixel - “Raytracing”
By Henrik - Own work, GFDL, https://commons.wikimedia.org/w/index.php?curid=3869326
Per-object - “Rasterization”
![Page 17: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/17.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Per-pixel
By Henrik - Own work, GFDL, https://commons.wikimedia.org/w/index.php?curid=3869326
• Easy to parallelize but hard to map to hardware
• Expensive!
• It can be extended to model many physical phenomena such as internal scattering, diffraction, reflections, etc.
• Used to obtain high quality images
![Page 18: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/18.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Per-object
• Easy to map to hardware
• While it cannot model directly complex effects, we can approximate them
• Used in interactive applications (mostly)
![Page 19: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/19.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Course Goals
• Study the fundamental mathematical concepts used in image synthesis algorithms
• Implement a basic rendering system based on ray tracing
• Implement two interactive applications based on object-order rendering (rasterization), one in 2D and one in 3D
• Apply these techniques in a final coding project
![Page 20: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/20.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Final Coding Project
• Individual project, we will publish the rules later but you are essentially free to do whatever you want, as long as it requires computer graphics
• The project will be presented in a fast-forward session at the end of semester (3-5 minutes per project)
• The winner will be awarded with a paid trip to SIGGRAPH!
![Page 21: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/21.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
SIGGRAPH
![Page 22: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/22.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Prerequisites• Linear Algebra
• We will quickly review the concepts that you need, if you are not familiar with basis, points, vectors, matrices and linear systems, please review it on the textbook (Chapter 2, 5)
• C++
• We will review the basic concepts of C++ next week, comparing them with Java. Keep this reference at hand http://www.cppreference.com
• Why C++?
• Git
• It will be used to distribute material and to deliver homework
![Page 23: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/23.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Organization
• Communication through the course repository/website: https://github.com/danielepanozzo/cg
• Mailing list (if you did not receive the test email, let me know)
• Weekly lecture: Mondays 7.10-9 PM
• Office hours
![Page 24: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/24.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Lectures
• I will upload the slides on the website before the class, so that you can directly annotate them
• For every class, I will always add references in the end to the textbook and/or external resources
• At the end of every lecture, I will quickly introduce the topic of the next lecture and give you pointers — you are encouraged to take a look at the material before I present it in class
![Page 25: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/25.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Lectures
• Please interrupt me at any time to ask questions
![Page 26: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/26.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Material
Fundamentals of Computer Graphics, Fourth Edition 4th Edition by Steve Marschner, Peter Shirley
https://open.gl
https://www.wikipedia.org
![Page 27: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/27.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
GradingAssignment Topic Grade
1 Ray Tracing 17.52 Raster 2D 17.53 Raster 3D 17.54 Final Project 27.5
Total Exercises: 80%• Final Oral Exam: 20% (you must get at least 10% in the final to pass)
• You must pass the final to pass the class
• The oral exam will be video recorded (if you don’t want to be recorded send me a private email before the end of the week)
• There will be optional tasks, that will allow you to recover points lost in the assignments
![Page 28: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/28.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Policy
• You are encouraged to consult with your classmates/friends but collaboration in the assignments is NOT allowed
• You are not allowed to copy code online or use external libraries (except those provided in the class) for the first 3 assignments
• We will use plagiarism tools to validate all homework
• I am horrible with names but I would still like to make an effort, please help me :)
![Page 29: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/29.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Break
• What do you prefer?
• Let me know after this 10 minutes break!
![Page 30: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/30.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Basic Math• Sets
• Functions/Maps
• Intervals
• Logarithm
• Solving Quadratic Equations
• Trigonometry
• Basic Linear Algebra
If you are not familiar with some of these topics, refresh them before the next class.
![Page 31: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/31.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Images
![Page 32: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/32.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Images
By The original uploader was Darth Stabro at English Wikipedia - Transferred from en.wikipedia to Commons by Pbroks13 using CommonsHelper., CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=15789788
![Page 33: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/33.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Raster Devices
• Output
• 2D: Display (LCD,LED)
• 1D: Hardcopy (ink-jet, dye sublimation)
• Input
• 2D Array: digital camera
• 1D Array: scanner
![Page 34: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/34.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Bayesian Color-Filter
By en:User:Cburnett - Own workThis vector image was created with Inkscape., CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=1496858
![Page 35: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/35.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Pixel Coordinates - Raster Image
0,0
x=-0.5y=-0.5
0,3
3,0
Be Careful: Y is flipped
in some APIs
![Page 36: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/36.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Pixel Values (Framebuffer format)
• 1-bit greyscale - text
• 8-bit RGB (24 bits) - web and email
• 8-bit RGBA (32 bits) - alpha channel, see next slide
• 16/24/32bits - high accuracy for photography and HDR
![Page 37: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/37.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Monitors Intensity, Gamma Correction
• What is the minimal and maximal light intensity?
• The intermediate intensities are different for each person, and it is non-linear
• Monitors needs to be calibrated for a certain viewer, using a procedure called “Gamma Correction”
• The rule is simple: displayed intensity = (max intensity) * a�
Pixel Value
![Page 38: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/38.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Gamma Correction
• Find the neutral gray:
• Compute
• The colors will not be uniform on normal screens, one of the major factor affecting the cost of screens is their ability to be consistent on all pixels!
By X-romix 10:00, 7 June 2008 (UTC), Updated by --Rubybrian (talk) 14:25, 14 September 2010 (UTC); Photographer: Toni Frissell - This file was derived from: Weeki Wachee spring 10079u.jpg, GFDL, https://commons.wikimedia.org/w/index.php?curid=4176109
0.5 = a�
� =ln 0.5
ln a
![Page 39: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/39.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
RGB vs CMYK colors• RGB is additive • CMYK is subtractive
By BenRG and cmglee - http://commons.wikimedia.org/wiki/File:CIE1931xy_blank.svg, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=32158329
Calibration is very important!
![Page 40: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/40.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Alpha Compositing
• A way to represent transparency
• The pixels of an image are blended linearly with the image below
• c = ↵cnew + (1� ↵)cold
↵ = 1
↵ = 0
RGBA is very common, and you will use it often!
![Page 41: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/41.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
Image Formats• Lossy:
• jpeg - compact, introduces artifacts
• Lossless:
• png - common for web applications
• ppm - very simple, not compressed
• tiff - mostly scientific use
![Page 42: 01 - Introduction and Overviewpanozzo/cg18/Slides/01 - Introduction, Images.pdf · CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo Lectures • I will upload the slides on](https://reader034.fdocuments.us/reader034/viewer/2022042308/5ed525c4a8ac4554226a1ba0/html5/thumbnails/42.jpg)
CSCI-GA.2270-001 - Computer Graphics - Daniele Panozzo
References
Fundamentals of Computer Graphics, Fourth Edition 4th Edition by Steve Marschner, Peter Shirley
Chapters 1,2,3