ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
![クリエイティブコーディングの教科書](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e669dab83d606bb777c380ed30f6fa39e2f5b98/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--u2YyvEl5--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci83N2QxZDUwOWQ4LmpwZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg)
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
前回までのOSCによるSuperColliderとProcessingとの連携とはまた別の方法で、双方のアプリケーションを用いた音の視覚化を試みてみたいと思います。 まず始めにProcessingを用いて音を視覚化する方法を、より厳密に検討します。単純に感覚的手法で視覚化するのではなく、音を周波数成分に分解しその変化を視覚的に表現します。ここでは、FFT(高速フーリエ変換)という手法を用います。 次に、この視覚化の手法を用いて、SuperColliderの音をProcessingに送り、視覚化する方法について解説します。Soundflowerというユーティリティーを用いて仮想的なサウンドデバイスを生成し、アプリケーション間で音をルーティングします。 スライド資料 授業内で使用するスライド資料は、下記から参照してください。 スライド資料12月18日 サンプルプログラム サンプルプログラムは、
ファンページ始めました。 http://www.facebook.com/yoppa.fan twitterアカウントはこちら http://twitter.com/tadokoro ssaw processing openframeworks as3 actionscript programming msp max jquery html flex flash osc html5 as3flickrlib flickr webapi supercollider opensoundcontrol web video oop jitter css addons opencv dsp javascript canvas generative openframewroks interactive interaction proessing array jitter max msp actions
p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community. p5.js welcomes artists, designers, beginners, educators, and anyone else! Lauren Lee McCarthy reading the Processing Community Catalog. Photo credit: Maximo Xtravaganza. Coding Club for people aged 50+ in Korea, led by Inhwa Yeom. Qianqian Ye intro
基本的な関数 size() ウインドウサイズや描画モードの設定 noLoop(), loop() 処理の一時停止と再開 redraw() 1回だけdraw()を実行する exit() スケッチを終了する delay() 指定した時間停止する return 呼び出し元へ戻る void 戻り値のない関数 スケッチの情報 width, height 描画ウインドウの幅と高さ screenWidth, screenHeight スクリーンの幅と高さ frameRate(), frameRate フレームレートの設定と取得 frameCount 累計のフレーム数 online 実行環境を調べる cursor(), noCursor() マウスカーソルの制御 hint() レンダラの動作条件を設定する 変数 データ型 スコープ 値の変換 演算子 優先順位 計算に使う関数 算術関数 三角関数 乱数 ra
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く