CS 148, Summer 2012 Introduction to Computer Graphics and ...
Transcript of CS 148, Summer 2012 Introduction to Computer Graphics and ...
![Page 1: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/1.jpg)
TexPoint fonts used in EMF. Read the TexPoint manual before you delete this box.: AAAAAAAAAAAA
CS 148, Summer 2012 Introduction to Computer Graphics and Imaging
Justin Solomon
http://imageshack.us/photo/my-images/534/sgamepixar1998brrip720p.jpg
![Page 2: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/2.jpg)
http://www.youtube.com/watch?v=vS2fRUP8zJ8
![Page 3: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/3.jpg)
http://upload.wikimedia.org/wikipedia/commons/3/33/Catmull-Clark_subdivision_of_a_cube.svg
![Page 4: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/4.jpg)
~̄(u; v) = 2uv+3uv2 +7u2
Function of two variables
Degree 2 in both variables (total degree ≤ 4!)
![Page 5: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/5.jpg)
~̄(u; v) = 2uv+3uv2 +7u2
Function of two variables
Degree 2 in both variables (total degree ≤ 4!)
![Page 6: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/6.jpg)
F(u1; u2;v1; v2) = ¢ ¢ ¢
http://upload.wikimedia.org/wikipedia/commons/b/bf/B%C3%A9zier_surface_example.svg
![Page 7: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/7.jpg)
Couples u and v variables http://graphics.stanford.edu/courses/cs348a-12-winter/Handouts/handout26.pdf
![Page 8: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/8.jpg)
Simple rules for better approximation
![Page 9: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/9.jpg)
Define subdivision rule and see what
happens.
![Page 10: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/10.jpg)
http://www.idav.ucdavis.edu/education/CAGDNotes/Chaikins-Algorithm.pdf
Cut each corner
![Page 11: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/11.jpg)
Ri = Pi +(1¡ t)(Pi+1 ¡Pi)
Qi = Pi + t(Pi+1¡Pi)
![Page 12: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/12.jpg)
1 2
3
…
n
http://www.idav.ucdavis.edu/education/CAGDNotes/Chaikins-Algorithm.pdf
![Page 13: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/13.jpg)
1 2
3
…
n
http://www.idav.ucdavis.edu/education/CAGDNotes/Chaikins-Algorithm.pdf
![Page 14: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/14.jpg)
Two potential representations http://alice.loria.fr/publications/papers/2006/TOG_pgp//photo/workflow.png
Triangles Quads
![Page 15: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/15.jpg)
Two potential representations http://alice.loria.fr/publications/papers/2006/TOG_pgp//photo/workflow.png
Triangles Quads
![Page 16: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/16.jpg)
![Page 17: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/17.jpg)
![Page 18: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/18.jpg)
Topology [tuh-pol-uh-jee]:
The study of geometric properties that remain invariant under certain transformations
http://dictionary.reference.com/browse/topology?s=t
![Page 19: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/19.jpg)
http://upload.wikimedia.org/wikipedia/commons/f/fb/Dolphin_triangle_mesh.png
Geometry: “This vertex is at (x,y,z).”
![Page 20: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/20.jpg)
http://upload.wikimedia.org/wikipedia/commons/f/fb/Dolphin_triangle_mesh.png
Topology: “These vertices are connected.”
![Page 21: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/21.jpg)
Valence 6
![Page 22: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/22.jpg)
http://ars.sciencedirect.com/content/image/1-s2.0-S1524070306000385-gr2.jpg
Triangle mesh where most vertices have valence six.
![Page 23: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/23.jpg)
http://ars.sciencedirect.com/content/image/1-s2.0-S1524070306000385-gr2.jpg
Triangle mesh where most vertices have valence six.
![Page 24: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/24.jpg)
http://ars.sciencedirect.com/content/image/1-s2.0-S1524070306000385-gr2.jpg
Triangle mesh where most vertices have valence six.
![Page 25: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/25.jpg)
Have topology, need geometry.
![Page 26: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/26.jpg)
New Old
3
8
3
8
1
8
1
8
1
16
1
16
1
16
1
16
1
16
1
16
10
16
![Page 27: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/27.jpg)
New Old
3
8
3
8
1
8
1
8
1
16
1
16
1
16
1
16
1
16
1
16
10
16
![Page 28: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/28.jpg)
Provable smoothness & regularity http://www.sciencedirect.com/science/article/pii/S0010448511003095
![Page 29: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/29.jpg)
Two potential representations http://alice.loria.fr/publications/papers/2006/TOG_pgp//photo/workflow.png
Triangles Quads
![Page 30: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/30.jpg)
http://alice.loria.fr/publications/papers/2006/TOG_pgp//photo/workflow.png
Quads (and other polygons)
![Page 31: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/31.jpg)
Topological strategy
![Page 32: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/32.jpg)
Topological strategy
![Page 33: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/33.jpg)
Topological strategy
![Page 34: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/34.jpg)
Topological strategy
![Page 35: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/35.jpg)
Geometric strategy
1. New face point = centroid of old face points
![Page 36: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/36.jpg)
Geometric strategy
2. New edge point = average of old and new neighbors
![Page 37: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/37.jpg)
Geometric strategy
3. Old points P of valence n: F = av. face neighbor
R = av. midpoint neighbor P’ = (F+2R+(n-3)P)/n
![Page 38: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/38.jpg)
Bicubic b-spline surface https://graphics.stanford.edu/wikis/cs148-09-summer/Assignment3Description
![Page 39: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/39.jpg)
http://youtu.be/ltX-qUjbkdc?t=1m1s
![Page 40: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/40.jpg)
http://graphics.uni-bielefeld.de/publications/
![Page 41: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/41.jpg)
TexPoint fonts used in EMF. Read the TexPoint manual before you delete this box.: AAAAAAAAAAAA
CS 148, Summer 2012 Introduction to Computer Graphics and Imaging
Justin Solomon
http://www-ui.is.s.u-tokyo.ac.jp/~takeo/research/rigid/rigid.png
![Page 42: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/42.jpg)
I/O is an abstraction http://stackoverflow.com/questions/236000/whats-a-turing-machine
![Page 43: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/43.jpg)
I/O is an object of study
![Page 44: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/44.jpg)
Computer Graphics and
Interactive Techniques
![Page 45: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/45.jpg)
Liquid crystal display (LCD) http://www.highdisplay.com/wp-content/uploads/2011/07/What-is-TFT-LCD-Monitor.jpg
![Page 46: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/46.jpg)
Twisted nematics http://mrsec.wisc.edu/Edetc/courses/colorsymp/park/index.html
Anisotropic patterns
depending on electricity, heat, etc.
![Page 47: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/47.jpg)
http://electronics.howstuffworks.com/lcd2.htm
![Page 48: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/48.jpg)
http://electronics.howstuffworks.com/lcd2.htm
Light source
![Page 49: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/49.jpg)
http://electronics.howstuffworks.com/lcd2.htm
Polarize
![Page 50: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/50.jpg)
http://electronics.howstuffworks.com/lcd2.htm
Twist light polarization
![Page 51: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/51.jpg)
http://electronics.howstuffworks.com/lcd2.htm
Only twisted light makes it through
![Page 52: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/52.jpg)
http://electronics.howstuffworks.com/lcd2.htm
Electrode controls crystals
![Page 53: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/53.jpg)
Cathode ray tube (CRT)
http://img.diytrade.com/cdimg/597243/7515356/0/1276139831/Sell_CRT_Monitor.jpg http://www.freepatentsonline.com/6741296-0-large.jpg
![Page 54: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/54.jpg)
http://en.wikipedia.org/wiki/File:Shadow_mask_vs_aperture_grille.jpg
![Page 55: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/55.jpg)
http://en.wikipedia.org/wiki/File:Shadow_mask_closeup_cursor.jpg
Have to convert from RGB to
display pattern
![Page 56: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/56.jpg)
Subpixel antialiasing http://en.wikipedia.org/wiki/ClearType
![Page 57: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/57.jpg)
Subpixel antialiasing http://en.wikipedia.org/wiki/ClearType
Color fringing
![Page 58: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/58.jpg)
Nonlinear relationship between brightness and intensity
![Page 59: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/59.jpg)
Nonlinear relationship between brightness and intensity
Perceptual Display-related
![Page 60: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/60.jpg)
Nonlinear relationship between brightness and intensity
Nonlinear relationship between intensity and hardware response
![Page 61: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/61.jpg)
displayed intensity = (maximum intensity)a°
Pixel color
![Page 62: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/62.jpg)
displayed intensity = (maximum intensity)a°
http://www.kenluckephotography.com/portfolio/monitoradjust/files/page17_2.gif
![Page 63: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/63.jpg)
displayed intensity = (maximum intensity)a°
0:5 = a° 7! ° =ln0:5
lna
![Page 64: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/64.jpg)
Apply inverse transformation
displayed intensity 2½M
µ0
255
¶°;M
µ1
255
¶°; ¢ ¢ ¢ ;M
µ255
255
¶°¾
![Page 65: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/65.jpg)
Gamma and perceptual differences in brightness cancel!
![Page 66: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/66.jpg)
Visual sensors must communicate!
http://darlingdarleen.blogspot.com/2008_01_01_archive.html
Discontinuous motion with same average velocity as implied continuous motion.
![Page 67: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/67.jpg)
Digital Light Processing (DLP) Spinning color wheel
LCD Shutter Alternate between eyes
http://graphics.stanford.edu/courses/cs148-11-fall/lectures/displays.pdf
![Page 68: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/68.jpg)
No black Max black
Four primaries!
http://en.wikipedia.org/wiki/CMYK_color_ model
![Page 69: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/69.jpg)
Electronic ink Different appearance, slow update rate
http://graphics.stanford.edu/courses/cs148-11-fall/lectures/displays.pdf
![Page 70: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/70.jpg)
Events Notify when state changes
Polling Check for changed state
http://graphics.stanford.edu/courses/cs148-11-fall/lectures/interaction.pdf
![Page 71: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/71.jpg)
+
Efficient
- Need to track state
Need to decide on events of interest
http://graphics.stanford.edu/courses/cs148-11-fall/lectures/interaction.pdf
![Page 72: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/72.jpg)
+
Cleanly deals with continuous state change
- Could miss a state change
Considerable overhead
http://graphics.stanford.edu/courses/cs148-11-fall/lectures/interaction.pdf
![Page 73: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/73.jpg)
http://www.headfuzz.co.uk/files/keyboard-matrix2-sch.png http://graphics.stanford.edu/courses/cs148-11-fall/lectures/input.pdf
Key press closes circuit; character map used to determine which key (filter bounces)
![Page 74: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/74.jpg)
http://www.bidouille.org/hack/mousecam Digital Image Correlation
![Page 75: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/75.jpg)
http://www.blogcdn.com/www.engadget.com/media/2008/12/original-mouse-08dec03.jpg
![Page 76: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/76.jpg)
http://www.xda-developers.com/wp-content/uploads/2011/09/multitouch-gesture-on-iphone-ipad-and-ipod.jpg?139d23 http://www.talkandroid.com/wp-content/uploads/2011/09/ipad-multi-touch.jpg?3995d3
DIY tables Frustrated total internal reflection, direct illumination
iPod/iPad/Perceptive Pixel Capacitive surface
Cheaper alternatives Pressure
![Page 77: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/77.jpg)
http://0.tqn.com/d/compactiongames/1/0/J/A/1/gp2.jpg https://images-na.ssl-images-amazon.com/images/G/01/videogames/detail-page/B0045FGET2.01.lg.jpg
Game controller, joystick Communicate with station
Wii remote Accelerometers, IR sensor
![Page 78: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/78.jpg)
Camera More later!
Kinect Already discussed!
![Page 79: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/79.jpg)
http://www.cyberware.com/products/scanners/lss.html http://home.12move.nl/~sh290334/dbase_force/cybergrasp.jpg
http://upload.wikimedia.org/wikipedia/commons/1/13/Rosies_ct_scan.jpg http://www.nemusiccenter.com/product_images/u/377/SM58__69613_zoom.jpg
http://onemillionlyrics.com/lyrics/scanner/rmu http://bssdigitalsound.files.wordpress.com/2008/02/midi-mk249c.jpg
![Page 80: CS 148, Summer 2012 Introduction to Computer Graphics and ...](https://reader030.fdocuments.us/reader030/viewer/2022012407/616a273311a7b741a34f60d2/html5/thumbnails/80.jpg)
TexPoint fonts used in EMF. Read the TexPoint manual before you delete this box.: AAAAAAAAAAAA
CS 148, Summer 2012 Introduction to Computer Graphics and Imaging
Justin Solomon
http://imageshack.us/photo/my-images/534/sgamepixar1998brrip720p.jpg http://www-ui.is.s.u-tokyo.ac.jp/~takeo/research/rigid/rigid.png