CANNON.jsでは剛体同士の衝突時の反応を、CANNON.MaterialとCANNON.ContactMaterialというマテリアルを使って設定することが出来ます。（例えばつるつるすべる氷の上、みたいなことも表現できます） Three.jsでは3Dオブジェクトの質感などを表現するマテリアル。 物理エンジンでは衝突時の質感を表す、と考えるといいでしょう。 （例えば氷だったらつるつるの質感、ざらざらな質感は摩擦が大きい、とか） マテリアルを使った設定は以下の手順で行います。 CANNON.Materialを生成 生成したマテリアルを、そのマテリアルを持たせたい剛体を生成する際に引数に指定する 別のCANNON.Materialを生成 別のマテリアルを設定したい剛体に設定する（2と同じ） 生成したふたつのマテリアルが接触した際にどう反応するかをCANNON.ContactMaterial
今度やる勉強会に向けて、剛体シミュレーションの概要をまとめていきます。 とはいえ、本格的に説明はできないので（理解不足で）、概要と今、自分が理解している範囲をまとめていきます。 知識としては、書籍を読んで把握した範囲なので若干偏りがあると思います。参考にした書籍は一番下に掲載しています。 （なので、なにか間違っている点などあればコメントいただけるとうれしいです） こちらの理論などを元に、実際に2Dの物理エンジンを自作してみました。その過程で参考にしたものや躓いた点などをまとめた記事も書いているので、こちらもよかったら参考にしてみてください。→ 自作2D物理エンジンを作った話 概要 剛体シミュレーションは「パイプライン」という、各種の計算を行うステージを段階的に分けたものを通って、与えられた力（例えば重力）からの位置計算が行われます。 それぞれのステージの概要は以下の通りです。 シミュレーシ
CANNON.jsを使って3Dに物理演算を持ち込む カテゴリ：WebGL 2013年12月 8日 09:09 さて、今回はGraphical Web Advent Calendar 2013の第7日目です。 Graphical Webということで、前回、スマホでも動く物理演算で転がる3Dサイコロを作ったのでその解説で紹介したサイコロのデモで使用したCANNON.jsについて書いてみたいと思います。 CANNON.jsとは CANNON.jsは、物理演算を提供してくれるいわゆる「物理エンジン」ライブラリです。 3D向けの物理エンジンライブラリはいくつかあり、有名なのは「ammo.js」というものがあります。 これは、物理エンジンの（おそらく）デファクトスタンダードとも呼べる「Bullet（弾丸）」というエンジンがあり、それをJavaScriptに変換したものです。 余談ですが、Bulletに
CANNON.jsとは？ CANNON.jsは、JavaScript製の軽量な物理エンジンです。 Three.jsにインスパイアされていて、Three.jsの構文に非常に似ています。 物理演算結果は、以下のように簡単にThree.jsのオブジェクトにコピーすることができるようになっています。 cannonObj.position.copy(threeObj.position); cannonObj.quaternion.copy(threeObj.quaternion); cannonObj.addEventListener("collide", function(e) { alert("The object just collided with the ground!"); console.log("Collided with body:", e.with); console.log("
以前、Physijs を使って、three.jsの三次元物理演算プラグインPhysijsを使ってみた。という記事を上げましたが、今回は同じ三次元物理演算ですが、多機能でThree.jsとも相性がいいCannon.jsを使ってみました。 GitHubを見てみると、2014年9月にv0.6.0にアップデートしているようです。10月も絶賛コミット中みたいですね。以前見たときよりもサンプルが増えていますし、以前なかったドキュメンテーションも追加されました。アップデートに伴って、仕様の若干の変更がありましたので、現時点でネット上にあるCannon.jsのコードは、v0.6.0ではそのままでは動きませので、ご注意ください。 /demos/内にコードサンプルは沢山あるのですが、実は非常に使いづらいです。というのも/build/cannon.demo.jsというデモ用にカスタマイズされたJSのコードありき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く