tmlib.js で様々なソートをビジュアル化してみた

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

visual-sort

昔作ってた visual sort を tmlib.js で作りなおしてみました.

色々なソートをビジュアル化してます. ビジュアル的にソートの流れが分かるよん♪

個人的には bidirectionalBubbleSort が好き♪♪

jsdo.it で作っているので, 気軽に実行できます. まだまだ色々なソートがあるので fork して実装してくれると凄く嬉しいです.

Read More

今日はバレンタイン!! ってことで tmlib.js でハート描画対応してみた

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

heart

今日はバレンタイン! ってことで tm.graphics.Canvas でハート描画対応しました.

tmlib.js では, 今まで多角形や星形の描画サンプルは対応していましたが ハートには対応しておりませんでした.

計算式でハートを描けるメソッドを作りました.

// X 座標, Y 座標, 半径, 下のトンガリの角度(0<angle<90)
canvas.fillHeart(x, y, radius, angle);

いくつかサンプルを用意したので良かったら参考にして遊んで下さい.

Read More

弾幕シューティングが簡単に作れちゃう!! tmlib.js x BulletML を使ってみよう

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

bulletML

.@daishi さんが tmlib.js でサクっと BulletML を使えるようにしてくれていたので, 使ってみました!!

ん~超良い感じ~♪

用意したサンプルは jsdo.it で作ってあるので, fork して パラメータをイジってもらえれば色々と遊べると思います.

Read More

tmlib.js x three.js(WebGL) で10000個のパーティクルを表示してみた

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

tmlib.js x three.js(WebGL) でパーティクル表示してみました!
10000 個表示しても 30 fps でるのは脅威!!

jsdo.it で作ってあるので実際に実行したり, fork して遊んでもらえると幸いです.

Read More

3D ゲームも簡単に作れる! tmlib.js x three.js(WebGL) で 3D プログラミング出来るようにしてみた!!

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

私の方でずっと作っている JavaScript ライブラリ『tmlib.js(ティーエムリブ ジェイエス)』ですが, この度, 晴れて『three.js』と結ばれることとなりました.

っとはいっても一方的にですけどねw

tmlib.js は, 2Dゲームだったりツールを作る機能は揃っていましたが 3D に関する機能は今までありませんでした. WebGL をラップして自前で作ったりもしていたのですが, なかなかピンとこず…

そこで今回は割りきって three.js をそのまま取り込んでtmlib.js の基本インターフェースと同じように使えるようにしてみました. サンプルをいくつか用意したので遊んで頂けると幸いです.

もちろん jsdo.it で♪

Read More