【Python東海#43】Image-Processing-Node-Editor

by 高橋かずひと

Slide 1

Slide 1 text

Image-Processing -Node-Editor Python東海 2023/07/08

Slide 2

Slide 2 text

0. OSC2022Nagoya Python東海 LT

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Who am I ? Name Twitter：KzhtTkhs ：高橋かずひと所属：サイバーエージェント AI事業本部行政DX Div GovTech開発センター仕事：画像処理兼なんでも屋その他：Axross寄稿やインディーゲーム開発のお手伝いしています

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Image-Processing-Node-Editor 特徴・DearPyGUIを用いたノードエディタ形式の画像処理アプリ・ノードをドラッグ& ドロップで接続できる・各処理を視覚化しながら処理を試すことが出来る・OSS(Apache-2.0 )で公開 https://github.com/Kazuhito00/Image-Processing-Node-Editor

Slide 8

Slide 8 text

1. DearPyGui

Slide 9

Slide 9 text

DearPyGuiとは：特徴・Python用のGUIキット・モダンな外観・優れたパフォーマンス・クロスプラットフォーム ※Windows、Linux、MacOS ・MITライセンス Dear ImGUI（C++のGUIキット）がベース 1.9.0 → 1.9.1(2023/07/08時点の最新版)でいくつかの機能にエンバグしてたり、後方互換性の薄いメジャーバージョンアップ2.0が予定されてたり、最近若干不安概要

Slide 10

Slide 10 text

DearPyGuiとは：スター数

Slide 11

Slide 11 text

DearPyGuiとは：ギャラリー

Slide 12

Slide 12 text

DearPyGuiとは：インストール pip install dearpygui ※Python 3.7 64bit以上

Slide 13

Slide 13 text

DearPyGuiとは：使い方 import dearpygui.dearpygui as dpg def save_callback(): print("Save Clicked") dpg.create_context() dpg.create_viewport() dpg.setup_dearpygui() with dpg.window(label="Example Window"): dpg.add_text("Hello world") dpg.add_button(label="Save", callback=save_callback) dpg.add_input_text(label="string") dpg.add_slider_float(label="float") dpg.show_viewport() dpg.start_dearpygui() dpg.destroy_context() コンテキスト生成ビューポート生成ウィンドウ生成 DeaPyGUI開始（メインイベントループ設定、クリンナップ、開始）

Slide 14

Slide 14 text

DearPyGuiとは：ビューポートウィンドウビューポートは、他のGUIライブラリでウィンドウと呼ばれるもの DearPyGuiの場合は、OSウィンドウをビューポートと呼び、 DearPyGuiウィンドウをウィンドウと呼ぶビューポート

Slide 15

Slide 15 text

DearPyGuiとは：レンダリングループ import dearpygui.dearpygui as dpg dpg.create_context() dpg.create_viewport() dpg.setup_dearpygui() with dpg.window(label="Example Window"): dpg.add_text("Hello world") dpg.show_viewport() while dpg.is_dearpygui_running(): # 任意の処理を記述 dpg.render_dearpygui_frame() dpg.destroy_context() フレーム毎に処理を行いたい場合は「dpg.start_dearpygui()」の代わりにレンダリングループを作成する。レンダリングループ

Slide 16

Slide 16 text

DearPyGuiとは：show_demo() import dearpygui.dearpygui as dpg import dearpygui.demo as demo dpg.create_context() dpg.create_viewport( title='Custom Title’, width=600, height=600 ) demo.show_demo() dpg.setup_dearpygui() dpg.show_viewport() dpg.start_dearpygui() dpg.destroy_context() dearpygui.demo.show_demo() で多彩なデモが実行可能