jsdo.it で tmlib.js を Add Library できるようになりました!!

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

こんばんは, phi です. なんと jsdo.it さんのご厚意で, jsdo.it の編集画面にある Add Library から簡単に tmlib.js を追加できるようになりました. 本当にありがとうございます.

今回はその紹介をしたいと思います. 下の方にビデオによる解説を載せています.

tmlib.js って何?って方はこちらを見ていただけると幸いです.

まぁ簡単に言うと, 『JavaScript をより使いやすく, より便利に, そしてより豊かに』をコンセプトとして 作成した自作 JavaScript ライブラリです.

JavaScript のライブラリとしてはそこそこ規模は大きくて, DOM や Canvas, Vector, Matrix などをサポートしているので ゲームだけでなくツールも簡単に作ることができます.

↓こんなのが作れます.

Read More

JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた

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

※このエントリーで使われてる tmlib.js はバージョンが古いので, 急遽新しくエントリーを書きました(2012 11/25) こちらを見て頂けると幸いです.

自作ライブラリ tmlib.jsを使って, 円同士の衝突プログラムを作ってみました.

やっているのは,

  • 円同士の衝突判定
  • めり込みの補正
  • 衝突後の反発

です. ちゃんと計算するなら, 衝突時間を調べてその分ベクトルの長さを調整して… ってやんないといけないのですが, 速度的に問題があるってのと難易度が上がってしまう(ホントはめんどくさい)のでちょっと省略しています.

でもそれっぽく動いていると思います. 色々とパラメータをいじって遊んでみてください.

Read More

TMLib.js Tips – format 関数を使って html の簡易テンプレートを作ろう!!

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

tmlib.js の String.prototype.format を使って html の簡易テンプレートを作ってみました.(tmlib.jsとは?)

html でブログやイメージギャラリーなんかをつくる際, 同じようなタグ構造を繰り返し使うことがあると思います. そんなときに使えるのが今回の tips です.

一部の内容をパラメータ化して, 後で javascript で内容を差し替えることで html とデータを分離することができます. うまく説明できてないかな? とりあえずサンプルを見てみてください. 結構便利ですよ♪

Read More