matter.jsという物理エンジンライブラリについての質問です。
下記のコードを実行すると車と四角が出てくると思うのですが、その二つを結合するにはどうすればいいのでしょうか?
具体的には、車の上に四角を結合させて固定させたいのですが、どうすればいいのでしょうか?
Compositeにaddというメソッドがあり、それで結合できないかと色々試したのですが、うまくいかず質問しました。
よろしくお願いします。
lang
1<html> 2<head> 3 <title>carGetList</title> 4 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 5 6 <script src="./js/matter-0.8.0.js" type="text/javascript"></script> 7 <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore.js"></script> 8 <div id = "canvas-container"></div> 9</head> 10<body> 11<script> 12 var Engine = Matter.Engine, 13 Gui = Matter.Gui, 14 World = Matter.World, 15 Bodies = Matter.Bodies, 16 Body = Matter.Body, 17 Composite = Matter.Composite, 18 Composites = Matter.Composites, 19 Common = Matter.Common, 20 Events = Matter.Events; 21 MouseConstraint = Matter.MouseConstraint, 22 Constraint = Matter.Constraint; 23 24 25 var container = document.getElementById("canvas-container"); 26 27 var engine = Engine.create(container,{render: { 28 options: { 29 wireframes:false, 30 showIds:true 31 } 32 }}); 33 34 35 36 37 var offset = 5; 38 World.addBody(engine.world, Bodies.rectangle(400, -offset, 800.5 + 2 * offset, 50.5, { isStatic: true })); 39 World.addBody(engine.world, Bodies.rectangle(400, 600 + offset, 800.5 + 2 * offset, 50.5, { isStatic: true })); 40 World.addBody(engine.world, Bodies.rectangle(800 + offset, 300, 50.5, 600.5 + 2 * offset, { isStatic: true })); 41 World.addBody(engine.world, Bodies.rectangle(-offset, 300, 50.5, 600.5 + 2 * offset, { isStatic: true })); 42 43 44 var mouseConstraint = MouseConstraint.create(engine); 45 World.add(engine.world, mouseConstraint); 46 47 var testComp = Composite.create(); 48 var car = Composites.car(200, 400, 100, 40 , 30); 49 var testBody = Bodies.rectangle(100,100,70,70); 50 51 52 //World.add(engine.world,Composite.add(car,testBody)); 53 54 55 World.add(engine.world, car); 56 World.add(engine.world, testBody); 57 58 Engine.run(engine); 59 60 61</script> 62</body> 63</html> 64コード
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。