はじめに 前回の記事で「Web Audio API はシンプルで使いやすいしパフォーマンスも問題なさそう」という予感を得たので、少し勉強してみることにしました。まずは基本的な使い方を勉強して、それから練習問題として、グラフィックイコライザーを作ってみます…

はじめに 前の2記事ほど、ウェブカメラの映像を openFrameworks で加工してビデオデバイスに再度流し込むことで、WebRTC などで扱えるようにする方法について調査してきました。 ycapture で OpenCV での処理結果を Windows のビデオソースとしてブラウザに…

はじめに 磨りガラスってこんなかんじ。 photo by Johnny Jet 友人氏がそういうのをやりたい、と言っていたのを思い出してやってみました。 完成品はこちら コード あげてあります izmhr/dynamicBlurMask 環境 EaselJS 0.8.0 参考にしたもの Cacheについて E…

はじめに 前回の記事で ycapture を使って、oF の描画内容を Windows のビデオデバイスとして流すことで、ブラウザからも見ることが出来るようにする手法について紹介しました。 ycapture で OpenCV での処理結果を Windows のビデオソースとしてブラウザに…

はじめに WebRTC を使ってビデオチャットアプリを作る際に、ビデオ画像にエフェクトをかけたくなりました。モザイクとか、ブラーとか、漫画カメラとか。 ブラウザ上でJavaScriptでごりごり画像処理をするのはさすがに厳しそうですので、画像処理を行うのは別…

はじめに ウェブアプリで画面全体にわたるようなリッチなエフェクトを掛ける手段のひとつとして、デザイナさんに作ってもらう動画(たとえばAfter Effectsで)をそのまま使う、なんてことは出来ないかと考えてトライしてみました。 HTML要素の上に半透過の動画…