於多點觸控環境下之多人共同創作平台- 多人沙畫系統
DESCRIPTION
於多點觸控環境下之多人共同創作平台- 多人沙畫系統. 指導教授:黃仁暐 教授 專題生:羅允志 陳冠宏. 研究動機. 分組討論時 … 多人同時討論的平台 …. Multi-touch. 硬體 多點觸控螢幕開始大量出現在各類型的應用上,手機、電腦、觸控面板 … 軟體 Windows 7, .NET Framework 4.0 客戶 全新的體驗,使用者需求日益殷切, 絕對是下一波主流的使用者操作介面. 開發平台 - .NET Framework 多點觸控. WPF 3.5 SP1 ( 整合函式庫 , wrapper 類別 ) - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/1.jpg)
1
於多點觸控環境下之多人共同創作平台-多人沙畫系統
指導教授:黃仁暐 教授 專題生:羅允志 陳冠宏
![Page 2: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/2.jpg)
2
研究動機
分組討論時… 多人同時討論的平台…
![Page 3: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/3.jpg)
3
Multi-touch
硬體 多點觸控螢幕開始大量出現在各類型的應用上,
手機、電腦、觸控面板… 軟體
Windows 7, .NET Framework 4.0
客戶 全新的體驗,使用者需求日益殷切,
絕對是下一波主流的使用者操作介面
![Page 4: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/4.jpg)
4
開發平台 - .NET Framework 多點觸控
WPF 3.5 SP1 ( 整合函式庫 , wrapper 類別 )▪ Multi-touch, Gesture APIs
4.0▪ Multi-touch 控制項
![Page 5: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/5.jpg)
5
環境模擬
Multi-touch Vista 為一套用戶輸入的管理層,處理各種設備之輸
入 ( 如 touchlib, multiple mice, TUIO etc.) with multi-touch driver for Windows 7.
![Page 6: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/6.jpg)
6
環境模擬
模擬多點觸控輸入
![Page 7: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/7.jpg)
7
Windows 7 整合函式庫 – Inertia
Inertia 滑行效果 讓拖曳的物件能依照物理慣性繼續滑動。
拖放
![Page 8: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/8.jpg)
8
Windows 7 整合函式庫 – Manipulation
Manipulation 縮放效果 兩個手指放在物件上,藉由調整手指間的距離,
而改變物件大小。
![Page 9: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/9.jpg)
9
Toolbar 控制列
建立 Toolbar 控制列 可藉由多點手勢進行旋轉
![Page 10: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/10.jpg)
10
Toolbar 功能項
筆跡 擦布( 線條 )
字型大小
複製 清除畫面
擦布( 依物件 )
選取 手勢貼上 顏色
![Page 11: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/11.jpg)
11
擴充至多點觸控
多點同時繪畫的功能
![Page 12: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/12.jpg)
12
基本繪圖程式
建立基本繪圖軟體 具備筆墨、線條大小、色彩、擦布、選取、複
製、貼上、基本手勢之功能。
![Page 13: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/13.jpg)
13
多人沙畫系統
![Page 14: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/14.jpg)
14
多人沙畫系統
主程式執行畫面 ( 模擬沙畫特性製作 )
![Page 15: 於多點觸控環境下之多人共同創作平台- 多人沙畫系統](https://reader033.vdocuments.pub/reader033/viewer/2022061606/56815a62550346895dc79f10/html5/thumbnails/15.jpg)
15
Demo多人沙畫系統