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

Tutorials

How to work Processing on VSCode for Mac

VSCodeはさまざまな拡張機能や連携ができるのが魅力です。ProcessingにもIDEがあり、それぞれのメリットとデメリットをうまく使い分け利用します。

Sound visualization / Sheet Music

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

sheetMusic-header

[How to] TouchDesignerを始めよう/一番はじめの準備

TouchDesignerは、リアルタイム・ビジュアル・プログラミングという考え方に基づき、機能の詰まったノード(箱)をワイヤー(線)で繋ぎながら制作を行うことで、直感的に触りながらビジュアル制作を進めていくことができます。音楽制作でいうアナログシンセのような感覚です。

Start_TD-header-image

OBS Studioを利用したTidalCyclesのビジュアルライブ配信を行う方法

サウンドライブコーディングイベントで有名な Algorave では、Tidal Cyclesのコードを見せながら背景のビジュアルと合わせて会場を盛り上げています。今回は、TidalCyclesのコードとビジュアライズを一つの画面にまとめライブ配信できるOBS Studioを学んでいきます。

Live_OBS-header

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

Sound visualization / sound-worm

Processingを使ったサウンドビジュアル表現。土の中を這うワーム(ミミズ)のように、サウンドに合わせ、掘った穴のような軌跡をビジュアライズ。Processing (Sound library) とSonic Pi を利用。コードは事前録音の読み込みですが、ライブコーディング(VJ)として応用でるかと思います。

sound-worm-image

[How to] Tidal Cycles Installation for M1 Mac

How to install Tidal Cycles on a M-1 Mac. This post may be difficult to read due to the use of automatic translation. I would appreciate it if someone could help me.

TidalCycles_logo_header

[How to] Processingを始める準備(コード補完)

Processingインストールでそのままだとコード補完機能がついていません。プログラム初心者にとっては必要な補完機能をオン(true)にする手順です。

Processing_logo_header