Some content could not load.
We could not load files from our content delivery networks (CDN).
Your network may be blocking access. Ask your IT to allow loading from: .
Your network may be blocking access. Ask your IT to allow loading from: .
Network domains required
We use these CDNs to deliver the files the site needs to run, please allow the following:
| Domains to allow | Used for |
|---|---|
cdn.jsdelivr.net |
styles and JavaScript libraries. |
cdnjs.cloudflare.com |
JavaScript libraries and icons. |
code.jquery.com |
jQuery and jQuery UI. |
pixelpad.io, cdn.pixelpad.io |
CDN of images, sounds, and application files. |
cdn.datatables.net |
Interactive tables. |
fonts.googleapis.com, fonts.gstatic.com |
Fonts stylesheets and font files. |
s3.us-west-1.amazonaws.com, s3-us-west-1.amazonaws.com |
Project files stored on Amazon S3. |
vmwan2cvlyzeklq4knz63qh6d40lewka.lambda-url.us-west-1.on.aws |
Amazon AWS Project play counters. |
nexushud.org |
Learning assistant. |
u45ivsqoja6u3sk7zaliv37zq40hpbxk.lambda-url.us-west-1.on.aws |
Amazon AWS AI character responses, when used. |
PixelPAD 2D - 繪圖
draw_rectangle(x1 :number, y1 :number, x2 :number, y2 :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic
範例
說明
在兩個角之間畫一個矩形，並回傳一個可以移動、隱藏或銷毀的圖形。
參數
x1
左邊緣的 x 位置。
y1
下邊緣的 y 位置。
x2
右邊緣的 x 位置。
y2
上邊緣的 y 位置。
lineThickness
邊框的粗細，單位為像素。
lineColor
邊框顏色，為十六進位數字，例如 0xFF0000。
fillColor
內部填滿顏色，為十六進位數字。
左邊緣的 x 位置。
y1
下邊緣的 y 位置。
x2
右邊緣的 x 位置。
y2
上邊緣的 y 位置。
lineThickness
邊框的粗細，單位為像素。
lineColor
邊框顏色，為十六進位數字，例如 0xFF0000。
fillColor
內部填滿顏色，為十六進位數字。
回傳值
圖形物件
draw_ellipse(x :number, y :number, width :number, height :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic
範例
說明
以中心點畫一個橢圓。
參數
x
中心的 x 位置。
y
中心的 y 位置。
width
橢圓從中心向左右延伸的距離。
height
橢圓從中心向上下延伸的距離。
lineThickness
邊框的粗細，單位為像素。
lineColor
邊框顏色，為十六進位數字。
fillColor
內部填滿顏色，為十六進位數字。
中心的 x 位置。
y
中心的 y 位置。
width
橢圓從中心向左右延伸的距離。
height
橢圓從中心向上下延伸的距離。
lineThickness
邊框的粗細，單位為像素。
lineColor
邊框顏色，為十六進位數字。
fillColor
內部填滿顏色，為十六進位數字。
回傳值
圖形物件
draw_polygon(points :list, lineThickness :number, lineColor :number, fillColor :number) -> graphic
範例
說明
依照角點串列畫出一個形狀。最後一個點會連回第一個點。
參數
points
[x, y] 配對的串列，每個角一組。
lineThickness
邊框的粗細，單位為像素。
lineColor
邊框顏色，為十六進位數字。
fillColor
內部填滿顏色，為十六進位數字。
[x, y] 配對的串列，每個角一組。
lineThickness
邊框的粗細，單位為像素。
lineColor
邊框顏色，為十六進位數字。
fillColor
內部填滿顏色，為十六進位數字。
回傳值
圖形物件
draw_arc(x :number, y :number, radius :number, startAngle :number, endAngle :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic
範例
說明
畫出圓的一部分。角度單位為度，從右側開始逆時針計算。
參數
x
中心的 x 位置。
y
中心的 y 位置。
radius
弧線與中心的距離。
startAngle
弧線開始的角度，單位為度。
endAngle
弧線結束的角度，單位為度。
lineThickness
線條的粗細，單位為像素。
lineColor
線條顏色，為十六進位數字。
fillColor
內部填滿顏色。省略則不填滿。
中心的 x 位置。
y
中心的 y 位置。
radius
弧線與中心的距離。
startAngle
弧線開始的角度，單位為度。
endAngle
弧線結束的角度，單位為度。
lineThickness
線條的粗細，單位為像素。
lineColor
線條顏色，為十六進位數字。
fillColor
內部填滿顏色。省略則不填滿。
回傳值
圖形物件
draw_line(x1 :number, y1 :number, x2 :number, y2 :number, lineThickness :number, lineColor :number) -> graphic
範例
說明
在兩點之間畫一條直線。
參數
x1
線條起點的 x 位置。
y1
線條起點的 y 位置。
x2
線條終點的 x 位置。
y2
線條終點的 y 位置。
lineThickness
線條的粗細，單位為像素。
lineColor
線條顏色，為十六進位數字。
線條起點的 x 位置。
y1
線條起點的 y 位置。
x2
線條終點的 x 位置。
y2
線條終點的 y 位置。
lineThickness
線條的粗細，單位為像素。
lineColor
線條顏色，為十六進位數字。
回傳值
圖形物件
圖形屬性
每個繪圖函式都會回傳一個圖形物件。修改這些屬性就能移動、淡化或隱藏它。
圖形用完之後，用 destroy(box) 移除它。同一個 destroy() 也適用於物件和文字。
| box.x = 100 | 將 x 位置設為 100 |
| box.y = 100 | 將 y 位置設為 100 |
| box.z = 1000 | 畫在所有 z 值較低的東西前面 |
| box.angle = 45 | 旋轉 45 度 |
| box.alpha = 0.5 | 變成半透明 |
| box.visible = False | 隱藏它但不銷毀 |
| box.scaleX = 2 | 將寬度設為 200% |
| box.scaleY = 2 | 將高度設為 200% |