tmlib.js ゲームプログラミングチュートリアル – 今流行のフラットデザインを使ったタッチゲームを作ろう

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

ss

先日, @omatoro さんが『私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由』というエントリーを 公開されました.

これがすごい反響だったらしく, 私の方にも様々な意見や質問がきました. おかげで tmlib.js の知名度が一気に上がり実際に触ってくれてる人も増えました.

本当にありがとうございます.

ただ, ここで一つ問題が… tmlib.js には公式のチュートリアルというものがないのです!! せっかく触ろうとしてくれてる人がいるのに, それを学ぶための公式資料がない… 本当に申し訳ない.

怠惰な自分に反省!!

ってことで今回は Step by Step で tmlib.js を学びながらゲームを作ることができる チュートリアルを書いてみました.

よかったら参考にしてくださいな♪

最近何かと話題のフラットデザインを取り入れています.

すいません, まだ Step の方は途中です>< 今日, 明日中には用意します!! サンプルはひと通り jsdo.it で作ってあるので fork してコードいじるだけでも学べると思います.

土日とかに実際にやってみてくれると嬉しいなぁ〜

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