2023年12月28日 星期四

Jia的互動技術日誌 Week16

 今天在調整外觀和按鈕位置

正在嘗試中


先新增多個按鈕並對應壓下後更換貼圖


我想讓按鈕也貼上貼圖,嘗試中
結果先調整了盤子感覺不錯


按鈕功能做出來也貼圖了
但是覺得排版好醜


試看看調位置
讓按鈕在桌子上的感覺


調好按扭了(目前)
放了一個插著可以一起旋轉的牌子



有個很大的心得,因為在3D模式下要調整位置真的有難度
每個位置都是反覆測試反覆執行好幾次

一定要開新的檔案做測試成功後再放入程式中
並且每次有新的版本就要做一次儲存
雖然麻煩但保險!!

假日有新增很多進展

像是互通顏色的按鈕

蛋糕各種樣式、不同結局、音樂新增、期中部分畫面優化等等

期待最終期末成果!!!

按鈕的部分做了很多次更改
包括圖案 形狀 位置...

放部分程式碼
💾 程式碼存檔區
      pushMatrix(); //方塊2
        beginShape(QUADS);
        fill(tex_num2);
        translate(450+30,240+100,Z4);
        rotateY(100);
        rotateX(PI+15);
        box(150, 100, 0.1);
        texture(ttt4); // 使用貼圖
        endShape();
      popMatrix();
選一個按鈕程式碼展示
Z軸設變數,按鈕貼貼圖,按鈕顏色設變數
當按鈕按下,Z軸往後,顏色變深,讓按鈕有按下的感覺!!
💾 程式碼存檔區
      if(mouseX>=295 && mouseY>=870 && mouseX<=470 && mouseY<=985) //黃
      {
        Z=300;Z2=200;Z3=280;Z4=170;
        tex_num=255;tex_num2=255;tex_num3=255;tex_num4=255;
        cir1 = c3;
        imgCake = imgCake1;
        showP = false;
      }
每次先用 println mouseX,mouseY 告訴我按鈕在哪裡
四個邊框讀出來後就可以設定按鈕按下後的效果和要呈現什麼蛋糕樣式

沒有留言:

張貼留言