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

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

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

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

やっているのは,

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

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

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

Read More

gl.enchant.js で3D空間を動き回るウォークスループログラムを作ってみた

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

gl.enchant.js で 3D 空間を動きまわるウォークスルー(Walk Through)プログラムを作ってみました.

3D プログラミングで基礎を学ぶにもってこいなウォークスループログラム. プレイヤーの移動やカメラの挙動など基本的な部分を学ぶことができます.

コードはダウンロードできるようにしてあるので, よかったらイジって遊んでみてください.

image

Read More

gl.enchant.js 上でカメラを自由に動かせるようにするプラグイン debug-camera3d.gl.enchant.js を作りました

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

gl.enchant.js 用プラグイン debug-camera3d.gl.enchant.js を作りました.

debug-camera3d.gl.enchant.js は gl.enchant.js 上でカメラを自由に動かせるようにするプラグインです. 十字キーもしくはマウスでカメラを動かすことができます.

gl.enchant.js のサンプルプログラムやフィールドの確認, ゲーム途中のデバッグなんかに使って下さい.

sample-img

Read More

gl.enchant.js 上で簡単に床を表示するプラグイン floor.gl.enchant.js を作りました.

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

gl.enchant.js 用プラグイン floor.gl.enchant.js を作りました.

3D の床を表示するプラグインです.

使い方は, Sprite3D を継承しているので基本的に Plane や Sphere と同じです.

「3D 上を動きまわるサンプルを作ったはいいけどまわりが真っ暗で動いているかわからないよー」なんてときに使って下さい. 私がそんなときに作ったのを抜き出しただけのプラグインなので…

sample-img

Read More

gl.enchant.js を使ってプリミティブビューアーを作ってみた

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

gl.enchant.js と一緒に配布されている primitive.gl.enchant.js で定義されているプリミティブを表示する プリミティブビューアーを作りました.

プログラムはダウンロードできるようにしてあるので, 開発の参考にしていただければ幸いです.

sample-img

Read More