投稿日:2020-01-25ナカジ(@cp_nakajun)です。UI編にプラスアルファな感じで操作方法を紹介していきます。今回はExampleをリネームして改造する方法ではなく新規にプロジェクトを作っていきます。PraxisLIVEを起動します。Locationを設定プロジェクトエリアにProjectが出来上がる上記の流れでプロジェクトを準備します。以下のスクリーンショットで流れを確認してください。Project」をクリック。Project(default)」を選択3.プロジェクトの名前などを決定します。4.プロジェクトエリアにProjectが出来て以下のようになってます。スポンサーリンクルートコンポーネントを追加する次に映像や音を組み立てていく(パッチングする)ファイルを用意するのですがどうやらPraxisLIVEではこれをルートコンポーネントと呼ぶようです。先に書くとビデオ系のvideo.pxrや、オーディオ系のaudio.pxrになるのですが、この中にそれぞれパッチングやコード記述をしていきます。ルートコンポーネントを追加する方法はプロジェクトエリアの先に作ったプロジェクト名を右クリック「New」から追加するコンポーネントを選択です。Patch...」を選択します。ID」の設定画面になります。そのまま「Finish」ボタンを押して作成してください。LIVEは「ルートIDが衝突しない限り、複数のプロジェクトを同時に処理することができます。「Finish」ボタンを押すと無事にvideo.pxrができエディットエリアに「screen」コンポーネントが出来上がります。「screen」コンポーネントは映像を別ウインドウで出力するコンポーネントです。チングで作るPraxisLIVEのパッチングをご紹介するために、簡単な「画像を読み込んで別ウインドウに出力」する流れをやります。コンポーネントの追加は右側のパレットエリアから任意のものエディットエリアにドラック&ドロップするかパレットエリアで右クリックし[add]から選ぶことで追加することができます。今回はパレットエリアから>[still]と選択しドラック&ドロップしてください。するとそのコンポーネントのIDを決めるよう求められるので今回は「image」とします。これでエディットエリアに「image」という名(ID)のコンポーネントが現れます。※僕最初、この画像表示の「still」コンポーネントを見つけるのに苦労したんですよ~。Exampleに「image」ってあるのにパレットエリアになくて...パッチング(結線)は単純に[still]のoutをドラックして[screen]のinにドロップです。線を消すには線の上で右クリックし「Delete」です。画像の選択はコンポーネントのプロパティーで行います。画面右側のPropertiesタブ(エリア)コンポーネントの名前の上で右クリックして「Edit...」別ウィンドウで表示プロパティーを表示するには上記の2つの方法があります。実行するにはツールバーではなく、エディットエリアの実行ボタンを押します。(video.pxr編集タブにある)そうすると無事に選択した画像が別ウィンドウで表示されると思います。カスタムコンポーネント作成(コードで記述)続いてはコードを記述してオリジナルのコンポーネントを作ります。Processingのスキルを活用していけるところです。先と同様にエディットエリアにパレットエリアから>[custom]をドラック&ドロップします。code」を選択します。するとタブでコードエディターが開きます。見覚えのあるコードが記述されていると思います。今回はdraw()関数にrectangle描画の記述をします。あとは先に書いたように[screen]にパッチングし実行すると以下のように描画されます。今回はここまでスポンサーリンク長い記事にお付き合いいただきありがとうございました。運営者:ナカジインタラクティブ映像の仕事してました。現在はメディアアート、クリエイティブコーディング、デジタルアートなどの表現活動に興味を持つ人に向けて「制作環境やツール」を中心にエバンジェリスト的な活動をしています。日本のメディアアーティスト大国化に貢献したい。