Course Syllabus

Course Information：

Year-Semester Course Number Course Name Phase Credits Hours Required/Elective Instructor Class Student NO. Withdraw Note

Spring Semester
Year 2026 355365 Advanced Interactive Programming Design 1 3.0 3 ★ Chiu-Hsuan Wang 4IDI2 13 0 Limited to 15 students from this department. Please bring your own laptop.

Year-Semester	Course Number	Course Name	Phase	Credits	Hours	Required/Elective	Instructor	Class	Student NO.	Withdraw	Note
Spring Semester Year 2026	355365	Advanced Interactive Programming Design	1	3.0	3	★	Chiu-Hsuan Wang	4IDI2	13	0	Limited to 15 students from this department. Please bring your own laptop.

Course Plan：

Instructor Chiu-Hsuan Wang

Email wanglolly821014@gmail.com

Last Updated 2025-12-15 22:22:32

Course Objective 本課程將聚焦於「即時互動系統」與「即時視覺表現」，透過感測輸入、資料處理、狀態轉換與視覺回饋構成一套互動的動態系統。課程前半將透過 TouchDesigner，讓學生快速建立互動系統的核心概念，包括即時資料流、參數映射、時間性變化，以及以 WebCam 為基礎的人體、手勢與環境互動。課程後半則引入 Unity，聚焦於即時視覺表現的設計與實作，包含 Shader Graph 與 Visual Effect Graph。學生將學習如何以節點式方式設計動態材質、粒子系統與互動視覺效果，並在必要時接觸基礎程式碼，理解互動資料如何驅動視覺呈現。透過 TouchDesigner 與 Unity 的分工與整合，本課程旨在培養學生設計具備互動性、時間性與視覺敘事能力的即時互動作品，並能完成可展示、可操作的期末專題。 This course focuses on the design of real-time interactive systems and visual experiences. Through combining sensing, data processing, state transitions, and visual feedback together, students can realize a dynamic interactive system. In the first half of the course, students will use TouchDesigner to develop an understanding of real-time data flow, parameter mapping, temporal behaviors, and interaction logic. Webcam-based interaction, including body movement, gestures, and environmental input, will be introduced to allow students to explore complex interaction scenarios with minimal technical overhead. In the second half of the course, Unity is introduced as the primary platform for real-time visual output. Students will learn to design dynamic materials and visual effects using Shader Graph and Visual Effect Graph, and will be introduced to basic scripting when necessary to connect interaction data with visual behavior.

Course Schedule 1. Course Introduction 2. Introduction to TouchDesigner 3. Time-based Interaction and Parameter Mapping 4. Webcam-based Interaction I 5. Webcam-based Interaction II 6. Interactive System Design with TouchDesigner 7. Introduction to Unity for Interactive Visuals 8. Shader Graph Fundamentals 9. Dynamic Materials and Interaction 10. Introduction to Visual Effect Graph 11. Interactive VFX Design 12. Connecting Interaction and Visual Output 13. Final Project Proposal 14. Interaction Narrative and Experience Flow 15. Interaction States and System Robustness 16. Final Project Discussion 17. Final Project Presentation 18. Final Project Demonstration

Evaluation and grading policy Homework 40% Class Performance 20% Final Project Proposal 10% Final Project Presentation 15% Final Project Demonstration 15%

Materials All right reserved. Do not reproduce without permission.

Foreign-language textbooks:Yes
https://learn.unity.com/

The access to curricular consultation Discord Channel
王秋玄老師(wanglolly821014@gmail.com)

The course corresponds to the SDGs 無（None）

Does the course incorporate AI ● 鼓勵學生使用生成式AI工具（Encourage students to use generative AI tools）

Note
　

Instructor	Chiu-Hsuan Wang
Email	wanglolly821014@gmail.com
Last Updated	2025-12-15 22:22:32
Course Objective	本課程將聚焦於「即時互動系統」與「即時視覺表現」，透過感測輸入、資料處理、狀態轉換與視覺回饋構成一套互動的動態系統。課程前半將透過 TouchDesigner，讓學生快速建立互動系統的核心概念，包括即時資料流、參數映射、時間性變化，以及以 WebCam 為基礎的人體、手勢與環境互動。課程後半則引入 Unity，聚焦於即時視覺表現的設計與實作，包含 Shader Graph 與 Visual Effect Graph。學生將學習如何以節點式方式設計動態材質、粒子系統與互動視覺效果，並在必要時接觸基礎程式碼，理解互動資料如何驅動視覺呈現。透過 TouchDesigner 與 Unity 的分工與整合，本課程旨在培養學生設計具備互動性、時間性與視覺敘事能力的即時互動作品，並能完成可展示、可操作的期末專題。 This course focuses on the design of real-time interactive systems and visual experiences. Through combining sensing, data processing, state transitions, and visual feedback together, students can realize a dynamic interactive system. In the first half of the course, students will use TouchDesigner to develop an understanding of real-time data flow, parameter mapping, temporal behaviors, and interaction logic. Webcam-based interaction, including body movement, gestures, and environmental input, will be introduced to allow students to explore complex interaction scenarios with minimal technical overhead. In the second half of the course, Unity is introduced as the primary platform for real-time visual output. Students will learn to design dynamic materials and visual effects using Shader Graph and Visual Effect Graph, and will be introduced to basic scripting when necessary to connect interaction data with visual behavior.
Course Schedule	1. Course Introduction 2. Introduction to TouchDesigner 3. Time-based Interaction and Parameter Mapping 4. Webcam-based Interaction I 5. Webcam-based Interaction II 6. Interactive System Design with TouchDesigner 7. Introduction to Unity for Interactive Visuals 8. Shader Graph Fundamentals 9. Dynamic Materials and Interaction 10. Introduction to Visual Effect Graph 11. Interactive VFX Design 12. Connecting Interaction and Visual Output 13. Final Project Proposal 14. Interaction Narrative and Experience Flow 15. Interaction States and System Robustness 16. Final Project Discussion 17. Final Project Presentation 18. Final Project Demonstration
Evaluation and grading policy	Homework 40% Class Performance 20% Final Project Proposal 10% Final Project Presentation 15% Final Project Demonstration 15%
Materials	All right reserved. Do not reproduce without permission. Foreign-language textbooks:Yes https://learn.unity.com/
The access to curricular consultation	Discord Channel 王秋玄老師(wanglolly821014@gmail.com)
The course corresponds to the SDGs	無（None）
Does the course incorporate AI	● 鼓勵學生使用生成式AI工具（Encourage students to use generative AI tools）
Note