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

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

visual-sort

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

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

個人的には bidirectionalBubbleSort が好き♪♪

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

Read More

前田ブロックで作ったコードを単独実行できるテンプレート作ってみた. 9leap に投稿するときなんかに使ってちょ♪

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

maedablock

前田ブロックで作ったコードを単独実行できるテンプレート作ってみました.

前田ブロックとは enchant.js ベースのゲームをビジュアルプログラミングで簡単に作ることができる 開発環境のことです.

前田ブロックについて詳しく知りたい方はこちらへ.

んでゲーム作ったは良いが, 単独で実行する環境がなかったので 簡易的なやつを作ってみました.

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