超便利!! Web 上で 差分表示(diff) できちゃうjsライブラリ『mergely』を使ってみたよ♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Mergely

web 上で差分(diff)を表示するjsライブラリ『Mergely』を使ってみました.

fullscreen で見るとキレイだよ♪

Read More

tmlib.js でちょっとしたペイントツール作ってみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

paint-tool

tmlib.js でちょっとしたペイントツール作ってみた. JavaScript のコードはたったの90行!!

tmlib.js を使うと, 簡単に dom を操作できたり, マウス位置, タッチ位置をサクッと取得できるので最小限のコードでこういったサンプルを作ることができます.

よかったら実行したり fork してイジって遊んで下さいな♪

Read More

tmlib.js の WebAudio API の音源位置指定機能を使って遊んでみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

webaudio

tmlib.js の WebAudio API の音源位置指定機能を使って遊んでみました!!

tmlib.js の WebAudio API をサポートしたクラス, tm.sound.WebAudio には setPosition というメソッドがあります. これに位置を渡すことで音源位置を指定することができます.

イヤホンやヘッドフィンで聞くと楽しめるかと思います.

Read More

tmlib.js と WebAudio API で MML 対応してみたよ♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

mml

tmlib.js と WebAudio API で MML 対応してみましたー!!

MML 系の情報は少なかったのですが, 良質なものが多かったのでわりと サクッと実装できました!!

動的に入力した MML から音楽を再生するサンプルを作ってみたので よかったら色々打ち込んで遊んで下さい♪

これで tmlib.js は画像データ, 音データどちらも動的に 作って再生できるようになりましたー\(^o^)/

もちろんサンプルは jsdo.it で作ってあるので, その場で実行できます. tweet ボタンを押すと, 入力した MML を保存した状態で Twitter に投稿できます!! 作った音楽をみんなに自慢しよう♪

あと iPhone でも iOS6 だったら鳴ります!!

Read More

tmlib.js の WebAudio API 機能を使ってビジュアライザを作ってみたよん♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

webaudio-visualizer

tmlib.js でビジュアライザを作ってみました. もちろん WebAudio API を使っているので iPhone でも鳴るよん♪

昔, C++ & OpenGL で作ってたやつを移植してみたら上手くいった.

ディレクトリ掘ったら昔作ってたサンプルが色々と出てきたので, 全部 jsdo.it に移植して公開しようと思ってます.

なので, 良かったらまた覗きに来て下さい:D

Read More

tmlib.js の WebAudio API 機能でピアノ作ってみた!! iPhone でも鳴るよん♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

piano

tmlib.js でピアノを作ってみました.

iPhone でも音鳴ります!!

以前作っていた『tmlib.js examples – Piano』は tm.sound.Sound(Audio 要素)を使って作っていました.

今回は, それを tm.sound.WebAudio(WebAudio API)を使って作り直してみました. WebAudio API は cross domain の制約があるってのは痛いけど, iPhone でもバンバン音が鳴るので良い感じ♪

サンプルは jsdo.it で作っているので, 良かったら実行したり fork して遊んで下さい.

@daishi_hmr さんや, @minimo が pull request 送ってくれて 良い感じで開発できてる.

tmlib.js は, 『これを使えばネイティブで開発なんかしなくても 色々なものが作れるよ♪』と胸を張って言えるライブラリにしていきたい.

Read More