計算機圖學

Computer Graphic

學期

109-2

學分

3 學分

當期課號

2907

永久課號

SET1306

開課單位

系統工程與科技學士學位學程

授課教師

系統工程與科技學程

類別

選修

上課時間表

節	週一	週五
1 08:00–08:50		計算機圖學
3 10:10–11:00	計算機圖學 2 節連堂
4 11:10–12:00	計算機圖學 2 節連堂

* 根據陽明交大上課時間表所列

概述

創新與運用資訊科技及數學知識的能力。執行資訊科技實務所需技術、技巧及使用工具的能力。發掘、分析及處理問題的能力。

評分方式

作業、口頭報告、實作成品、口試

週次計畫

週次

主題

第 1 週

1. HTML Graphics Basic • HTML Tags • HTML Events • CSS • Javascript 2. HTML Canvas Instructions (1) • Line • Rectangles • Paths • Text • Colors 3. HTML Canvas Instructions (2) • Image Drawing • Pixel Manipulation • Transformations • Compositing 4. Canvas Animation Application • Animation Application • Ball Game • Game Controllers • Game Obstacles • Game Bouncing • Game Rotation • Game Movement 5. Scalable Vector Graphics Shapes • Rectangle • Circle • Ellipse • Line • Polyline • Polygon • Path 6. Scalable Vector Graphics Effect • SVG Text • SVG Stroking • SVG Filters Intro • SVG Blur Effects • SVG Drop Shadows • SVG Linear • SVG Radial 7. SVG Javascript - SVG.js (1)  SVG.Rect  SVG.Circle  SVG.Ellipse  SVG.Line  SVG.Polyline  SVG.Polygon  SVG.Path  SVG.Text  SVG.TextPath 8. SVG Javascript - SVG.js (2)  SVG DOM  SVG Using CSS Selectors  Manipulating • Attributes • Positioning • Resizing 9. Mid-term Implementation Report 10. SVG Javascript - SVG.js (3)  Transforming  Animating 11. Ch1. Mathematical fundamentals of computer graphics  Vectors and computer graphics  Affine Transformations  Transformations for changing coordinate systems 12.Ch3. Representation and modelling of three-dimensional objects- Part 1  Bezier curves  B-spline curves  Implementation 13. Ch3. Representation and modelling of three-dimensional objects- Part 2  Uniform & Non-uniform B-splines  Rational curves  Rational Bezier curves 14. Ch3. Representation and modelling of three-dimensional objects- Part 3  Bezier patches  B-spline surface patches  Bezier patch object - the Utah teapot 15. Ch4. Representation and rendering Ch4. Representation and rendering  Rendering polygon meshes  Rendering parametric surfaces 16. Ch5.The graphics pipeline: geometric operations Introduction -  Local or modelling coordinate systems  World coordinate systems  Camera or eye or view coordinate system  Culling or back-face elimination  The view volume 17. Ch6.The graphics pipeline (2): rendering or algorithmic processes Introduction  Local reflection models  Interpolative shading techniques • Couraud shading • Phong shading 18. Final Implementation Report

教科書

1. 3D Computer Graphics, 2010, Alan Watt,Addison Wesley, 0201398559 2. Scalable Vector Graphics (SVG) 2 ,2018, W3C Working Group, W3C publications