1. 3D Website Maria Kavvalou Anna Papadopoulou

2. 3D Website Collaboration between TEI of Crete and Dennis Gabor College Project : Conversion of a website into 3D Supervisor : Dr. Kopácsi Sándor Hungarian Partner : Judit Tövissy

3. Stereoscopic Vision Each eye creates an image from it's own perspective Brain combines them into one Sense of depth

4. Anaglyph 3D Method to give the steroscopic effect to an image Two color-coded copies Color-filter glasses

5. Anaglyph 3D Each filter blocks the eye from seeing the opposite colored image Brain combines the two images and perceives one full- color 3D image

6. 3D Website First Approach : Copy the contents Problems with positioning Didn’t apply to all pages Different result in each browser.

7. 3D Website Same text from the same page in : Google Chrome Mozzila Firefox

8. 3D Website Second Approach : Using text shadow on the original text. CSS Html

9. Anaglyph 3D Red – Cyan : In front of (Outside) the screen Cyan – Red : Behind the screen Shadow distance from Original text : 4px Shadow distance from Original text : 7px

10. 3D Website : Final result

11. Thank you for your attention.