経緯 会社の合宿で、何をつくろうかと考えたときに、最近、音楽ばっかりやってるから音楽系のツールを作ろうと思った。 コード進行のパターンの辞書を増やしていってるタイミングだったので、ベースのコード進行を作って、リハーモナイズ(メロディーはそのままにコード進行だけをアレンジしていくこと)をできるようにしたかった。 使ったもの CoffeeScript jQuery オワコンとはわかりつつ、今回は判定の... 続きを読む
JavaScriptで音を鳴らす – Audioオブジェクト –
簡単に、勉強したことのメモ書きです。 まず音源を読み込む部分は次。 [code lang=javascript] var audio = new Audio(""); // Audioオブジェクトを作る var canPlayOgg = (audio.canPlayType("audio/ogg")==""); // oggが再生可能... 続きを読む
HTML5+JavaScriptで時計2
個人的に、時計は時間がデジタルで分針と秒針はアナログのほうが見やすいと思うので、試しに作ってみた。デジタルは13:49って見ても、すぐにもうすぐ14時かー、って思いづらいので。 [code lang=javascript] function draw(){ var canvas = document.getElementById("tokei2"); if(!canvas |... 続きを読む
Canvasアニメーションで時計
時計を練習で作って見ました。もしよかったら、使ってくださいね^^ [code lang=html] <script type="text/javascript"> function draw(){ var canvas = document.getElementById("tokei"); if(!canvas || !canvas.getCo... 続きを読む
TAG LIST
AngularJS Arduino Boids C++ Cocos2d-x CoffeeScript CSS FuelPHP Gem Grunt HTML5 Illustrator impression! JavaScript jQuery Midi MySQL Node.js OpenCV openFrameworks OpenGL osc Pd-extended PHP Processing Raspberry Pi Ruby Ruby on Rails WordPress イベント イラスト ゲーム フロントエンド ライフハック 作曲 展示会 数論 日記 映画 本 考え事 記事紹介 資料 電子工作 音楽