1. TOP
  2. How to work Processing on VSCode for Mac

Processing

How to work Processing on VSCode for Mac

VSCodeを使用してProcessingを動作させる方法です。This post is about How to work Processing on VS Code for Mac.

The Donuts Code / How to create a 3D shape with Processing

How to create a Donuts shape with Processing. Processingでドーナッツ型を作る方法です。

00-dounats

Sound Visualization / “block city” Taipei, Taiwan

I recorded sounds coming from the streets of Taipei(Taiwan) and used it to create “Sound visualization art”. 台北(台湾)の街の音をフィールドレコーディング、プログラムにて「音の視覚化アート」を制作しました。

blockcity-post-01

Wallpapers “block city” Sound Visualization

I made wallpapers for mobile. If you like these, please feel free to download. 壁紙を作成しました、ご自由にダウンロードください。

00_BC-wallpapers

Sound visualization / Sheet Music

Processingを使ったサウンドビジュアル表現。Processing にあるSound library のFFT(高速フーリエ変換)の数値を利用し、楽譜を書くようにサウンドを描いていきます。コード内にある、sample.wav部分を自身の好きなサウンドに置き換え、数値を変えながら遊べます。

sheetMusic-header

Fireworks planet / processing and p5.js

フィールドレコーディングされた花火大会のサウンドを利用し、Processing と p5.jsによる音の視覚化(Sound Visualization)を行なっています。三角関数を利用した球体をベースに5つパターンを作成、ひとつはp5.jsを利用し、ブラウザ上にて好きな色や大きさへ変更できるようにしています。

00_fireWorks-p5js-header-image

[Tool] MPD218 AKAI (ProcessingとMIDIパッドコントローラーのテスト接続/MidiBus ライブラリー)

自身のMPD218購入目的はちょっと変則で、DTM目的でなく、ジェネラティブアートで利用するための簡易MIDI Padを探して購入しました。ProcessingやopenFrameworksなど、ビジュアル・サウンドライブコーディングでの変数や数値の割り当てに利用しています。

AKAI_professional_MPD218-image

Tidal Cycles の演奏を Processing でビジュアライズする方法 〜番外編〜 Euclidean Algorithm and note

Tidal Cycles の演奏を Processing でビジュアライズする方法 〜番外編〜として、Tidal Cycles の note番号から、以前投稿したコード “ユークリッドの互除法”の視覚表現を合わせた内容です。Tidal Cyclesから送られてくるOSCメッセージを利用する例です。

Tidal-Processing-3_header

Tidal Cycles の演奏を Processing でビジュアライズする方法 〜後編〜 Processingの設定と描画

後編では、前編で送信したTidalCycles(SuperCollider経由)のOSCメッセージを利用して、いよいよProcessingで描画していきます。描画にはある程度のProcessingの知識が必要になりますが、できるだけ簡単なコードの例とあわせて解説も加えていきます。

Tidal-Processing-header

Tidal Cycles の演奏を Processing でビジュアライズする方法 〜前編〜 OSCの利用

TidalCyclesの演奏をYouTubeやWebで検索すると、TidalCyclesコードの背景に「音と同期したビジュアライズ映像」をよく見かけます。今回はTidalCyclesのライブ演奏をProcessingでビジュアライズする方法を「前編」と「後編」に分けて学んでいきます。

Tidal-Processing-header

Sound visualization / Sound Euclidean Algorithm

Processingを使ったサウンドビジュアル表現。最大公約数を求めるためのアルゴリズム“ユークリッドの互除法”にて、サウンドをビジュアライズしました。ソースコードでは、サウンドライブコーデインングを行なった際の録音を利用し、その音源をProcessingのSoundライブラリーで読み込み込んでいます。

Sound-Euclidean-Algorithm_post-image

Sound visualization / minimal-speaker (Lissajous figure)

Processingを使ったサウンドビジュアル表現。スピーカーのコーンの振動を視覚的にミニマルにビジュアライズしました。Processing (Sound library) とモジュラーシンセで作った音を利用。ソースコードでは、事前録音をSoundライブラリーで読み込み込んでいます。VJとしても応用できます。

minimal-speaker-image