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

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

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

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

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

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

塗りの設定

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

import apysc as ap

ap.Stage(
    background_color="#333", stage_width=150, stage_height=150, stage_elem_id="stage"
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.begin_fill(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="#333", stage_width=200, stage_height=100, stage_elem_id="stage"
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.line_style(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="#333", stage_width=250, stage_height=150, stage_elem_id="stage"
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.begin_fill(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/")

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

関連資料