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 を少し修正して使いやすくしてみました.

Read More

gl.enchant.js で球同士の衝突プログラムを作ってみた

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

前回書いたエントリー『JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた』の 3D バージョンを gl.enchant.js を使って作ってみました.

やっているのは, 前回同様

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

です.

ベクトル周りの処理は glMatrix.js にある vec3 でできるのですが, C言語っぽい使い方と最後の引数を省略すると動作が変わるという いかにもバグの温床になりそうな仕様に馴染めなかったので自作のベクトルクラス(TM.Geom.Vector3)を使用しています.

衝突関連の処理は単純に前作で TM.Geom.Vector2 を使っていた箇所を TM.Geom.Vector3 に変更しただけです.

トップページでサンプルを起動する前に球体の数やフィールドの大きさなどを指定できるようにしてあります. ぜひ遊んでみてください.

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