200 likes | 540 Vues
Ming-Te Chi Department of Computer Science National Chengchi University. Computer Graphics 3D Display. Outline. 3D Display Concept 3D Viewer Categories 3D Display Device Overview 3D Display Device Setting Simple 3D Project Google Sketch Up. Depth perception.
E N D
Ming-Te Chi Department of Computer Science National Chengchi University Computer Graphics3D Display
Outline • 3DDisplay Concept • 3D Viewer Categories • 3DDisplay Device Overview • 3DDisplay Device Setting • Simple 3D Project • Google Sketch Up
Depth perception • Depth sensation is the ability to move accurately, or to respond consistently, based on the distances of objects in an environment • binocular cues • monocular cue
Binocular cues • Stereopsis or retinal(binocular) disparity • Convergence • Shadow Stereopsis Left eye Right eye
Stereoscopic • Stereoscopic technology provides a different image to the viewer's left and right eyes. View of Boston, c. 1860
Categories of 3D viewer technology With glasses • Active • Liquid crystal shutter glasses • Passive • polarized glasses • Complementary color anaglyphs • Head-mounted display
Without glasses • Wiggle stereoscopy • Autostereoscopy • Parallax barrier • Lenticular lens
3DDisplay Device Overview • 3D Monitor Device • 3D Monitor from iZ3D • SAMSUNG SyncMaster 2233RZ • Acer GD245HQ • 3D Glasses • NVIDIA3D Vision glasses • Polarizing glasses
Complementary color anaglyphs • 顏色過濾原理 • 左”紅”右”藍” • 缺點:灰階 or 單一色調
iZ3D Monitor with Polarizing glasses • “兩層”偏光面板,前面板與後面板 分別顯示左、右眼影像 • 若同分別使用”左”,”右”兩眼觀看,成像效果不同
SAMSUNG SyncMaster 2233RZ with NVIDIA 3D Vision glasses 技術原理 實際畫面
Acer GD245HQ with NVIDIA 3D Vision glasses 系統需求與限制 • 120Hz Refresh Rate • nVidia Graphics Card • OS:Windows Vista / 7 Input • 3D攝影機 Output • 3D Vision Photo Viewer • NVIDIAStereoPlayer 實際畫面
OpenGL Quad Buffer glClear(); glMatrixMode(GL_MODELVIEW); glLoadIdentity(); /* the default matrix */ glPushMatrix(); glDrawBuffer(GL_BACK_LEFT); gluLookAt(-IOD/2.0, 0.0, EYE_BACK, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0); <viewing transforms> <modeling transforms> draw(); glClear(); glPopMatrix(); glPushMatrix() glDrawBuffer(GL_BACK_RIGHT); gluLookAt(IOD/2.0, 0.0, EYE_BACK, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0); <viewing transforms> <modeling transforms> draw(); glPopMatrix(); glutSwapBuffer();
Anaglyph Glasses • glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); • glColorMask(GL_TRUE, GL_FALSE, GL_FALSE, GL_TRUE); • // set camera for blue eye, red will be filtered. • // draw scene • glClear(GL_DEPTH_BUFFER_BIT); • glEnable(GL_BLEND); • glBlendFunc(GL_ONE, GL_ONE); • glColorMask(GL_FALSE, GL_FALSE, GL_TRUE, GL_TRUE); • // set camera for red eye, blue will be filtered. • // draw scene
Simple 3D Project 下載範例程式 • http://www.cs.nccu.edu.tw/~mtchi/cg11/ 直接執行Originalfolder中.exe執行檔 嘗試利用CodeBlock編譯此專案 並找出此程式如何製作出紅藍立體效果
Model Editing Software • Autodesk • 3ds Max • Maya http://www.autodesk.com.tw/adsk/servlet/home?siteID=1170616&id=15814201 • Google Sketchup http://sketchup.google.com/ • Blender http://www.cs.nccu.edu.tw/~g9902/blender/
Google Sketch Up • Sketch UP provides an intuitive modeling • Toolbars
Google Sketch Up • Translate Scale • Rotate