2015年6月15日 星期一

期末作業-進度

Let's share color!

構思
在Youtube找到影片:
2011大葉大學14屆視傳系形象長片-視界交互【點點人3主打】
https://www.youtube.com/watch?v=_8E6w0irTQE






看到這個影片產生了將它做成互動軟體的想法,偵測到人利用圓點印出,能多人一起使用,每個人都能有自己的顏色,並且能分享自己的顏色給對方





設計過程:

開始步驟:
  1. 如何印出點點人?
  2. 人如何有顏色?
  3. 如何互相變顏色?




步驟1.印出點點人






步驟2.人如何有顏色
先用矩陣宣告顏色

color[]       userClr = new color[]{ color(255,0,0),
                                     color(0,255,0),
                                     color(0,0,255),
                                     color(255,255,0),
                                     color(255,0,255),
                                     color(0,255,255)
                                   };


將人物的點點填入顏色
  blob_array[index] = 5; //矩陣裡六個顏色
        //fill(GRAY);  這邊是原本還沒加入彩色時先令他為灰階
         fill(userClr[ (userMap[index] - 1) % userClr.length ], 50);  //填入顏色矩陣的色彩

預設第一人為紅色

偵測到第二個人
預設第二人為綠色


第三人為藍色,第四人為黃色,第五人為紫紅色,第六人為淡藍色。









步驟3.如何互相改變顏色?
Let's share color!



當紅色的人碰到綠色的人時,碰到的部分會變成紅色,慢慢地整個人會變成紅色。
當紅色的人不再接觸後,原本的綠色人會變成紅色,而原本紅色的人會變成下一個顏色。











這就是分享顏色!!!!!!!!


沒有留言:

張貼留言