※この翻訳ドキュメントはスクリプトによって出力・同期されています。内容が怪しそうな場合はGitHubにissueを追加したり英語の原文の確認をお願いします。

描画の各インターフェイスの概要

このページでは描画の各インターフェイスについて説明します。

apyscの描画の各インターフェイスでできること

  • これらのインターフェイスを使って塗りの色、塗りの透明度、線の色、線の透明度、線幅などを設定することができます。

  • 四角や丸、楕円、多角形、線、折れ線、パスなどの描画をサポートしています。

塗りの設定

begin_fillのインターフェイスは塗りの色と塗りの透明度を設定します。

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=150,
    stage_height=150,
    stage_elem_id="stage",
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.begin_fill(color=ap.Color("#0af"), alpha=0.5)
sprite.graphics.draw_rect(x=50, y=50, width=50, height=50)

ap.save_overall_html(dest_dir_path="draw_interfaces_abstract_begin_fill/")

詳細は以下をご確認ください:

線のスタイル設定

line_styleインターフェイスは線の色と線の透明度、線幅などを設定することができます。

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=200,
    stage_height=100,
    stage_elem_id="stage",
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.line_style(color=ap.Color("#fff"), thickness=5, alpha=0.5)
sprite.graphics.draw_line(x_start=50, y_start=50, x_end=150, y_end=50)

ap.save_overall_html(dest_dir_path="draw_interfaces_abstract_line_style/")

詳細は以下をご確認ください:

描画の各インターフェイス

各描画のインターフェイスはdraw_のプレフィックスを持っており、SVGのグラフィックを描画します（例 : draw_rect や draw_circle など）。

import apysc as ap

ap.Stage(
    background_color=ap.Color("#333"),
    stage_width=250,
    stage_height=150,
    stage_elem_id="stage",
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.begin_fill(color=ap.Color("#0af"))
sprite.graphics.draw_rect(x=50, y=50, width=50, height=50)
sprite.graphics.draw_circle(x=175, y=75, radius=25)

ap.save_overall_html(dest_dir_path="draw_interfaces_abstract_each_drawing_interface/")

詳細については以下をご確認ください:

関連資料