みおはぴの毎日プログラミング

プログラミングの豆知識などを毎日19時にご紹介!!

Processingのダウンロードと操作方法【 Processing入門編 No.1 】

こんにちはみおはぴです!

 

今日はProcessingのダウンロードと操作方法について説明、紹介していきたいと思います!

 

 

 

 

 

ダウンロードをする方法

 

まず、ウェブ上でProcessing、ダウンロードと検索し「Processing」と書かれた所を選択し、ダウンロードページに飛んでください。

 

 

こちらのURLからでも飛ぶ事が出来ます。

Download \ Processing.org

 

 

 

するとこの画面が表示されます。

f:id:mioProcessing:20200225230102p:image

 

この画面になりましたら、お使いのパソコンの機種の所を選択してダウンロードを行なってください。

 

 

 

 

ダウンロードをすると、このような画面が表示されます。

f:id:mioProcessing:20200225230315p:image

 

これでダウンロードは完了です!

 

 

 初期設定をする方法

 

次は軽く設定をしていきましょう。

 

まず左上にある「Processing」という所を選択し、「環境設定」という所を開きます。

f:id:mioProcessing:20200225230509p:image

 

macOSならここで大丈夫なのですが、Windowsの場合は「ファイル」→「設定」で開いてみてください。

 

 

 

 

そうすると、このような画面が表示されます。

f:id:mioProcessing:20200225230704p:image

 

ここで「エディタとコンソールのフォント」を選択されている物から、

 

MSゴシック」か「Osaka」に変更してください。

 

これで設定は以上です!

 

 

 

 

あまり大きく変わる事はなく、自分の好みでも全然大丈夫なのですが、

 

この2つのどちらかにすると、日本語表示が可能になり、使いやすくなります。

 

f:id:mioProcessing:20200225231158p:image

 

 

 

 簡単な操作方法

 

 

続いて操作方法について簡単に説明していきます!

 

  • 「▶︎」は再生、プログラムが実行されます。

 

  • 「■」は停止、実行しているプログラムを停止する事が出来ます。

 

 

そして、「sketh_200225c」と書かれたタブの横をクリックすると、このように新規タブを作成することが可能です。

 

f:id:mioProcessing:20200225231631p:image

 

f:id:mioProcessing:20200225231654p:image

 

f:id:mioProcessing:20200225231707p:image

 

 

 

 

 

保存方法は左上の「✖︎」を押すと、このように保存の有無が聞かれるので、

「保存する」を選択し、名前をつけ保存してください。

 

f:id:mioProcessing:20200225231858p:image

 

f:id:mioProcessing:20200225231924p:image

 

 

これで保存が完了しました!

 

 

確認のため保存したファイルを開いてみましょう!

 

左上の「ファイル」から「開く」を選択します。

f:id:mioProcessing:20200225232246j:image

 

 

 

 

そうするとこのFinderのページが開くので、自分の保存しいる所に行ってみてください。

 

なにも選択せず保存した場合は「Processing」というファイルになっていると思います。

 

f:id:mioProcessing:20200225232429p:image

 

 

 

 

そしてファイルを選択し開きます。

 

f:id:mioProcessing:20200225232521p:image

 

そうするとさっき編集していたページに移る事が出来ます!

 

これで保存は完璧です‼︎

 

 

 

最後に保存したやつとは別に、新しくプログラムを作成したい場合は、

 

 

左上の「ファイル」から「新規タブ」を選択すると、なにも編集されていない最初の状態のページを作る事が出来ます。

 

f:id:mioProcessing:20200225232826j:image

 

 

 

「いたたた...!」エルセーヌのエステ体験行ってみた!【画像あり】

 

 今日のまとめ

というわけで今回は

『Processing 入門編 No.1 〜ダウンロードと操作方法』でした!

 

 

みなさんもぜひProcessingを使って、色々な作品を作ってみてください😊