2016年10月27日 星期四

Week 07 Sean's note 60408027E


  • AR
The year of 2000
The invisible Train ,  Magic Book






ARToolkit (market 黑色方塊)











  • Processing video
    import processing.video.*;
      Capture video;
        void setup(){
            size(640,480);
              video = new Capture(this, 640, 480);
                video.start();
                }
                  void draw(){
                      background(0);
                        video.read();
                          image(video, 0,0);
                          }
                            void captureEvent(Capture c) {
                                c.read();
                                }

                                Process Explorer 進階工作管理員
                                • Leap Motion (Next Week)

                                今天諸事不順
                                1. https://github.com/poqudrof/PapARt
                                2. https://github.com/poqudrof/PapAR/wiki/Quick-start
                                3. not found for org.bytedeco.javacpp.opencv_core!!
                                4. PFont myFont = createFont("arial",20);
                                5. 安裝 openCV library 仍失敗
                                6. Java CP :https://github.com/bytedeco/javacv
                                • Teleport
                                  • Star trek 傳送裝置
                                  • Holoportation: virtual 3D





                                week7 呂郁欣 教學軟體筆記



                                week7 呂郁欣 教學軟體筆記


                                1. Web cam
                                2.Camera Calibration 攝影機校正

                                import processing.video.*;
                                capture video;
                                void setup(){
                                     size(640,480);
                                     video = new capture(this, 640,480);
                                     video,start();
                                }
                                void draw(){
                                   //video.read();
                                  image(video, 0 ,0 );
                                }
                                void caputureEvent(capture c ){
                                c.read();
                                }


                                「leap motion」的圖片搜尋結果

                                holoportation: virtual 3D teleportation in real-time (Microsoft Research)


                                3.AR
                                擴增實境Augmented Reality,簡稱AR

                                • 將虛擬物與現實結合
                                • 即時互動三維
                                • 現實-虛擬連續統

                                1. 2000 Magic Book, Invisible Train
                                ARToolkit (marker正方形的黑白方塊)
                                https://studierstube.icg.tugraz.at/invisible…/…/crw_7800.jpg
                                http://dl.acm.org/citation.cfm?id=1186168
                                The invisible train: a collaborative handheld augmented reality demonstrator
                                http://www.unfoldingleadership.com/downloads/MagicBook.pdf
                                http://www.cce.mcu.edu.tw/project/data/97/22/index.html
                                虛擬傢俱擺設設計系統


                                3.holoportation: virtual 3D teleportation in real-time (Microsoft Research)

                                Week 07 均均❤上課筆記

                                105/10/27
                                1) Web cam
                                2) Camera Calibration 攝影機校正
                                3) AR 擴增實境
                                       2000年 Magic Book, Invisible Train, ARToolkit
                                「ARToolkit」的圖片搜尋結果
                                ARToolkit









                                「ar」的圖片搜尋結果
                                IKEA AR型錄

































                                4) Holoportation
                                5) 實作: 拿金幣


                                打開視訊鏡頭
















                                6) Leap Motion
                                「Leap Motion」的圖片搜尋結果
                                Leap Motion

                                Week 07 ლ(゚д゚ლ) 張書豪 60408029E 大豪豪der上課筆記

                                2016/10/27 教學軟體設計 筆記

                                本日心得:

                                今天老師介紹processing的web cam 可以拍到自己,覺得很酷,畢竟這個與影像處理有關,但對於影像處理這個名詞覺得很困難而且門檻應該滿高的,研究所同學有去修影像處理的課程,每次看他的作業與考試,都覺得... 嗯... ㄏㄏ ,但發現這個processing還可以攝影機校正,真的覺得很酷,這跟我過去以往在學習程式時,以前學C# 有學到介面的那種設計環境,但是也還只是皮毛而已,但對於真正的那種功能實現,感覺當時有很大的落差,但今天卻能馬上看到,那種程式執行成功且馬上又能看到,感覺很不錯~~ 接著老師有介紹AR,這個部分共鳴的部分比較多,因為目前研究的就在這個領域,對於AR其實也不是很深入的了解,但是大概能簡單的說出AR的定義,而目前也正在寫AR,寫與英語閱讀的AR - APP ,雖然程式還沒寫好,很多設計上都還欠缺詳細的考量,但我覺得AR結合現實與虛擬,如果能在學習上給予學生幫助,一定能給予學生很強烈的學習動機,雖說動機的高與低與否與成效有沒有直接關係,這不得而知,需待研究佐證一番,但我覺得只要學生在學習學科知識的時候,是快樂的! 這比任何事情都還來的重要,畢竟有上過一門課,老師說過 "學習本身就是痛苦的! 學習怎麼會快樂?!" 的確,所以能夠讓學生快樂的學習比起學生學到了什麼也許更來的重要許多?!~~


                                ●  影像處理:

                                影像處理,是對圖像進行分析、加工、和處理,使其滿足視覺、心理以及其他要求的技術。
                                影像處理是訊號處理在圖像域上的一個應用。
                                目前大多數的圖像是以數位形式儲存,因而影像處理很多情況下指數位影像處理。
                                此外,基於光學理論的處理方法依然占有重要的地位。
                                影像處理是訊號處理的子類別,另外與電腦科學、人工智慧等領域也有密切的關係。

                                傳統的一維訊號處理的方法和概念很多仍然可以直接應用在影像處理上,比如降噪、量化等。然而,圖像屬於二維訊號,和一維訊號相比,它有自己特殊的一面,處理的方式和角度也有所不同。

                                ● 擴增實境:

                                擴增實境(Augmented Reality,簡稱AR),是一種實時地計算攝影機影像的位置及角度並加上相應圖像的技術,這種技術的目標是在螢幕上把虛擬世界套在現實世界並進行互動。
                                這種技術估計由1990年提出。隨著隨身電子產品運算能力的提升,預期擴增實境的用途將會越來越廣。

                                ● 擴增實境定義:

                                目前對於擴增實境有兩種通用的定義。一是北卡大學羅納德·阿祖瑪(Ronald Azuma)於1997年提出的,他認為擴增實境包括三個方面的內容:
                                1. 將虛擬物與現實結合
                                2. 即時互動
                                3. 三維

                                而另一種定義是1994年保羅·米爾格拉姆(Paul Milgram)和岸野文郎(Fumio Kishino)提出的現實-虛擬連續統(Milgram's Reality-Virtuality Continuum)。
                                他們將真實環境和虛擬環境分別作為連續系統的兩端,位於它們中間的被稱為「混合實境」。
                                其中靠近真實環境的是擴增實境(Augmented Reality),靠近虛擬環境的則是擴增虛境。

                                以下是自己製作的簡報,分享給大家 :
















                                1. Web cam
                                2. Camera Calibration 攝影機校正
                                3. AR

                                2000 Magic Book, Invisible Train
                                ARToolkit (marker正方形的黑白方塊)
                                https://studierstube.icg.tugraz.at/invisible…/…/crw_7800.jpg
                                http://dl.acm.org/citation.cfm?id=1186168
                                The invisible train: a collaborative handheld augmented reality demonstrator
                                http://www.unfoldingleadership.com/downloads/MagicBook.pdf
                                http://www.cce.mcu.edu.tw/project/data/97/22/index.html
                                虛擬傢俱擺設設計系統


                                實作:
                                import processing.video.*;
                                Capture video;
                                void setup(){
                                  size(640,480);
                                  video = new Capture(this, 640,480);
                                  video.start();
                                }

                                void draw(){
                                  //video.read();
                                  image(video,0,0);
                                }

                                void captureEvent(Capture c){
                                  c.read();
                                }




                                網路資源 processing library ar : http://www.creativeapplications.net/processing/augmented-reality-with-processing-tutorial-processing/



                                60508013E_林子婷,Week07

                                105/10/27

                                1. Web cam

                                2. Camera Calibration 攝影機校正
                                > 解決延遲問題

                                3. AR 擴增實境
                                1) 2000 Magic Book , Invisible Train ARToolkit (marker 正方形的黑白方塊)
                                          https://studierstube.icg.tugraz.at/invisible…/…/crw_7800.jpg
                                          http://dl.acm.org/citation.cfm?id=1186168
                                          The invisible train: a collaborative handheld augmented reality demonstrator
                                          http://www.unfoldingleadership.com/downloads/MagicBook.pdf
                                          http://www.cce.mcu.edu.tw/project/data/97/22/index.html
                                          虛擬傢俱擺設設計系統

                                2)
                                    google搜尋 : processing library ar
                                    https://forum.processing.org/two/discussion/12341/new-augmented-reality-library
                                    https://github.com/poqudrof/PapAR/wiki/Quick-start
                                    
                                4. Holoportation
                                    https://www.youtube.com/watch?v=7d59O6cfaM0

                                5. Leap Motion
                                    https://www.leapmotion.com/


                                2016年10月21日 星期五

                                Week06 張曉瑀上課筆記

                                20161020 Week06 筆記

                                今日體驗hTc VIVE

                                今日實作 打字遊戲

                                step1: install SOUND & VIEDO in library
                                step2: 加入音樂於背景中

















                                step3: 加上打字的遊戲

                                以英文字母為例
























                                **ctrl +T可以排版


                                step4: 設計字母掉下射擊遊戲

                                void setup(){
                                size(600,400);  //場景大小
                                }
                                int shooting=0;  
                                float boxX=200, boxY=0;   //設定浮點 
                                int c=0;
                                char [] boxC = {'a','b','c','d','e','f','g','h','i','j','k','l',
                                'm','n','o','p','q','r','s','t','u','v','w','x','y','z'};  //設定掉下字母
                                void draw(){
                                background(255);
                                boxY+=2;
                                if(boxY>400){
                                c = int(random(26));
                                boxY=0;
                                }
                                fill(255); rect(boxX, boxY, 50,50);
                                fill(255,0,0); textSize(80); text(boxC[c], boxX, boxY);
                                if(shooting>0){
                                strokeWeight(40); stroke(255,0,0); line(300,400, boxX, boxY);
                                strokeWeight(1); shooting--;
                                if(shooting==0){
                                c = int(random(26)); boxX=random(400)+100;
                                boxY=0;
                                }
                                }
                                }
                                void keyPressed(){
                                if(key==boxC[c]){
                                shooting=10;
                                }
                                }


                                2016年10月20日 星期四

                                Week06 彩鳳筆記

                                Typing game
                                http://www.freetypinggame.net/play.asp



                                Processing
                                Import Sound & Video to library


                                Sound sample


                                Adding sound to processing by dragging the mp3 file to processing window


                                Press play and hear the song you just added

                                Typing a, b, c
                                import processing.sound.*;
                                SoundFile soundfile;
                                boolean[]drawKey = new boolean[26];//26: english alphabet
                                int[]a=new int[100];
                                void setup() {
                                  size(600, 400);
                                  soundfile = new SoundFile(this, "new.mp3");
                                  soundfile.play();
                                }

                                void draw() {
                                  for (int i=0; i<26; i++) {
                                    if (drawKey[i]) {
                                      rect(i*50, 100, 50, 50);
                                    }
                                  }
                                }

                                void keyPressed() {
                                  if (key=='a' || key=='A') {
                                    drawKey[0]=true;
                                  } else if (key=='b' || key=='B') {
                                    drawKey[1]=true;
                                  } else if (key=='c' || key=='C') {
                                    drawKey[2]=true;
                                  }
                                }

                                Typing game (shooting alphabet)
                                import processing.sound.*;
                                SoundFile soundfile;
                                boolean[]drawKey = new boolean[26];
                                int[]a=new int[100];
                                void setup() {
                                  size(600, 400);
                                  soundfile = new SoundFile(this, "new.mp3");
                                  soundfile.play();
                                }
                                int shooting=0;  
                                float boxX=200, boxY=0;
                                int c=0;
                                char [] boxC = {'a','b','c','d','e','f','g','h','i','j','k','l',
                                'm','n','o','p','q','r','s','t','u','v','w','x','y','z'};
                                void draw(){
                                background(255);
                                boxY+=2;
                                if(boxY>400){
                                c = int(random(26));
                                boxY=0;
                                }
                                fill(255); rect(boxX, boxY, 50,50);
                                fill(255,0,0); textSize(80); text(boxC[c], boxX, boxY);
                                if(shooting>0){
                                strokeWeight(40); stroke(255,0,0); line(300,400, boxX, boxY);
                                strokeWeight(1); shooting--;
                                if(shooting==0){
                                c = int(random(26)); boxX=random(400)+100;
                                boxY=0;
                                }
                                }
                                }
                                void keyPressed(){
                                if(key==boxC[c]){
                                shooting=10;
                                }
                                }