_moritam

  • Twitter
  • Facebook
  • Google+
  • Github
ものぐさエンジニア。

・OpenProcessing portfolio
http://www.openprocessing.org/user/3053

Works

icerain-falls 〜氷雨滝〜

Titleで涼しくしようと... 参考 : Noise Particles 2 (Blur Effects) http://jsdo.it/akm2/z7LO 発想元ネタ : Particle Text http://jsdo.it/clockmaker/particleText Point ・CoffeeScriptの勉強を兼ねて参考jsコードを基にCoffeeScript化 ・CanvasでWeb Fontを使ってみる ・タイポグラフィやってみる ・涼しい感じに

  • 1709
  • 0

線香花灯

forked: CoffeeScript Particle Test http://jsdo.it/abagames/hURM (abagames) 参考&インスピレーション: 線香花火 http://jsdo.it/crispy/u8n0 (crispy) ・Coffeescriptを触ってみる ・線香花火っぽいのをつくりたい といった方向で作りました。 線香花火とはちょっと遠くなった気がします。。 ※調整中です

  • 15954
  • 13

Particlesphere (processing.js 版)

以前Processingで作ったものをprocessing.jsに移植してcanvasに 載せてみました。 ・マウスの位置により球体の大きさが変化します、 ・マウスクリックで拡散と集合を繰り返します。 ・フレームの外にでても戻ってきますが、あまり遠くに行くと戻ってきません。 ・ちょっと重たいかもしれません。 jsではない通常のProcessing版はこちらにあります。 http://www.openprocessing.org/sketch/5662

  • 2165
  • 6

夏虫花火

「Web Creator's Contest Q the 2nd」エントリー 用です。 昔Processingで作ったものを夏っぽくしてみました。 ・processing.jsを使っています ・少し調整しました  球体内部の揺らぎの動きを消しました。あと、フレームレートを小さく(遅く)してタメを長く。 1. 一回クリックするとパーティクルが飛び散って落ちます   (一応花火をイメージしてます) 2. もう一回クリックするとパーティクルがふわふわ飛び回ります   (一応虫をイメージしてます) 3. もう一回クリックするとパーティクルが集まり球状になります  上記を繰り返します。

  • 16153
  • 20

freenotes ver 0.8

リアルタイムで音源生成・再生するソフトシンセ風な

  • マウス位置によって音が変わります
  • クリックしている間再生、離すと止まります
  • エフェクトコントローラで音色を変えられます

※Chrome推奨

【 ver 0.8(update 2012/10/18)】

  1. 波紋の描画を微調整
  2. 低音→波形小、高音→波形大
  3. エフェクト値のモニター表示を追加
  4. エフェクト値の変化を波紋の描画に適用(PITCH変更→波長(波の幅)変化/WAVE変更→波の中心(発音源)の揺れ幅変化/DELAY変更→波の大きさ変化)
  5. +Delay大→余韻(フェードアウトタイム)長く

※色々思案中…

【操作説明】

  1. ↑↓:Scale(音階)が上下します
  2. ←→:Filter(Cut Off)がかかります
  3. パッドの下の方にカーソルを持っていくとエフェクト系のコントローラが出ます
  4. サンプル曲が再生できます。是非うにょうにょ演奏してみてください。
  5. HoldをONにすると鳴りっぱなし状態に(カーソル移動だけで演奏可能)

【thanks】

aikeさん作成のWebSynth(Pure js + Web Audio APIシンセ)のモジュールを使用させて頂いています

  • websynth_dsp.js(https://github.com/aike/webaudiosynth/blob/master/websynth_dsp.js)
  • [参考] matsu4512 - Colorful Spring Particle JS version (http://jsdo.it/matsu4512/mfpp )

  • 9335
  • 5

Skills

Awards

Hot tags

Categories

HTML / CSS / JavaScript