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
例
説明
2つの角の間に四角形を描き、移動、非表示、破棄ができるグラフィックを返します。
パラメータ
x1
左端のx位置。
y1
下端のy位置。
x2
右端のx位置。
y2
上端のy位置。
lineThickness
枠線の太さ（ピクセル）。
lineColor
枠線の色。0xFF0000のような16進数で指定します。
fillColor
内側の色。16進数で指定します。
左端のx位置。
y1
下端のy位置。
x2
右端のx位置。
y2
上端のy位置。
lineThickness
枠線の太さ（ピクセル）。
lineColor
枠線の色。0xFF0000のような16進数で指定します。
fillColor
内側の色。16進数で指定します。
戻り値
グラフィックオブジェクト
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
枠線の色。16進数で指定します。
fillColor
内側の色。16進数で指定します。
中心のx位置。
y
中心のy位置。
width
楕円が中心から左右にどれだけ広がるか。
height
楕円が中心から上下にどれだけ広がるか。
lineThickness
枠線の太さ（ピクセル）。
lineColor
枠線の色。16進数で指定します。
fillColor
内側の色。16進数で指定します。
戻り値
グラフィックオブジェクト
draw_polygon(points :list, lineThickness :number, lineColor :number, fillColor :number) -> graphic
例
説明
角の点のリストから図形を描きます。最後の点は最初の点につながります。
パラメータ
points
各角に対応する[x, y]のペアのリスト。
lineThickness
枠線の太さ（ピクセル）。
lineColor
枠線の色。16進数で指定します。
fillColor
内側の色。16進数で指定します。
各角に対応する[x, y]のペアのリスト。
lineThickness
枠線の太さ（ピクセル）。
lineColor
枠線の色。16進数で指定します。
fillColor
内側の色。16進数で指定します。
戻り値
グラフィックオブジェクト
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
線の色。16進数で指定します。
fillColor
内側の色。省略すると塗りつぶしなしになります。
中心のx位置。
y
中心のy位置。
radius
弧が中心からどれだけ離れているか。
startAngle
弧の開始角度（度）。
endAngle
弧の終了角度（度）。
lineThickness
線の太さ（ピクセル）。
lineColor
線の色。16進数で指定します。
fillColor
内側の色。省略すると塗りつぶしなしになります。
戻り値
グラフィックオブジェクト
draw_line(x1 :number, y1 :number, x2 :number, y2 :number, lineThickness :number, lineColor :number) -> graphic
例
説明
2点の間に直線を描きます。
パラメータ
x1
線の始点のx位置。
y1
線の始点のy位置。
x2
線の終点のx位置。
y2
線の終点のy位置。
lineThickness
線の太さ（ピクセル）。
lineColor
線の色。16進数で指定します。
線の始点のx位置。
y1
線の始点のy位置。
x2
線の終点のx位置。
y2
線の終点のy位置。
lineThickness
線の太さ（ピクセル）。
lineColor
線の色。16進数で指定します。
戻り値
グラフィックオブジェクト
グラフィックのプロパティ
すべての描画関数はグラフィックオブジェクトを返します。これらのプロパティを変更して、移動、フェード、非表示ができます。
グラフィックが不要になったら、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%に設定します |