box2dにおいて三角形のbodyを作ることについて

Question

box2dにおいて三角形のbodyを作りたいと考えています。
大まかな流れとしては、まずbodyDef、fixtureDefを作り、fixtureDefに形状の情報を持たせ（shapeプロパティのm_verticesプロパティで頂点を設定します）、bodyDef、fixtureDefから、CreateBody、CreateFixtureを使って、triangleを定義するという方針です。
最後から二番目の行まではエラーは出ないのですが、それ以降でエラーが出ます。

		//三角形の生成

		let vertices = [new b2Vec2(0,-10),new b2Vec2(-10,0),new b2Vec2(10,0)];

		var bodyDef = new b2BodyDef;
		bodyDef.type = b2Body.b2_dynamicBody;
		bodyDef.position.Set(200 / PTM_RATIO, 10 / PTM_RATIO);
		bodyDef.userData = 'obj';
		console.log(bodyDef)

		var fixDef = new b2FixtureDef;
		fixDef.density = 10.0;
		fixDef.friction = 0;
		fixDef.restitution = 0; 
		fixDef.shape = new b2PolygonShape(); 
		console.log(fixDef.shape)
		fixDef.shape.vertexCount = 3;
		console.log(fixDef.shape.vertexCount)
		console.log(fixDef.shape.m_vertices);
		for(i=0;i<3;i++){
			fixDef.shape.m_vertices[i] = vertices[i];
		}
		console.log(fixDef.shape.m_vertices);
		console.log(fixDef);
		var triangle = world.CreateBody(bodyDef);
		console.log(triangle);
		console.log(triangle.b2Body)
		triangle.CreateFixture(fixDef);
		console.log(triangle);

どなたかご教授くださると幸いです。

＊追記いたします。
例えば下記のようなコードでpolygonShapeを作るとします。その際に、最終行のVertexCountの値がundefinedになるので、vertexCountを設定しなくてはならないはずですが、console.log(polygonShape)をコンソールにて調べても、メソッドとして、vertexCount()が見当たらないのです。
vertexCountを設定するためには、vertexCount()というメソッドがあらかじめpolygonShapeに登録されている必要があると思うのですが・・・・。

		let polygonShape = new b2PolygonShape()
		console.log(polygonShape);
		console.log(polygonShape.GetVertexCount());
		for(i=0;i<3;i++){
			polygonShape.m_vertices[i] = vertices[i];
		}
		console.log(polygonShape);
		console.log(polygonShape.GetVertexCount());

Comments

[cx20]

Box2D は派生バージョンが多いライブラリです。どのライブラリを使っているかを記載下さい。
（前回の質問からすると Box2DWeb だとは思いますが・・）

＜参考＞
■ Box2DWeb（Box2DFlash の JavaScript 移植版）
https://github.com/hecht-software/box2dweb
■ Box2DJS（Box2DFlashAS3 の JavaScript 移植版）
http://box2d-js.sourceforge.net/
■ box2d.js (Emscripten による JavaScript 移植版)
https://github.com/kripken/box2d.js
■ LiquidFun（Box2D を拡張したライブラリ）
https://github.com/google/liquidfun

[justmeet0924]

回答ありがとうございます。
今回の回答の件ですが、私の使っているライブラリにも、b2polygonshapeクラスにSetAsArray()というメソッドがあり、また、形状を作る際には、b2bodyクラスのCreateFixture2(shape, density)というメソッドを使うようでした。なので、おそらく、cx20様の指摘してくださったBox2DWebバージョンなのだと思います。
ダウンロードした時にどれを選んだか忘れてしまったので、確認できないのですが・・・・。
今回も丁寧な回答ありがとうございます。もしよろしければ、box2d関係の質問にて、またご教授いただきたいです。お時間許すようであれば、よろしくお願いします。
物体がすり抜ける問題については解決しました。

[cx20]

> Box2DWebバージョンなのだと思います。
SetAsArray() があるのは、Box2DWeb のようですね。

> どれを選んだか忘れてしまったので、確認できない
もう一度ダウンロードして、比較してみたらわかるかと思います。
https://github.com/hecht-software/box2dweb/blob/master/Box2D.js
https://github.com/hecht-software/box2dweb/blob/master/Box2d.min.js

> 物体がすり抜ける問題については解決しました。
自己解決されたようで何よりです。

自分も特段、物理演算ライブラリに詳しいわけでは無いですが、分かる範囲で回答させて頂きます。
以下は手前味噌ですが、昔作ったサンプルになります（公式サンプルを少し改造しただけですが・・）
https://github.com/cx20/jsdo.it-archives/tree/master/tag/physics2d

Answer 1

■ Box2DWeb（Box2DFlash の JavaScript 移植版）
https://github.com/hecht-software/box2dweb

を使っている前提で回答します。
b2PolygonShape に SetAsArray() というメソッドがあるようです。

fixDef.shape.vertexCount = 3;
for(i=0;i<3;i++){
   fixDef.shape.m_vertices[i] = vertices[i];
}

の代わりに

fixDef.shape.SetAsArray(vertices, vertices.length);

を試してみて下さい。

＜参考＞
■ b2PolygonShape - Box2DFlash Documentation
http://www.tud.ttu.ee/im/Jaak.Henno/FlashDevelop/Box2D/Docs/Box2D/Collision/Shapes/b2PolygonShape.html