我們之前的實踐裡，已經探討了在水平方向動態繪製立方體的積木搭建方法，如下圖所示：

![](https://img-blog.csdnimg.cn/img_convert/4e3b4a0414360dca1711f46dc2befe99.png)

接下來我們期望在 Y 軸方向也繪製立方體，如下圖所示。

![](https://img-blog.csdnimg.cn/img_convert/13f2c06b22e5aa777a92c437c6cb4e71.png)

其實只需要在水平方向依次繪製兩列立方體就可以了。這兩列立方體的初始頂點，我已經用黑色高亮了。

![](https://img-blog.csdnimg.cn/img_convert/8ba9b1c28b4bcb46e30f843ed1d59a1a.png)

首先我有一個繪製立方體的函式，這個函式里繪製兩個正方形，分別是正方體面對我們那個面和背對我們的面，然後繪製四個斜面。

![](https://img-blog.csdnimg.cn/img_convert/c0e220d4b6f21062543d4aa13f2a7a9c.png)

這個函式的呼叫前提，是 x 方向動態立方體的 x 座標已經設定好。這個座標每繪製一個立方體之後，就會在迴圈裡遞增，步長是正方體稜長。

![](https://img-blog.csdnimg.cn/img_convert/5f33a7b9425c64816b8a72f2a104dd72.png)

x 方向動態立方體的 x 座標，初始值為 X 方向立方體頂點 X 座標，這個座標是在迴圈體外部計算的，公式如下。

![](https://img-blog.csdnimg.cn/img_convert/f451f355731406f1d83571ea1c5eb24b.png)

在 Y 方向繪製一排新的立方體，關鍵是要找到第一個立方體的起始頂點的 X 和 Y 座標。

我每次動態繪製 X 方向的立方體時，都會將計算好的第一個立方體的頂點，儲存到變數起點X 和起點 Y 裡，以備後續使用。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-3Rx4NW59-1675827193236)(null)]

這樣，在繪製 Y 方向立方體時，我重新回到起點 X 和 Y，然後調整旋轉角度，移動到斜邊的另一個頂點，此時這個頂點的 X 和 Y 座標，就是新的一排待繪製的立方體的初始X 和 Y 座標。

![](https://img-blog.csdnimg.cn/img_convert/6ce0f3a0c4987fda6c91d56bfb6b3d26.png)

換言之，呼叫從左到右繪製全部立方體函式之前，必須保證起點的 X 和 Y 座標被成功計算出來才行，後者又依賴變數起點 X 和 Y。

Kitten 動態繪製 Y 軸方向立方體的實現方法

相關文章