week01 互動技術 08160873

 Step01:點選葉正聖老師上課軟體

Step02:選取"processing-4.0b8-windows-x64"壓縮檔 右鍵(7-Zip解壓縮{最長串那個})

Step03:開啟解壓縮完成的檔案裏面

Step04:開啟應用程式,並設定視窗大小{size(x,y)}(x,y為參數Ex:(500,500))

Step05:調整背景顏色:使用工具(Tool)選單下拉 顏色選擇器{background(#.....)}

Step06:填充顏色fill(),以及添加一個四邊形rect() :

Step07:新增視窗,設計一個動態模式(active)的程式碼,並修改為{{mouseX,mouseY,x,y};}來做比對做比對:

Step08:將剛剛的active互動程式碼,轉換為p5.js,貼到http://pde2js.herokuapp.com/,並轉換完成後,貼回Processing視窗內完成轉換:

Step09:開啟新視窗,並自製小畫家:

Step10:畫不同顏色的線:

上傳檔案到Git hub