《視覺藝術(shù)編程基礎(chǔ)》課程教學(xué)大綱

《視覺藝術(shù)編程基礎(chǔ)》課程教學(xué)大綱一、課程基本信息課程代碼：課程名稱：視覺藝術(shù)編程基礎(chǔ)英文名稱：GraphicsProgrammingFoundationforVisualArt課程類別：學(xué)科基礎(chǔ)課（必修）學(xué)時：64學(xué)分：4適用對象：數(shù)字媒體（藝術(shù)）專業(yè)考核方式：考查先修課程：高級語言程序設(shè)計、數(shù)據(jù)結(jié)構(gòu)相關(guān)課程：計算機(jī)圖形學(xué)、計算機(jī)視覺、美學(xué)原理二、課程簡介在數(shù)字媒體藝術(shù)中，視覺占了大部分的比重，圖形輸入或顯示設(shè)備及其圖形用戶界面成為數(shù)字藝術(shù)交互設(shè)計（如新媒體藝術(shù)，動畫，VR/AR等設(shè)計創(chuàng)作）中重要的組成部分。怎么樣利用計算機(jī)來生成、處理、和顯示圖形圖像，達(dá)到數(shù)字藝術(shù)設(shè)計創(chuàng)作的效果呢？通過本課程的學(xué)習(xí)，歡迎同學(xué)們來到圖形世界，同學(xué)們可以以理解計算機(jī)圖形學(xué)的原理和圖形繪制的方法為主線，掌握一些高級程序語言支撐圖形編程的基本語法和圖形繪制幾何變換基本元素的運(yùn)用，學(xué)會初步的視覺藝術(shù)編程。三、課程性質(zhì)與教學(xué)目的（1）本課程是數(shù)字媒體藝術(shù)專業(yè)學(xué)生的一門學(xué)科基礎(chǔ)課。講授如何通過國際通用的開放式三維圖形標(biāo)準(zhǔn)實現(xiàn)計算機(jī)圖形學(xué)相關(guān)的編程繪制，搭配本專業(yè)培養(yǎng)計劃的“計算機(jī)科學(xué)與技術(shù)”主干學(xué)科中的《計算機(jī)圖形學(xué)》課程學(xué)習(xí)。（2）通過本課程的學(xué)習(xí)，學(xué)生應(yīng)能夠了解計算機(jī)圖形系統(tǒng)功能結(jié)構(gòu)和可編程渲染流水線，在了解光柵圖形的生成基礎(chǔ)上掌握基本兒何元素繪制的編程方法，熟悉一些實現(xiàn)圖元及其圖元屬性的函數(shù)方法，理解坐標(biāo)變換、真實感圖形學(xué)中光照處理、照相機(jī)增強(qiáng)現(xiàn)實和紋理貼圖（映射）的基本概念和編程方法。理解面向?qū)ο蟪绦蛟O(shè)計思想，掌握初步的視覺藝術(shù)編程，為學(xué)會利用圖形程序設(shè)計、圖形算法設(shè)計和圖形軟件嵌入腳本設(shè)計做數(shù)字藝術(shù)創(chuàng)作設(shè)計打下基礎(chǔ)，舉?反三應(yīng)對更新的設(shè)計軟件版本和層出不窮的高級編程語言。四、教學(xué)內(nèi)容及要求第一章認(rèn)識圖形系統(tǒng)和可編程渲染管線（一）目的與要求了解當(dāng)前經(jīng)典的CG技術(shù)在計算機(jī)動畫和計算機(jī)藝術(shù)中的應(yīng)用和研究了解計算機(jī)圖形系統(tǒng)和可編程渲染管線?能夠搭建圖形編程實驗環(huán)境（二）教學(xué)內(nèi)容.介紹CG編程技術(shù)的發(fā)展史，以及在計算機(jī)動畫和計算機(jī)藝術(shù)中的應(yīng)用和研究（慕課》.圖形系統(tǒng)簡介：CRT基本原理和從CRT到3D顯示，CG編程中的顏色模型、圖像、像素基本知識：.可編程治染管線簡介.討論有趣的視覺現(xiàn)象和CG黑科技；預(yù)留問題：如何獲得更好的實時渲染真實感體驗？.圖形編程思維的起點?樸素的軟光柵：計算機(jī)畫一根直線的問題.可編程著色器和著色器效果.演示：環(huán)境搭建過程和旋轉(zhuǎn)著色立方體布置練習(xí)1：《實驗環(huán)境搭建一一MinGW+CMAKE:測試Hell。Window和旋轉(zhuǎn)著色三角形》【思政】光線跟蹤算法和輻射度算法的提出，標(biāo)志著真實感圖形的顯示算法已逐漸成熟?！舅颊垦芯慷嗤ǖ勒Z義模型、多通道整合算法及其軟件結(jié)構(gòu)和界面范式是當(dāng)前用戶界面和接口方面研究的主流方向，而圖形學(xué)在其中將起主導(dǎo)作用。（三）教學(xué)方法與手段Pearson1-2,19,22；主教1,2.1;華科慕課1；輔教1課堂講授+多媒體教學(xué)+Blackboard網(wǎng)絡(luò)平臺回顧+PBL教學(xué)：以下各章同第二章圖形編程語言程序結(jié)構(gòu)和簡單基本語法、函數(shù)、頭文件、依賴庫——以C/C++/OpenGL為例（一）目的與要求會用程序結(jié)構(gòu)流程圖表達(dá)自己的編程思想認(rèn)識函數(shù)的輸入和輸出、調(diào)用能編譯和加載外來模型文件，必要時修改源文件會看幫助文檔，函數(shù)用法說明（用戶手冊）（二）教學(xué)內(nèi)容1）OpenGL圖形標(biāo)準(zhǔn)繪制管線和程序結(jié)構(gòu)簡介2）認(rèn)識結(jié)構(gòu)流程圖認(rèn)識函數(shù)的輸入和輸出、調(diào)用基本語法：函數(shù)、結(jié)構(gòu)體和類條件語句、循環(huán)語句、開關(guān)語句、數(shù)組、變量、向量、列表指針和引用、數(shù)據(jù)類型和類型轉(zhuǎn)換文件的讀寫注釋D內(nèi)存問題calloc和new5）頭文件和附加鏈接依賴庫6）（著色器語言）程序調(diào)試和測試7）演示：三角形的著色變換和shader程序調(diào)用講解練習(xí)1輔導(dǎo)：練習(xí)2：《線框和填充模式的正六邊形著色》【思政】OpenGL是目前圖形工業(yè)界最廣泛使用的三維圖形編程接口和國際通用的圖形標(biāo)準(zhǔn)，其前身是IrishGL,由于IrisGL缺乏統(tǒng)一的規(guī)范，很難進(jìn)一步廣泛應(yīng)用，而OpenGL改進(jìn)了該圖形接口，特別是其跨平臺性。［思政】盡管OpenGL規(guī)范本身和語言是分開的，但其API從一開始就和C語言有著內(nèi)在的聯(lián)系。OpenGL2.0之后引入類C語言GLSL,成為了可編程的、基于著色器的API。雖然在當(dāng)時匯編語言版本的擴(kuò)展接口具有開創(chuàng)性意義且在當(dāng)時是很有用的，但它從未被提升為核心的OpenGL功能，而任何想要支持OpenGL2.0實現(xiàn)的硬件廠商，生產(chǎn)出的圖形硬件都必須具備可編程能力并能支持一個用高層語言編寫的著色器。第三章基本幾何元素繪制（一）目的與要求了解OpenGL像素陣列圖元和顯示緩沖區(qū)掌握常用實現(xiàn)圖元及屬性的方法了解畫線算法和畫家算法（二）教學(xué)內(nèi)容1編程方法：1）繪圖準(zhǔn)備和結(jié)束2）設(shè)置點線面等圖元函數(shù)3）設(shè)置圖元屬性函數(shù)4）調(diào)用著色器程序5）設(shè)置圖元的顯示模式2原理概念簡介（恭課）1）OpenGL像素陣列圖元和顯示緩沖區(qū)2）法向量、矢量運(yùn)算和矩陣運(yùn)算簡介3）直線段和圓弧的掃描轉(zhuǎn)換編程算法一一畫線算法4）多邊形的掃描轉(zhuǎn)換與區(qū)域填充編程算法一一畫家算法5）裁剪、反走樣、消隱、混合6）演示：直線、圓、橢圓生成：OpenGL字符函數(shù)；相應(yīng)的processing范例程序PointArray7）練習(xí)2輔導(dǎo)8）練習(xí)3：《通過畫點函數(shù)畫點陣圓盤》、先畫結(jié)構(gòu)流程圖、做測試計劃【思政-討論】計算機(jī)中的字符可通過國際標(biāo)準(zhǔn)字符集ASCII碼和國標(biāo)字符集GB2312-80表示。為了在輸出設(shè)備顯示器上顯示，系統(tǒng)必須裝備有相應(yīng)的字庫，分為點陣型和矢量型兩種。顯示時都要先從字庫里將它們的相關(guān)字符信息檢索出來；如果是點陣則需要將表示字符位圖中的每一位像素都寫到幀緩存里，變換時需要對每一像素進(jìn)行變換；如果是矢量字符則存儲輪廓信息，變換時只要對其第畫端點進(jìn)行變換就可以了?！舅颊抗鈻艌D形的走樣現(xiàn)象包括鋸齒狀邊界、圖形細(xì)節(jié)失真（原本比像素小的圖形變寬、狹小的圖形遺失）等現(xiàn)象。這些失真現(xiàn)象是由用離散量表示連續(xù)量引起，不可避免，但可通過提高分辨率、區(qū)域采樣和加權(quán)區(qū)域采樣等反走樣方法減少或消除這種效果。第四章坐標(biāo)變換和幾何造型繪制（-）目的與要求掌握基本幾何元素繪制方法、熟悉一定圖元函數(shù)和屬性函數(shù)了解矩陣表示和齊次坐標(biāo)，理解窗口到視口的坐標(biāo)變換理解OpenGL2D\3D圖形圖像創(chuàng)建和幾何變換編程示例理解參數(shù)化、參數(shù)曲線的代數(shù)和幾何形式、參數(shù)曲面的概念

了解形體的邊界表示模型和網(wǎng)格處理概念?了解非規(guī)則造型的形態(tài)學(xué)方法：分形幾何方法、粒子系統(tǒng)和其他過程方法(二)教學(xué)內(nèi)容1)掌握基本幾何元素繪制方法、熟悉一定圖元函數(shù)和屬性函數(shù)r解矩陣表示和齊次坐標(biāo)，理解窗口到視口的坐標(biāo)變換OpenGL二維圖形幾何變換編程示例OpenGL三維圖形的幾何變換編程示例，講解旋轉(zhuǎn)立方體實驗代碼理解參數(shù)化、參數(shù)曲線的代數(shù)和幾何形式、參數(shù)曲面的概念了解形體的邊界表示模型和網(wǎng)格處理概念了解非規(guī)則造型的形態(tài)學(xué)方法：分形幾何方法、粒子系統(tǒng)和其他過程方法練習(xí)3輔導(dǎo)練習(xí)4：《模型導(dǎo)入》10)練習(xí)5：《旋轉(zhuǎn)縮放球的繪制》【思政】現(xiàn)在的美術(shù)人員，尤其是商業(yè)藝術(shù)人員都熱衷于用計算機(jī)軟件從事藝術(shù)創(chuàng)作。可用于美術(shù)創(chuàng)作的軟件很多，如二維平面的畫筆程序(如CorelDraw,Photoshop和PaintShop)'專門的圖表繪制軟件(如Visio)'三維建模和渲染軟件包(如3DMAX,Maya\AE)以及一些專門生成動畫的軟件(如Alias\Softimage\Wavefront\Lightwave3D),圖像和視頻處理庫(OpenCV,Assimp,Cimag,std_imag,Pangolin),矩陣運(yùn)算處理庫(Eigen,GU(…)，需要注意區(qū)分基礎(chǔ)系統(tǒng)和嵌入系統(tǒng)的使用環(huán)境(如左手系還是右手系的坐標(biāo)系？由DX支持還是OpenGL支持？是行存儲還是列存儲？)【思政】在早期開發(fā)的實體造型系統(tǒng)中，值得提及的是劍橋大學(xué)的BUIL-1系統(tǒng)，5年以后又出現(xiàn)了BUILD-2系統(tǒng)，但都沒有公開使用，更遺憾的是系統(tǒng)的研究小組在1980年也解散了。研究小組的一部分人組建了ShapeData公司，并開發(fā)出實體造型系統(tǒng)Romulus,孕育了著名的實體造型系統(tǒng)開發(fā)環(huán)境：Parasolid和ACIS.［思政］坐標(biāo)變換是OpenGL中最重要的操作之一。想象一個場景，擺放若干個模型和一個相機(jī)，每個模型及相機(jī)都可以通過坐標(biāo)變換改變自己的位置，朝向，最終通過坐標(biāo)變換，場景模型才會正確的顯示在屏幕之上。第五章光照處理和紋理貼圖(一)目的與要求形體的投影變換光照處理紋理與表面細(xì)節(jié)添加，OpenGL紋理函數(shù)示例光線跟蹤方法和OpenGL可見性檢荏函數(shù)了解實時陰影的生成(二)教學(xué)內(nèi)容)形體的投影變換：透視投影光照處理a)光源和表面光照效果、基本光照模型b)透明、混合、霧氣效果、陰影的生成c)OpenGL光照模型和面繪制函數(shù)示例紋理與表面細(xì)節(jié)添加，OpenGL紋理函數(shù)示例：4)5)6)天空盒、法線貼圖和陰影生成工程講解光線跟蹤方法和OpenGL可見性檢查函數(shù)練習(xí)4-5輔導(dǎo)練習(xí)4)5)6)7）練習(xí)7：《縮放旋轉(zhuǎn)六棱柱的紋理》8）練習(xí)8：《修改光照模型和照相機(jī)增強(qiáng)現(xiàn)實示例代碼》【思政】紋理貼圖早期的技術(shù)是在頂點上設(shè)定顏色，每個面片上像素的顏色使用各頂點顏色的插值；后來OpenGL處理紋理的方法是對于每一個像素點，插值得到它的紋理坐標(biāo)，然后通過紋理坐標(biāo)讀取圖像中的“像素值”，再根據(jù)這個值來決定像素的顏色。由于讀取出來的紋理圖像“像素值”不一定要被直接用來代表面片像素的顏色，而是有可能作為輸入數(shù)據(jù)通過各種計算來確定最終的顏色，所以通常稱為紋素或者紋理單元（texel）.第六章計算機(jī)動畫編程和基于圖像的三維重建（一）目的與要求了解動畫序列的設(shè)計了解計算機(jī)動畫語言了解關(guān)鍵頓系統(tǒng)了解運(yùn)動的描述、角色動畫和周期性運(yùn)動（二）教學(xué)內(nèi)容了解動畫序列的設(shè)計了解計算機(jī)動畫語言了解關(guān)健幀系統(tǒng)了解運(yùn)動的描述、角色動畫和周期性運(yùn)動了解OpenGLES了解基于圖像的三維重建OpenGL動畫子程序示例OpenGL粒子系統(tǒng)編程示例講解OpenGL實時陰影編程示例講解10）相應(yīng)Processing范例11）練習(xí)6-8輔導(dǎo)12）練習(xí)9：《易季花開花謝一一實現(xiàn)透明漸變效果》【思政】世界著名的動畫大師JohnHalas曾經(jīng)說過“動畫的本質(zhì)在于運(yùn)動”，也有人稱動畫為“動的藝術(shù)”。計算機(jī)動畫與傳統(tǒng)動畫（手繪多張靜態(tài)畫面）都以滿足人眼暫留效應(yīng)的幀率播放（典型：24幀/秒，最小:8幀/秒），但是計算機(jī)動畫在幀的制作上與傳統(tǒng)動畫是有區(qū)別的，即關(guān)鍵幀通過數(shù)字化采集方式得到，或者用交互式圖形編輯器生成，對于復(fù)雜的形體還可以通過編程來生成?！舅颊靠梢酝ㄟ^在兩個關(guān)鍵幀之間的插值幀轉(zhuǎn)變多邊形的形狀來將一個對象形態(tài)變換到另一個形態(tài)。運(yùn)動路徑可以通過樣條曲線給出，也可以基于作用力等其他基于物理建模的方式給出?！舅颊繉崟r動畫受到計算機(jī)的速度、存儲容量、字長、指令系統(tǒng)及圖形處理能力等因素的限制，要滿足不閃爍的流暢實時感，“時間”是一個致命的限制。利用幀緩存預(yù)存逐幀動畫是一種解決方案，但是該放映技術(shù)目前還不能實現(xiàn)帶有紋理、反射、透明和陰影等真實感效果的三維實時動畫。期中測驗期末課程設(shè)計：綜合應(yīng)用（校園漫游場景幻變?nèi)f花筒特效）五、各教學(xué)環(huán)節(jié)學(xué)時分配

教學(xué)環(huán)節(jié)教學(xué)時廣\課程內(nèi)容^j講課習(xí)題課討論課實驗其他教學(xué)環(huán)節(jié)小計第一章2114第一早62412第三章62412第四章62210第五章64212第六章4228期中測驗22期末課程設(shè)計44合計3012119264六、推薦教材和教學(xué)參考資源（1）推薦教材與參考書：ISBN作者書名出版社出版年份978-7-302-20711-5孫家廣胡事民計算機(jī)圖形學(xué)基礎(chǔ)教程清華大學(xué)出版社2009-2020978-7-121-24614-3DHearn;MBaker;WR.Carithers（蔡世杰等譯）計算機(jī)圖形學(xué)withOpenGL（第四版）Pearson/電子工業(yè)出版社2002-2018978-90-90-33256-7JoeyDeVriesLearnOpenGL-GraphicsProgramming（OpenGL編程指南）/紅寶書20209787-115-36103-5蘇小紅等計算機(jī)圖形學(xué)實用教程人民郵電出版社2014-2020978-7-115-35232-3JanErikSolenPython計算機(jī)視覺編程人民郵電出版社2014978-7-121-13463-0譚亮Processing互動編程藝術(shù)電子工業(yè)出版社20117-302-10587-1MarkPriestley面向?qū)ο笤O(shè)計UML實踐清華大學(xué)出版社20