前田ブロックで作ったコードを単独実行できるテンプレート作ってみた. 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

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