HW05

原圖組合

重新配對

↗ 備註：這是唯一找到，勉強組合在一起比較適合的 :"D

// 感想：

這次的課程仍然是小畫家的延伸，老師要我們用自己做的小畫家，畫出上次用半圓

延伸出的圖形，上下半圓皆要完成。

* 這是這禮拜學到的重要程式碼 ---

將完整圖像切成兩個等分，分為頭和尾，分別重新組合。

PImage imgTop = loadImage(top + "t.jpg");  // 讀取 *.jpg 圖像檔 (命名為" ？t " )  

PImage imgButtom = loadImage(buttom  + "b.jpg"); // 讀取 *.jpg 圖像檔 (命名為" ？b " )  

image(imgTop, 0, 0); // 調整頭圖像的位置

image(imgButtom, 0, 400);  // 調整尾圖像的位置

* 繪製一個按鈕 ---

讓圖形組合加上可以分別選擇頭換下一張，還是尾換下一張。

// 按鈕外觀的設置 

fill(255);

rect(520,300,50,50);

strokeWeight(1);

font = loadFont("Courier-12.vlw"); 

textFont(font); 

fill(0);

text("--->", 530, 330);

// 按鈕功能的設置

if(mousePressed == true && mouseButton == LEFT){

    if(mouseX > 520 && mouseX <570 && mouseY > 250 && mouseY < 300)

    {

      top++;

      if(top > 20){

        top = 1;

      }

    }

確認滑鼠在特定範圍內有按下左鍵時，就進行頭換下一張，且設定範圍在 20 張以內，

當圖形到 20 張的下一張時，就回到第一張。

* 更重要的是初始的設定值 ---

int numPic = 20;  // 先告訴電腦總共有 20 張圖形

int top = 1;  // 頭的初始化 ( 先從第一張開始 )

int buttom = 1;   // 尾的初始化 ( 先從第一張開始 )

這次光是畫上下半圓的圖形就畫了好久，每次快畫完時都不小心按到 Clear ...

結果就把辛苦畫好的圖形又全部清除了，又得重新開始了。

也不錯的是，至少可以經過幾次的重畫，讓最後畫出的圖越來越完美，也訓練

自己的耐心及恆心呢。今天仍然學習了許多新知識，要一次比一次更加油才行 !!