ProcessingをiPhoneアプリで始める方法

ProcessingをiPhoneアプリで始める方法【画像つきで解説】
  • URLをコピーしました!
ワタタク

iPhoneやiPadでProcessingってできるのかな?

調べたところ、Processingのアプリがあったので、iPhoneやiPadでもProcessingを使用してコードを書くことができます。

スマホやタブレットでProcessingができることによって、アイデアを思いついたときにすぐに実行でき、残すことができるというメリットがあります。

外出先で、描きたいイメージをすぐに実行して確認できるのはいいですね。

ワタタク

では、始め方を解説していきますので、真似してみてください。

この記事を書いた人

クリエイティブコーダー Watataku のプロフィール写真
ワタタク(Watataku)

上達の研究家 / アーティスト

「才能」ではなく「発見」で描く。文系・36歳からの上達ハック。

  • ゼロから独学でクリエイティブコーディングに挑戦し、以下の実績を達成
    • 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選(勝率50%)
      • KITTE大阪の18メートルあるAxCROSS大型スクリーン
      • 虎ノ門ヒルズステーションタワーB2F TOKYO NODE エントランスサイネージで展示
      • UN:O(東京大手町)にある会員限定のサテライトオフィスにて2作品常設展示
    • 開始1年9ヶ月目に、虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示
  • 【上達の秘密】
目次

【5STEP】Processingをiphoneアプリで始める方法

【STEP1】Processingアプリを検索する

iPhoneかiPadの、App Storeというアプリを押す。

検索でProcessingと入力して検索。

【STEP2】アプリを入手を選択する

Processing & p5.js iCompilerを選択して入手する

【STEP3】アプリを起動

ホーム画面に表示されているProcessingのアプリを押して起動

【STEP4】フォルダを作成する

  • 右上の+を押す
  • New Processing Projectを押す
  • New Processing Projectで、名前をつける
  • 作品名や練習テーマarcなどをつける
  • 名前をつけたらcreateを押してフォルダ作成

【STEP5】コードを書く

STEP4でつけた名前のフォルダができているので押す。

そしたらコードを書けます。

コードの保存方法

コード書いて、マイプロジェクトを押して戻れば、保存されていました。

長いコードを書く前にちゃんと保存されるのかどうか、短めのコードを書いて試してみてください。

当ブログ運営者なりのProcessingをiPhoneアプリの使い方

納得のいく作品ができたら、気分転換にiPadで作品を動かしておこうかなぁと思っています。

動いている作品を見て、できあがるまでの苦労を思い出して「よく頑張ったな。」とねぎらったり、達成感にひたります。

iPhoneアプリでProcessingをすることで、いつもと違ったアイデアが浮かぶかも

いつもはパソコンでコードを書いていた方が、Iphoneアプリで書いてみると別の作品が描けるかもしれません。

コードを書く媒体が変わると気分が変わると気分が変わりますから。

僕は基本的にはパソコンでProcessingを利用していますが、たまにはアプリでもコードを書いてみようと思います。

ワタタク

それでは今日もレッツワクワクコーディング。

ワタタク(Watataku)
上達の研究家 / アーティスト
独学1年9ヶ月で虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示

言葉×コード×手書き。三位一体の表現が成長する過程の記録

【発信】クリエイティブコーディング(2024.3~) / 絵(2025.11~) / モレスキン / 思考法 / 生き方

▼運営者について
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次