1.まずプログラムを保存しよう

画像を表示するには、まずProcessingのプログラムを保存する必要があります。

保存したいフォルダを選択する

Processingのエディタを選択した状態で[Ctrl]キーと[S]キーを同時押しすると、[Processing]フォルダが開きます。もし他に保存したいフォルダの場所があれば、そこを開きしましょう。

ScrSht_2023-02-26_000210.png

英語の名前で保存する

Processingは日本語のファイル名を使えないので、[ファイル名]は英語でつけましょう。今回は「take01」という名前で保存しています。

ScrSht_2023-02-26_000214.png

保存されたもの

保存すると、[take01]というフォルダができます。

ScrSht_2023-02-26_000206.png

プログラム本体

フォルダを開くと、その中にtake01.pdeというファイルがあります。これがプログラム本体です。 (ファイルのアイコンの形状はProcessingのバージョンによって異なります。以下の図はProcessing4の場合のアイコンです)

ScrSht_2023-02-26_000209.png

2.画像を表示する

画像は、適当なファイルを用意してください。ただし、発表用のプログラムの場合は、自分で作ったものか、著作権フリーの物を使いましょう。

エディタにドラッグ&ドロップ

Processingで画像を表示したい場合、画像はProcessingのウィンドウにドラッグ&ドロップします。 ここでは、karate.pngというファイルを用意しています。

karate.png