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: .
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.
  • 探す
  • 学ぶ
  • ログイン
  • はじめに
  • ゲーム
  • StartとLoop
  • オブジェクト
  • スプライト
  • アニメーション
  • サウンド
  • ルーム
  • 入力
  • 衝突
  • 関数
  • カメラ
  • FPS
  • テキスト
  • グラフィックス
  • フィルター
  • マルチプレイヤー
  • AI

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進数で指定します。

戻り値
グラフィックオブジェクト

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進数で指定します。

戻り値
グラフィックオブジェクト

draw_polygon(points :list, lineThickness :number, lineColor :number, fillColor :number) -> graphic

例
説明
角の点のリストから図形を描きます。最後の点は最初の点につながります。
パラメータ
points
各角に対応する[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
内側の色。省略すると塗りつぶしなしになります。

戻り値
グラフィックオブジェクト

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進数で指定します。

戻り値
グラフィックオブジェクト

グラフィックのプロパティ

すべての描画関数はグラフィックオブジェクトを返します。これらのプロパティを変更して、移動、フェード、非表示ができます。
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%に設定します
グラフィックが不要になったら、destroy(box)で削除します。同じdestroy()はオブジェクトとテキストにも使えます。
PixelPAD
PixelPADについて
Discord
Armビルド 3.0.1013
リソース
ドキュメント
EULA
プライバシーポリシー
お問い合わせ
hello@pixelpad.io
日本語
English Deutsch Español Français Português 日本語 简体中文 繁體中文 한국어
© 2026 All Rights Reserved.
PixelPAD.io
Logo

おかえりなさい!

ログインして制作を続けよう

ログインか新規登録をすると、プロジェクトを保存できます。
パスワードをお忘れですか?

アカウントをお持ちでないですか?

Logo

アカウントを作成

PixelPadで何千人ものクリエイターの仲間になろう

ログインか新規登録をすると、プロジェクトを保存できます。

すでにアカウントをお持ちですか? ログイン

Logo

先生として登録

創造的なツールで生徒の力を引き出しましょう

クラスを作成して、生徒の進捗を確認できます。

すでにアカウントをお持ちですか? ログイン