parpue.net » Box2D http://parpue.net Flash, Flex, デザイン等自分の好きなことを好きなようにやってます Wed, 12 Aug 2009 17:46:04 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 Box2d で風雨に揺れる葉っぱのようなもの http://parpue.net/web/329 http://parpue.net/web/329#comments Thu, 23 Oct 2008 07:57:30 +0000 okm http://parpue.net/?p=329 なんか夏休みろくにとれなかったので、
最近インドネシアはバリ島に遊びに行ってました。

バリ島は雨季が近いということでスコールも1度味わってきました。

というわけで、雨と風にたなびく葉っぱのようなものを強引にBox2Dで作ってみました。
雨粒のあたり判定が甘いのは仕様です。
ちょっとこれを使ってまた別のものを作ろうと考えています。

↓　以下、種明かしのようなもの

これをみると、いかに強引かがわかりますね。
ただBox2Dを使うことで、強引でも簡単にそれっぽいものができると思います。

　

今回は回転ジョイントを用意し、常に葉っぱの先端部分の棒が右回転する力を加えました。
その棒に対して、重りを加え、ときどき重りに下向きの力を加えることによって、
風を受けている感じを表現している・・・つもりです。

以下ソースコード・・・強引です。

FlowLeafを呼び出す Box2DWorldTestクラス

>>text
ACTIONSCRIPT:
  1. package {
  2.     import Box2D.Collision.Shapes.b2CircleDef;
  3.     import Box2D.Collision.Shapes.b2PolygonDef;
  4.     import Box2D.Collision.b2AABB;
  5.     import Box2D.Common.Math.b2Vec2;
  6.     import Box2D.Dynamics.b2Body;
  7.     import Box2D.Dynamics.b2BodyDef;
  8.     import Box2D.Dynamics.b2DebugDraw;
  9.     import Box2D.Dynamics.b2World;
  10.    
  11.     import flash.display.Sprite;
  12.     import flash.display.StageAlign;
  13.     import flash.events.Event;
  14.     import flash.events.MouseEvent;
  15.     import flash.utils.*;
  16.    
  17.     public class Box2DWorldTest extends Sprite
  18.     {
  19.         private var world:b2World;
  20.         private var floor:b2Body;
  21.         private var leafArea:Sprite;
  22.         private var dropArea:Sprite;
  23.        
  24.        
  25.         private var drop:b2Body;
  26.         private var circleDef:b2BodyDef;
  27.         private var dropShapeDef:b2CircleDef;
  28.        
  29.         private var f1:FlowLeaf;
  30.         private var f2:FlowLeaf;
  31.         private var f3:FlowLeaf;
  32.        
  33.         public function Box2DWorldTest()
  34.         {
  35.             stage.scaleMode = "noScale";
  36.             stage.align = StageAlign.TOP_LEFT;
  37.            
  38.             leafArea = new Sprite;
  39.             dropArea = new Sprite;
  40.            
  41.             this.addChild(dropArea);
  42.             this.addChild(leafArea);
  43.  
  44.             // 縦横2００メートルの世界を作成
  45.             var worldAABB:b2AABB = new b2AABB();
  46.             worldAABB.lowerBound.Set(-100, -100);
  47.             worldAABB.upperBound.Set(100, 100);
  48.            
  49.             // 重力を下方向に10m/s^2とする 今回は風の感じで右方向にも1m/s^2
  50.             var gravity:b2Vec2 = new b2Vec2(-1, 10);
  51.            
  52.             // 外枠と重力を指定して、物理エンジン全体をセットアップする
  53.             world = new b2World(worldAABB, gravity, true);
  54.            
  55.             f1 = new FlowLeaf(5, 7, 2, 4, 0.5, world, "leaf");
  56.             leafArea.addChild(f1);
  57.             f2 = new FlowLeaf(4, 7, 2, 3, 0.5, world, "leaf");
  58.             leafArea.addChild(f2);
  59.             f3 = new FlowLeaf(3, 7, 2, 3, 0.5, world, "leaf");
  60.             leafArea.addChild(f3);
  61.            
  62.             var debugDraw:b2DebugDraw = new b2DebugDraw;
  63.             debugDraw.m_sprite = this;
  64.             debugDraw.m_drawScale = 45; // 1mを45ピクセルにする
  65.             debugDraw.m_fillAlpha = 60; // 不透明度
  66.             debugDraw.m_lineThickness = 2; // 線の太さ
  67.             debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit;
  68.            
  69.             world.SetDebugDraw(debugDraw);
  70.            
  71.             this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  72.            
  73.             circleDef = new b2BodyDef();
  74.             circleDef.userData = new Object;
  75.             circleDef.userData.id = "circle";
  76.                
  77.             var spt:Sprite = new Sprite;
  78.             spt.graphics.lineStyle(1, 0x6481F5);
  79.             spt.graphics.beginFill(0x6481f5, 50);
  80.             spt.graphics.drawCircle( 0, 0, 4 );
  81.             spt.graphics.endFill();
  82.             spt.y = -10;
  83.             circleDef.userData.spt = spt;
  84.             dropArea.addChild(spt);
  85.                
  86.             var randomX = Math.floor(Math.random()*(240))+100;
  87.             circleDef.position.Set(randomX / 45, -10);
  88.            
  89.             dropShapeDef = new b2CircleDef;
  90.             dropShapeDef.radius = 0.15;
  91.             dropShapeDef.restitution = 0.2;
  92.             dropShapeDef.density = 0.5;
  93.            
  94.             drop = world.CreateBody(circleDef);
  95.             drop.CreateShape(dropShapeDef);
  96.             drop.SetMassFromShapes();
  97.  
  98.             setInterval(dropRain, 2500);
  99.            
  100.         }
  101.        
  102.         private function dropRain():void{
  103.             world.DestroyBody(drop);
  104.             var randomX:Number = Math.floor(Math.random()*(240))+100;
  105.    
  106.             circleDef.position.Set(randomX / 45, -10 / 45);
  107.  
  108.             drop = world.CreateBody(circleDef);
  109.             drop.CreateShape(dropShapeDef);
  110.            
  111.             drop.SetMassFromShapes();
  112.    
  113.                
  114.         }
  115.        
  116.         private function enterFrameHandler(event:Event):void {
  117.                    
  118.             for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next) {
  119.                     
  120.                  if (bb.m_userData != null && bb.m_userData.spt is Sprite) {
  121.                      bb.m_userData.spt.x = bb.GetPosition().x * 45;
  122.                      bb.m_userData.spt.y = bb.GetPosition().y * 45;
  123.                  }
  124.              }
  125.            
  126.          var random = Math.floor(Math.random()*10)+1;
  127.              if(random == 1){
  128.                 f1.wind(2);
  129.                 f2.wind(2);
  130.                 f3.wind(2);
  131.             }
  132.             world.Step(1 / 24, 10);
  133.         }
  134.     }
  135. }

FlowLeaf 葉っぱ一枚分

>>text
ACTIONSCRIPT:
  1. package
  2. {
  3.     import Box2D.Collision.Shapes.b2CircleDef;
  4.     import Box2D.Collision.Shapes.b2PolygonDef;
  5.     import Box2D.Common.Math.b2Vec2;
  6.     import Box2D.Dynamics.Joints.b2DistanceJointDef;
  7.     import Box2D.Dynamics.Joints.b2RevoluteJoint;
  8.     import Box2D.Dynamics.Joints.b2RevoluteJointDef;
  9.     import Box2D.Dynamics.b2Body;
  10.     import Box2D.Dynamics.b2BodyDef;
  11.     import Box2D.Dynamics.b2World;
  12.    
  13.     import flash.display.Sprite;
  14.     import flash.events.Event;
  15.     import flash.utils.*;
  16.    
  17.     public class FlowLeaf extends Sprite
  18.     {
  19.         private var flowBody:b2Body;
  20.         private var fixedBody:b2Body;
  21.         private var sinker:b2Body;
  22.         private var _height:Number;
  23.         private var _width:Number
  24.         private var _x:Number;
  25.         private var _y:Number;
  26.         private var barSize:Number;
  27.         private var bend:Number;
  28.        
  29.         public function FlowLeaf(x:Number,y:Number,width:Number, height:Number, bend:Number, world:b2World, id:String):void
  30.         {
  31.             barSize = width/10;
  32.            
  33.             this.x = 45 * x;
  34.             this.y = 45 * y;
  35.             this._height = height;
  36.             this._width = width;
  37.             this._x = x;
  38.             this._y = y;
  39.             this,bend = bend;
  40.            
  41.             var fixedBodyDef:b2BodyDef = new b2BodyDef;
  42.             fixedBodyDef.userData = new Object;
  43.             fixedBodyDef.userData.id = id;
  44.             fixedBodyDef.position.Set(x - barSize * 0.5, y - height * bend * 0.5);
  45.            
  46.             var fixedBodyPolygonDef:b2PolygonDef = new b2PolygonDef();
  47.             fixedBodyPolygonDef.friction = 0.1;
  48.             fixedBodyPolygonDef.density = 0.1;
  49.             fixedBodyPolygonDef.SetAsBox(barSize * 0.5, height * bend * 0.5);
  50.            
  51.             fixedBodyPolygonDef.filter.maskBits = 0x01;
  52.             fixedBodyPolygonDef.filter.categoryBits = 0x01;   
  53.            
  54.             fixedBody = world.CreateBody(fixedBodyDef);
  55.             fixedBody.CreateShape(fixedBodyPolygonDef);
  56.            
  57.             var flowBodyDef:b2BodyDef = new b2BodyDef;
  58.             flowBodyDef.userData = new Object;
  59.             flowBodyDef.userData.id = id;
  60.             flowBodyDef.position.Set(x - width, y - height);
  61.            
  62.             var flowBodyPolygonDef:b2PolygonDef = new b2PolygonDef;
  63.             flowBodyPolygonDef.vertices[0].Set(0,0);
  64.             flowBodyPolygonDef.vertices[1].Set(barSize*2, 0);
  65.             flowBodyPolygonDef.vertices[2].Set(width , height - height * bend);
  66.             flowBodyPolygonDef.vertices[3].Set(width -barSize*2, height - height * bend);
  67.             flowBodyPolygonDef.vertexCount = 4;
  68.             flowBodyPolygonDef.friction = 0.5;
  69.             flowBodyPolygonDef.density = 0.1;
  70.  
  71.           flowBody = world.CreateBody(flowBodyDef);
  72.           flowBody.CreateShape(flowBodyPolygonDef);
  73.           flowBody.SetMassFromShapes();
  74.           
  75.           var sinkerBodyDef:b2BodyDef = new b2BodyDef;
  76.           sinkerBodyDef.userData = new Object;
  77.           sinkerBodyDef.userData.id = id + "_sinker";
  78.           sinkerBodyDef.position.Set(x - width +barSize , y - height * bend);
  79.              
  80.           var sinkerShapeDef:b2CircleDef = new b2CircleDef;
  81.           sinkerShapeDef.radius = barSize;
  82.           sinkerShapeDef.density = 0.5;
  83.           sinkerShapeDef.filter.maskBits = 0x00;
  84.           
  85.           sinker = world.CreateBody(sinkerBodyDef);
  86.           sinker.CreateShape(sinkerShapeDef);
  87.  
  88.           sinker.SetMassFromShapes();
  89.              
  90.             var jointDef:b2RevoluteJointDef = new b2RevoluteJointDef;
  91.             jointDef.motorSpeed = 0.3;
  92.             jointDef.maxMotorTorque = 5;
  93.             jointDef.enableMotor = true;
  94.             jointDef.lowerAngle = -20 * Math.PI / 180;
  95.             jointDef.upperAngle = 15 * Math.PI / 180;
  96.             jointDef.enableLimit = true;
  97.       jointDef.Initialize(fixedBody, flowBody, new b2Vec2(flowBody.GetPosition().x + width - barSize / 2, flowBody.GetPosition().y + height * bend));
  98.       var joint:b2RevoluteJoint = b2RevoluteJoint(world.CreateJoint(jointDef));     
  99.       var sinkerJointDef:b2DistanceJointDef = new b2DistanceJointDef;
  100.       sinkerJointDef.Initialize(flowBody, sinker, flowBody.GetPosition(), sinker.GetPosition());
  101.       var sinkerJoint = world.CreateJoint(sinkerJointDef);
  102.       
  103.       this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  104.         }
  105.        
  106.         private function enterFrameHandler(event:Event){
  107.             this.graphics.clear();
  108.             this.graphics.lineStyle(1,0x66FF66);
  109.             this.graphics.beginFill(0xCCFFCC, 0.8);
  110.             this.graphics.curveTo(0, - _height * 0.8 * 45,(flowBody.GetPosition().x - _x ) * 45, (flowBody.GetPosition().y - _y )* 45);
  111.             this.graphics.curveTo(0 - barSize * 4 * 45, - _height * 0.8 * 45,0 - barSize * 4 * 45, 0);
  112.             this.graphics.lineTo(0,0);
  113.             this.graphics.endFill();
  114.            
  115.         }
  116.        
  117.         public function wind(power:Number):void{
  118.             sinker.m_linearVelocity.y = power;
  119.         }
  120.  
  121.     }
  122. }
]]> http://parpue.net/web/329/feed 0 Box2D オブジェクトにオブジェクトをあてて回転させる http://parpue.net/web/318 http://parpue.net/web/318#comments Tue, 30 Sep 2008 19:04:45 +0000 okm http://parpue.net/?p=318 久々に、、、Box2Dさわってみた。

これの続きです。
ってマジで久しぶりだ(^-^;;

今までジョイントには全く手を出さなかったので、
モノがぶつかると回転するオブジェクトを追加してみました。

音符がぶつかることで障害物が回転します。

↓以下動くものと、一部のソース

画面クリックで開始、
[←][→]キーで移動、半角[s]キーでジャンプです。

以前公開したコードに、
以下のように回転するジョイントを追加しているだけです。

四角を物理世界につくって、別のオブジェクトとジョイント！

>>text
ACTIONSCRIPT:
  1. //ジョイント元
  2. var trianglePolygonDef:b2PolygonDef = new b2PolygonDef;
  3. trianglePolygonDef.vertexCount = 3;
  4. trianglePolygonDef.vertices[0].Set(-1,0);
  5. trianglePolygonDef.vertices[1].Set(0,-1);
  6. trianglePolygonDef.vertices[2].Set(1,0);
  7. var triangleBodyDef:b2BodyDef = new b2BodyDef;
  8. triangleBodyDef.position.Set(7.3, 10);
  9. trianglePolygonDef.filter.maskBits = 0x00;
  10. trianglePolygonDef.filter.categoryBits = 0x00;
  11. var triangleBody:b2Body = world.CreateBody(triangleBodyDef);
  12. triangleBody.CreateShape(trianglePolygonDef);
  13.  
  14. var rollSquareBodyDef:b2BodyDef = new b2BodyDef();
  15. rollSquareBodyDef.userData = new Object;
  16. rollSquareBodyDef.userData.id = "rolls";
  17. rollSquareBodyDef.userData.spt = this.s1_sq;
  18.            
  19. rollSquareBodyDef.position.Set(2, 4);
  20. var rollSquareShapeDef:b2PolygonDef = new b2PolygonDef();
  21. rollSquareShapeDef.friction = 0.5;
  22. rollSquareShapeDef.density = 50;
  23. rollSquareShapeDef.SetAsBox(1.5, 0.2);
  24.            
  25. var rollSquareBody:b2Body = world.CreateBody(rollSquareBodyDef);
  26. rollSquareBody.CreateShape(rollSquareShapeDef);
  27. rollSquareBody.SetMassFromShapes();
  28. var jointDef:b2RevoluteJointDef = new b2RevoluteJointDef;
  29. jointDef.Initialize(triangleBody, rollSquareBody, rollSquareBody.GetWorldCenter());
  30. jointDef.motorSpeed = 3;
  31. jointDef.maxMotorTorque = 1;
  32. jointDef.enableMotor = true;
  33. var frontJoint:b2RevoluteJoint = b2RevoluteJoint(world.CreateJoint(jointDef));

簡単！

最近、FullFlashサイト作ろうかなーとか、
いろいろやっています。

]]> http://parpue.net/web/318/feed 0 Box2D,Papervision3Dでフリースローゲームを３D表示 http://parpue.net/web/157 http://parpue.net/web/157#comments Thu, 31 Jul 2008 16:35:20 +0000 okm http://parpue.net/?p=157 前々回のエントリでBox2DとPapervision3dを連携させてみて、
前のフリースローも似たようなことできるんじゃないかと思ってやってみた。

ボールを投げたところからだけ３Dでシミュレーションします。
環境によってはすごい重いと思います。

縦長ｗ　長すぎましたねｗ　下だけ表示でもなんとなく操作できます。
今回は「←」「→」キーで前後に移動できるようにしました。
「クリック」、「ｓ」キーで方向、パワー決定してシュート！

基本的には前のエントリとやってることは同じです。
Box2dな方のソースは整理中・・・。

シーンをENTER_FRAMEイベントで書き出し続けつつ、
Box2DのほうからupDatePositionsを呼んで、カメラ、ボールの位置を変更しています。

>>text
ACTIONSCRIPT:
  1. private function onEnterHandler(event:Event):void {
  2.             ball.rotationY += 5;
  3.             renderer.renderScene(scene, camera, viewPort);
  4.         }
  5.        
  6.         public function upDatePositions( boy_pos, ball_x, ball_y,ball_angle) {
  7.             camera.z = -100 + boy_pos/1.5;
  8.             ball.z = -100 + ball_x * 90;
  9.             ball.y = 925 - ball_y * 90;
  10.         }

↓Papervision3Dのほうのソース全部

ちょっと強引な部分もありますｗ

>>text
ACTIONSCRIPT:
  1. package{
  2.     import caurina.transitions.Tweener;
  3.    
  4.     import flash.display.Sprite;
  5.     import flash.events.Event;
  6.    
  7.     import org.papervision3d.cameras.Camera3D;
  8.     import org.papervision3d.lights.PointLight3D;
  9.     import org.papervision3d.materials.ColorMaterial;
  10.     import org.papervision3d.materials.WireframeMaterial;
  11.     import org.papervision3d.materials.shadematerials.PhongMaterial;
  12.     import org.papervision3d.materials.special.CompositeMaterial;
  13.     import org.papervision3d.materials.utils.MaterialsList;
  14.     import org.papervision3d.objects.DisplayObject3D;
  15.     import org.papervision3d.objects.primitives.Cube;
  16.     import org.papervision3d.objects.primitives.Plane;
  17.     import org.papervision3d.objects.primitives.Sphere;
  18.     import org.papervision3d.render.BasicRenderEngine;
  19.     import org.papervision3d.scenes.Scene3D;
  20.     import org.papervision3d.view.Viewport3D;
  21.    
  22.     /**
  23.     * @author Default
  24.     */
  25.     public class Basket3D extends Sprite{
  26.         private var scene:Scene3D;
  27.         private var camera:Camera3D;
  28.         private var viewPort:Viewport3D;
  29.         private var renderer:BasicRenderEngine;
  30.         private var rootNode:DisplayObject3D;
  31.        
  32.         private var floor:Cube;
  33.         private var wall:Cube;
  34.         private var whiteBoard:Plane;
  35.        
  36.         private var ball:Sphere;
  37.        
  38.         private var _light:PointLight3D;
  39.        
  40.         private var cameraView_y:Number = 50;
  41.         private var cameraView_z:Number = -400;
  42.         private var cameraView_angle:Number = 0;
  43.        
  44.         public function Basket3D() {
  45.             init3D();
  46.         }
  47.        
  48.         private function init3D():void{
  49.             // create renderer
  50.             renderer = new BasicRenderEngine();
  51.            
  52.             // create scene
  53.             scene = new Scene3D();
  54.            
  55.             // create viewport
  56.             viewPort = new Viewport3D(0, 0, true, false);
  57.             addChild(viewPort);
  58.            
  59.             // create camera
  60.             camera = new Camera3D;
  61.             camera.y = 500;
  62.             camera.z = -100;
  63.             camera.x = 600;
  64.             camera.rotationX = 15;
  65.             camera.rotationY = -45;
  66.            
  67.             // create root node
  68.             rootNode = scene.addChild( new DisplayObject3D("rootNode") );
  69.            
  70.             _light = new PointLight3D;
  71.             _light.x = -100;
  72.             _light.y = 100;
  73.             _light.z = 40;
  74.            
  75.             var colorMaterial:ColorMaterial = new ColorMaterial(0xFFCCCC, 1);
  76.             var wireMaterial:WireframeMaterial = new WireframeMaterial(0xFFCCCC, 1);
  77.             var phongMaterial:PhongMaterial = new PhongMaterial(_light, 0xF7D49E, 0xFFEEEE, 1);
  78.             var compMaterial:CompositeMaterial = new CompositeMaterial;
  79.             var materialsList:MaterialsList = new MaterialsList;
  80.            
  81.             compMaterial.addMaterial(phongMaterial);
  82.             compMaterial.addMaterial(wireMaterial);
  83.             materialsList.addMaterial(compMaterial, "all");
  84.             floor = new Cube(materialsList, 700, 1080, 20);
  85.             floor.z = 540;
  86.             rootNode.addChild(floor);
  87.            
  88.             wall = new Cube(materialsList, 700, 20, 1600);
  89.             wall.y = 800;
  90.             wall.z = 1120;
  91.             rootNode.addChild(wall);
  92.            
  93.             var whiteMateril:ColorMaterial = new ColorMaterial(0xFFFFFF);
  94.             var balckWireMaterial:WireframeMaterial = new WireframeMaterial(0x000000);
  95.             var boardCompMaterial:CompositeMaterial = new CompositeMaterial;
  96.             boardCompMaterial.addMaterial(whiteMateril);
  97.             boardCompMaterial.addMaterial(balckWireMaterial);
  98.             whiteBoard = new Plane(boardCompMaterial, 350, 200);
  99.             whiteBoard.z = 980;
  100.             whiteBoard.y = 550;
  101.             rootNode.addChild(whiteBoard);
  102.            
  103.             var ballPhongMaterial:PhongMaterial = new PhongMaterial(_light, 0xFD783D, 0xFBBA49, 1);
  104.             var ballWireMaterial:WireframeMaterial = new WireframeMaterial(0xFD783D);
  105.             var ballCompMaterial:CompositeMaterial = new CompositeMaterial;
  106.             ballCompMaterial.addMaterial(ballPhongMaterial);
  107.             ballCompMaterial.addMaterial(ballWireMaterial);
  108.             ball = new Sphere(ballCompMaterial, 25);
  109.             ball.z = 200;
  110.             ball.y = 100;
  111.             rootNode.addChild(ball);
  112.            
  113.             renderer.renderScene(scene, camera, viewPort);
  114.             this.addEventListener(Event.ENTER_FRAME, onEnterHandler);
  115.             Tweener.addTween(camera, { x:0, y:this.cameraView_y, z:this.cameraView_z,rotationY:0,rotationX:this.cameraView_angle,time:3, transition:"liner" } );
  116.         }
  117.        
  118.         private function onEnterHandler(event:Event):void {
  119.             ball.rotationY += 5;
  120.             renderer.renderScene(scene, camera, viewPort);
  121.         }
  122.        
  123.         public function upDatePositions( boy_pos, ball_x, ball_y,ball_angle) {
  124.             camera.z = -100 + boy_pos/1.5;
  125.             ball.z = -100 + ball_x * 90;
  126.             ball.y = 925 - ball_y * 90;
  127.         }
  128.     }
  129. }
]]> http://parpue.net/web/157/feed 0 Box2D と PaperVision3D を連携させてみる http://parpue.net/web/138 http://parpue.net/web/138#comments Mon, 28 Jul 2008 10:39:04 +0000 okm http://parpue.net/?p=138 Box2Dをちょっと勉強してみて、
このライブラリでは、
「物理演算させた結果を数値パラメータとして取り出して使う」、
ということがわかってきた。

Box２Dで遊んでいる人の多くがそうであるように、
このパラメータを何で使ったらおもしろいかというひとつの行き先として、３D表示がある。
Flashには３D表現のライブラリとしては、PaperVision3Dが有名です。

というわけで、３D表現とか未経験なので、勉強もかねて、
技術評論社の簡単なBox２Dサンプルの動作を、
Papervision3Dライブラリを使って３D表示させてみた。

↑　画面クリックで、箱が落ちます。
Box2D部分はほぼ技術評論社のものと変更ありません。

Box2Dは、2次元の物理演算ライブラリなので、
PaperVision3Dを用いても、表示されている領域内では、２Dの動作しかしません。

Box2Dで、毎フレームごとのX座標、Y座標、傾きなどの値を取り出して、
PaperVision3Dの世界に落とし込んでいます。

というわけで、とりあえずPaperVision３Dの初体験ができましたｗ
がんばればもうちょっと面白いことできそうだなー。

↓ソース全部。

使用したPaperVision3Dライブラリのバージョンは
「Public Alpha 2.0 - Great White (24.03.08)」です。

メインのPaperVisionTestクラス

>>text
ACTIONSCRIPT:
  1. package src {
  2.     import Box2D.Collision.b2AABB;
  3.     import Box2D.Collision.Shapes.b2PolygonDef;
  4.     import Box2D.Common.Math.b2Vec2;
  5.     import Box2D.Dynamics.b2Body;
  6.     import Box2D.Dynamics.b2BodyDef;
  7.     import Box2D.Dynamics.b2DebugDraw;
  8.     import Box2D.Dynamics.b2World;
  9.     import flash.display.Sprite;
  10.     import flash.events.Event;
  11.     import flash.events.MouseEvent;
  12.    
  13.     /**
  14.     * ...
  15.     * @author Default
  16.     */
  17.     public class PaperVisionTest extends Sprite {
  18.         private var world:b2World;
  19.         private var boxBody:b2Body;
  20.         private var pvView:PVView;
  21.        
  22.         public function PaperVisionTest() {
  23.             // イベントハンドラを登録する
  24.             stage.addEventListener(MouseEvent.CLICK, clickHandler);
  25.             addEventListener(Event.ENTER_FRAME, enterFrameHandler); 
  26.            
  27.             pvView = new PVView;
  28.             pvView.x = -100;
  29.             pvView.y = -100;
  30.             addChild(pvView);
  31.         }
  32.        
  33.         private function clickHandler(event:MouseEvent):void {
  34.             ////////////////////////////////////////
  35.             // 物理エンジンのセットアップ
  36.            
  37.             // 外枠を定義する
  38.             var worldAABB:b2AABB = new b2AABB();
  39.             worldAABB.lowerBound.Set(-100, -100);
  40.             worldAABB.upperBound.Set(100, 100);
  41.            
  42.             // 重力を下方向に10m/s^2とする
  43.             var gravity:b2Vec2 = new b2Vec2(0, 10);
  44.            
  45.             // 外枠と重力を指定して、物理エンジン全体をセットアップする
  46.             world = new b2World(worldAABB, gravity, true);
  47.            
  48.             ////////////////////////////////////////
  49.             // 床の設置
  50.             // 床は画面の下のほうに設置します
  51.            
  52.             // 床の位置を左から2.1m、上から3mとする
  53.             var floorBodyDef:b2BodyDef = new b2BodyDef();
  54.             floorBodyDef.position.Set(2.15, 3);
  55.            
  56.             // 床の形を、幅4m、厚さ20cmとする
  57.             // 指定するのはその半分の値
  58.             var floorShapeDef:b2PolygonDef = new b2PolygonDef();
  59.             floorShapeDef.SetAsBox(2, 0.1);
  60.            
  61.             // 床を動かない物体として作る
  62.             var floor:b2Body = world.CreateBody(floorBodyDef);
  63.             floor.CreateShape(floorShapeDef);
  64.            
  65.             ////////////////////////////////////////
  66.             // 箱の設置
  67.             // 箱は床の上から落として、少しはねるようにします
  68.            
  69.             // 箱の位置を左から2.5m、上から1mとする
  70.             var boxBodyDef:b2BodyDef = new b2BodyDef();
  71.             boxBodyDef.position.Set(2.5, 1);
  72.            
  73.             // 箱の形を、幅60cm、高さ40cmとして45度ぐらい右に回す
  74.             var boxShapeDef:b2PolygonDef= new b2PolygonDef();
  75.             boxShapeDef.SetAsOrientedBox(0.3, 0.2, new b2Vec2(0, 0), 0.9);
  76.             boxShapeDef.density = 1;        // 密度 [kg/m^2]
  77.             boxShapeDef.restitution = 0.75;  // 反発係数、通常は0～1
  78.            
  79.             // 箱を動く物体として作る
  80.             boxBody = world.CreateBody(boxBodyDef);
  81.             boxBody.CreateShape(boxShapeDef);
  82.             boxBody.SetMassFromShapes();
  83.            
  84.             ////////////////////////////////////////
  85.             // 描画設定
  86.            
  87.             var debugDraw:b2DebugDraw = new b2DebugDraw();
  88.             debugDraw.m_sprite = this;
  89.             debugDraw.m_drawScale = 100; // 1mを100ピクセルにする
  90.             debugDraw.m_fillAlpha = 0.6; // 不透明度
  91.             debugDraw.m_lineThickness = 1; // 線の太さ
  92.             debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit;
  93.             world.SetDebugDraw(debugDraw);
  94.         }
  95.        
  96.         private function enterFrameHandler(event:Event):void {
  97.             if (world == null) {
  98.                 return;
  99.             }
  100.             // Flashはデフォルトで秒間24フレームなので、
  101.             // 物理シミュレーションを1/24秒進める
  102.             world.Step(1 / 24, 10);
  103.            
  104.             // 箱の座標、傾きを３D世界に適用する。
  105.             var b2vec:b2Vec2 = boxBody.GetPosition();
  106.             pvView.setCubePosition(b2vec.x * 100, b2vec.y * 100, boxBody.GetAngle());
  107.         }
  108.     }
  109. }

3D表示用PVViewクラス

>>text
ACTIONSCRIPT:
  1. package src {
  2.     import Box2D.Dynamics.b2Body;
  3.     import org.papervision3d.lights.PointLight3D;
  4.     import org.papervision3d.materials.ColorMaterial;
  5.     import org.papervision3d.materials.shadematerials.PhongMaterial;
  6.     import org.papervision3d.materials.special.CompositeMaterial;
  7.     import org.papervision3d.materials.utils.MaterialsList;
  8.     import org.papervision3d.materials.WireframeMaterial;
  9.     import org.papervision3d.objects.primitives.Cube;
  10.     import org.papervision3d.view.BasicView;
  11.    
  12.     /**
  13.     * ...
  14.     * @author Default
  15.     */
  16.     public class PVView extends BasicView{
  17.         private var b2BodyList:Array;
  18.         private var _light:PointLight3D;
  19.         private var cube:Cube;
  20.        
  21.         public function PVView(){
  22.             b2BodyList = new Array();
  23.             camera.z = -50;
  24.             camera.x = -40;
  25.             camera.y = -40;
  26.            
  27.             _light = new PointLight3D;
  28.             _light.x = 0;
  29.             _light.y = 0;
  30.             _light.z = 40;
  31.            
  32.             var colorMaterial:ColorMaterial = new ColorMaterial(0x77FF77, 1);
  33.             var wireMaterial:WireframeMaterial = new WireframeMaterial(0x66FF66, 1);
  34.             var phongMaterial:PhongMaterial = new PhongMaterial( _light, 0xCCDDCC, 0xDDEEDD, 1 );
  35.             var compositeMaterial:CompositeMaterial = new CompositeMaterial();
  36.             compositeMaterial.addMaterial(colorMaterial);
  37.             compositeMaterial.addMaterial(phongMaterial);
  38.             compositeMaterial.addMaterial(wireMaterial);
  39.            
  40.             var materialsList:MaterialsList = new MaterialsList;
  41.            
  42.             materialsList.addMaterial(compositeMaterial, "all");
  43.             cube = new Cube(materialsList, 60, 40, 40);
  44.             cube.x = 2.5 * 100;
  45.             cube.y = 1 * 100;
  46.             scene.addChild(cube);
  47.             startRendering(); 
  48.         }
  49.        
  50.         public function setCubePosition(x:Number, y:Number, rotationY) {
  51.             cube.x = x;
  52.             cube.z = y;
  53.             rotationY = rotationY * 180;
  54.             cube.rotationY = rotationY;
  55.         }
  56.     }
  57. }
]]> http://parpue.net/web/138/feed 3 Box2Dでバスケのフリースローゲーム（２） http://parpue.net/web/126 http://parpue.net/web/126#comments Thu, 24 Jul 2008 21:54:55 +0000 okm http://parpue.net/?p=126 前のエントリのやつを調整。

画面クリックでスタート。"s"キーまたは、クリックで角度とパワーを決めてシュート！

友人に、いろいろとつっこまれたところを直しました。
↓変更箇所と、ちょっとしたネタバレ

変更箇所
・GOALの判定が甘かったのを修正・・・ゴール付近にいっただけでGOALになっていた。
・パワーゲージの移動をゆっくりに。
・"s"キーだけではなく、マウスクリックだけでも遊べるように。
・部屋を広々と。

ネタバレ
ネタバレ
↑クリックで拡大

Box2Dで部屋と、人間、ボール、ゴールなどのオブジェクトをすべて作成しています。
ゴールを形成している壁もじつはほんのちょっと四角を配置しているだけ。

この壁の上部と、下部の赤い線に順番に触れたらゴールとしています。
前のはゴールの下の方の線だけで判定していたので、
なんか近くによるだけでゴールになったりましていました。

]]> http://parpue.net/web/126/feed 0 Box2D でバスケのフリースローゲーム http://parpue.net/web/117 http://parpue.net/web/117#comments Wed, 23 Jul 2008 18:33:36 +0000 okm http://parpue.net/?p=117 以前のエントリで、思いついたBox2Dによるフリースローゲームを、
ごりごりと作ってみて、とりあえず動いた。

画面クリック後は "s"キーのみ。"s"で方向を決めて、"s"でパワーを決めてシュート！
・・・思ったより入らないけど、ちゃんと入りますよｗ

別で作っている組曲ボーナスのFlashのコードが基本です。
今回のは勢いでばばーっと作ったので、とてもソース全公開できない、、、。

"s"キーを押すごとにonEnterFrameの挙動を、「角度を決める」、「パワーを決める」等ふりわけて、
ゴールのSpriteと、ボールのSpriteが重なったらゴールした、と見なすというような処理としています。

もし全コードみたいという奇特な方がいらっしゃれば、
こっそりあげるかも。

本当にBox2Dエンジンおもしろいなー。

今後は組曲ボーナスFlash作りつつ、Progression Frameworkが気になっているので、
そっちに手を出したりするかも。

]]> http://parpue.net/web/117/feed 0 ２Dのバスケ フリースローゲーム思いついてみる。 http://parpue.net/web/50 http://parpue.net/web/50#comments Fri, 18 Jul 2008 19:40:31 +0000 okm http://parpue.net/?p=50 前エントリに続いて、
某組曲ボーナスゲームも作り途中ですが、
Box２D使えば、２Dなフリースローゲームも簡単に作れるんじゃないだろか。

某組曲ボーナスゲームより考えることが少なそうだ。

というわけでフリースロー用の素材を描いて、いろいろ考えてみた。
目標はこんなの↓

ずっとみてても入ることはありません。
もがき続けます。

ボールはFlashのトゥイーンでがしがし不自然に動かしました(^-^;;
この辺をBox2Dにやらせれば、絶対気持ちいいぜ！

しかし素材作るのが大変だ・・・。
今回はフリーのSimpleDotXで描きました。
（あれほどベジェ曲線やるといっておきながら・・・）

投げる人

実際にスクリプトの方もちょっとかいてみた。
うん、いけそうだ！　（↓まだ、作り中だから絵だけです。）

フリースローひな形

フリースローひな形

いろいろ平行してがんばっていこう！

]]> http://parpue.net/web/50/feed 1 Box2D リンケージシンボルでアニメーションさせてダッシュ＆ジャンプ http://parpue.net/web/46 http://parpue.net/web/46#comments Tue, 15 Jul 2008 18:10:24 +0000 okm http://parpue.net/?p=46 Box2Dで、迷○組曲ボーナスステージもどき制作日記の続きです。

今回はFlashで作成したアニメーションのシンボルをリンケージさせて、
実際に表示されるキャラクターを動かしてみました。
このキャラクターは、前作ったコレで使ったやつの使い回しで、我らがドットりえッチです。
今回もまだエンドレスですｗ

画面をクリックして、「←」「→」で左右移動、「s」でジャンプです。

今回は、Flashでリンケージさせたシンボルを組み込んで、
Flex3でコンパイルする際に組み込んでいます。

>>text
ACTIONSCRIPT:
  1. [Embed(source = 'LabylinsSeed.swf', symbol = 'riecchi') ]
  2.         private var Riecchi:Class;
  3.         private var riecchi:MovieClip;

外部のFlashを組み込んで、シンボルをクラスとして使えるようにするには
[Embed(source='読み込むファイル名', symbol='リンケージ時に指定したクラス名')]

でOKです。

今回読み込んだLabylinsSeed.swfは以下のようなFlashです。

上からシンボル化したMovieClipで、それぞれを
"stop", "low", "middle", "high", "max", 飛んでるのが "jump"と命名してあります。

それとは別の、riecchiというMovieClipをシンボル化しています。
このMovieClipは、同じように"stop", "low","middle" ... と名前をつけたフレームをもち、
それぞれのフレームに上記でシンボル化したMovieClipをおいています。

↓現在加わっている力から、どのフレームのアニメーションを動かすか、
どのフレームで gotoAndStop() させるかを指示しています。

>>text
ACTIONSCRIPT:
  1. var vel_x = Math.abs(square.m_linearVelocity.x);
  2.                 var status:String = "stop";
  3.                 if( vel_x <0.5) status = "stop";
  4.                 else if(vel_x <2) status = "low";
  5.                 else if(vel_x <5) status = "middle";
  6.                 else status = "high"
  7.                
  8.                 if(status != square.m_userData.speed_status){
  9.                     riecchi.gotoAndStop(status);
  10.                     square.m_userData.speed_status = status;
  11.                 }

こうすることで、速度によってアニメーションを変えることができました。
ちなみにmaxは使わなかった。

方向転換時に慣性のような力を残す、フラットをとると減点なども追加しました。
前のコードに試行錯誤しながら作ったので、ソース汚いっす。

次回はグラフィックをもっと追加してみようかな・・・続く！！

↓勢いのあるソース全部

>>text
ACTIONSCRIPT:
  1. package {
  2.     import Box2D.Collision.Shapes.b2PolygonDef;
  3.     import Box2D.Collision.Shapes.b2Shape;
  4.     import Box2D.Collision.b2AABB;
  5.     import Box2D.Common.Math.b2Vec2;
  6.     import Box2D.Common.Math.b2XForm;
  7.     import Box2D.Dynamics.Contacts.b2ContactEdge;
  8.     import Box2D.Dynamics.b2Body;
  9.     import Box2D.Dynamics.b2BodyDef;
  10.     import Box2D.Dynamics.b2DebugDraw;
  11.     import Box2D.Dynamics.b2World;
  12.    
  13.     import flash.display.Bitmap;
  14.     import flash.display.MovieClip;
  15.     import flash.display.Sprite;
  16.     import flash.display.StageAlign;
  17.     import flash.events.Event;
  18.     import flash.events.KeyboardEvent;
  19.     import flash.events.MouseEvent;
  20.     import flash.text.TextField;
  21.     import flash.ui.Keyboard;
  22.     import flash.utils.*;
  23.    
  24.     /**
  25.     * @author okm
  26.     */
  27.     public class LabyrinsSuite extends Sprite{
  28.         private var world:b2World;
  29.         private var square:b2Body;
  30.         private var floor:b2Body;
  31.         // 床と箱生命体が接触しているか
  32.         private var ground:Boolean = false;
  33.        
  34.         [Embed(source='hako.png')]
  35.         private var hakoImg:Class;
  36.         private var spt:Sprite;
  37.  
  38.         [Embed(source = 'onpu.png')]
  39.         private var onpuImg:Class;
  40.        
  41.         [Embed(source = 'flat.png')]
  42.         private var flatImg:Class;
  43.        
  44.         [Embed(source = 'LabylinsSeed.swf', symbol = 'riecchi') ]
  45.         private var Riecchi:Class;
  46.         private var riecchi:MovieClip;
  47.        
  48.         private var onpArea:Sprite;
  49.         private var onpCnt:Number = 0;
  50.         private var onpCntText:TextField;
  51.        
  52.         private var timer:Number;
  53.        
  54.         public function LabyrinsSuite() {
  55.             stage.scaleMode = "noScale";
  56.             stage.align = StageAlign.TOP_LEFT;
  57.  
  58.             var textField:TextField = new TextField;
  59.             textField.text = "click me ";
  60.             textField.x = 100;
  61.             textField.y = 100;
  62.            
  63.             textField.selectable = false;
  64.             this.addChild(textField);
  65.            
  66.             // 音符とった数のカウント表示用
  67.             onpCntText = new TextField;
  68.             onpCntText.x = 10;
  69.             onpCntText.y = 10;
  70.             onpCntText.text = "0";
  71.             addChild(onpCntText);
  72.            
  73.             //var bmp:Bitmap = new hakoImg();
  74.             // 中心座標と重なるように。
  75.             //bmp.x = -18;
  76.             //bmp.y = -36;
  77.             riecchi = new Riecchi();
  78.             riecchi.gotoAndStop("low");
  79.             riecchi.x = -15.5;
  80.             riecchi.y = -29;
  81.             spt = new Sprite;
  82.             spt.visible = false;
  83.             spt.addChild(riecchi);
  84.             addChild(spt);
  85.  
  86.             stage.addEventListener(MouseEvent.CLICK, go);
  87.         }
  88.        
  89.         public function go(event:MouseEvent):void {
  90.             clearInterval(timer);
  91.             spt.visible = true;
  92.             // 音符取得数初期化
  93.             onpCntText.text = "0";
  94.             onpCnt = 0;
  95.            
  96.             if (onpArea != null) this.removeChild(onpArea);
  97.             onpArea = new Sprite;
  98.             this.addChild(onpArea);
  99.            
  100.             stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
  101.             stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
  102.             ////////////////////////////////////////
  103.             // 物理エンジンのセットアップ
  104.            
  105.             // 縦横２００メートルの世界を作成
  106.             var worldAABB:b2AABB = new b2AABB();
  107.             worldAABB.lowerBound.Set(-100, -100);
  108.             worldAABB.upperBound.Set(100, 100);
  109.            
  110.             // 重力を下方向に10m/s^2とする
  111.             var gravity:b2Vec2 = new b2Vec2(0, 10);
  112.            
  113.             // 外枠と重力を指定して、物理エンジン全体をセットアップする
  114.             world = new b2World(worldAABB, gravity, true);
  115.            
  116.             /////////////////////////////////////////////
  117.             // 部屋の作成 横幅 12M 高さ 8M の部屋を作成
  118.             /////////////////////////////////////////////
  119.             // 床
  120.             // 天井の高さは 8M 床の 中心X座標は　7.5M(真ん中)
  121.             var floorBodyDef:b2BodyDef = new b2BodyDef();
  122.             // 床のIDを floor としておく
  123.             floorBodyDef.userData = new Object;
  124.             floorBodyDef.userData.spt = new Sprite;
  125.             floorBodyDef.userData.id = "floor";
  126.             floorBodyDef.position.Set(6, 8);
  127.            
  128.             // 床の形を、幅12m、厚さ20cmとする
  129.             // 指定するのはその半分の値
  130.             var floorShapeDef:b2PolygonDef = new b2PolygonDef();
  131.             floorShapeDef.friction = 0.1;
  132.             floorShapeDef.SetAsBox(6, 0.1);
  133.            
  134.             // 床のcategoryBits/maskBits
  135.             floorShapeDef.filter.maskBits = 0x01;
  136.             floorShapeDef.filter.categoryBits = 0x01;
  137.            
  138.             // 床を動かない物体として作る
  139.             floor = world.CreateBody(floorBodyDef);
  140.             floor.CreateShape(floorShapeDef);
  141.            
  142.             // 両端の壁　高さは 8M 幅 10cm
  143.             // 左壁
  144.             var leftWallBodyDef:b2BodyDef = new b2BodyDef();
  145.             leftWallBodyDef.userData = new Object;
  146.             leftWallBodyDef.userData.id = "left";
  147.             leftWallBodyDef.userData.spt = new Sprite;
  148.             leftWallBodyDef.position.Set(0.05, 4);
  149.             var wallShapeDef:b2PolygonDef = new b2PolygonDef();
  150.             wallShapeDef.friction = 0;
  151.             wallShapeDef.SetAsBox(0.05, 4);
  152.            
  153.             var leftWall:b2Body = world.CreateBody(leftWallBodyDef);
  154.             leftWall.CreateShape(wallShapeDef);
  155.            
  156.             // 右壁
  157.             var rightWallBodyDef:b2BodyDef = new b2BodyDef();
  158.             rightWallBodyDef.userData = new Object;
  159.             rightWallBodyDef.userData.id = "right";
  160.             rightWallBodyDef.userData.spt = new Sprite;
  161.             rightWallBodyDef.position.Set(11.95, 4);
  162.             var rightWall:b2Body = world.CreateBody(rightWallBodyDef);
  163.             rightWall.CreateShape(wallShapeDef);
  164.            
  165.             ////////////////////////////////////////
  166.             // 箱生命体
  167.             ////////////////////////////////////////
  168.            
  169.             // 箱の位置を左から2.5m、上から1mとする
  170.             var boxBodyDef:b2BodyDef = new b2BodyDef();
  171.             boxBodyDef.userData = new Object;
  172.             boxBodyDef.userData.id = "hako";
  173.             boxBodyDef.userData.spt = spt;
  174.             boxBodyDef.userData.speed_status = "low";
  175.             boxBodyDef.position.Set(2.5, 1);
  176.            
  177.             // 箱の幅 40cm 高さ 80cm　重さは 30kg とする
  178.             var boxShapeDef:b2PolygonDef= new b2PolygonDef();
  179.             //boxShapeDef.SetAsOrientedBox(0.3, 0.2, new b2Vec2(0, 0), 0.8);
  180.             boxShapeDef.SetAsBox(0.32, 0.57);
  181.             boxShapeDef.density = 80;        // 密度
  182.             boxShapeDef.friction = 0.6;      // 摩擦係数
  183.             boxShapeDef.restitution = 0;   // 反発係数、通常は0～1
  184.            
  185.             // 箱を動く物体として作る
  186.             var boxBody:b2Body = world.CreateBody(boxBodyDef);
  187.             boxBody.CreateShape(boxShapeDef);
  188.             // SetMassFromShapes で重力が有効になる
  189.             boxBody.SetMassFromShapes();
  190.             square = boxBody;
  191.                        
  192.             ////////////////////////////////////////
  193.             // 描画設定
  194.             var debugDraw:b2DebugDraw = new b2DebugDraw();
  195.             debugDraw.m_sprite = this;
  196.             debugDraw.m_drawScale = 45; // 1mを45ピクセルにする
  197.             debugDraw.m_fillAlpha = 0; // 不透明度
  198.             //debugDraw.m_lineThickness = 1; // 線の太さ
  199.             //debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit;
  200.            
  201.             //world.SetDebugDraw(debugDraw);
  202.            
  203.             this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  204.             timer = setInterval(dropBox, 1200);
  205.         }
  206.        
  207.         private function dropBox():void {
  208.            
  209.             var dropbox_x:Number = this.xRandomInt(11, 1);
  210.            
  211.             var dropboxBodyDef:b2BodyDef = new b2BodyDef();
  212.             dropboxBodyDef.userData = new Object;
  213.             dropboxBodyDef.userData.id = "dropbox";
  214.            
  215.             var onpuBmp:Bitmap;
  216.             var onpuType:String;
  217.             if(this.xRandomInt(10,0)> 8){
  218.                 onpuBmp = new flatImg();
  219.                 onpuType = "flat";
  220.             }else{
  221.                 onpuBmp = new onpuImg();
  222.                 onpuType = "normal";
  223.             }
  224.             onpuBmp.x = -5;
  225.             onpuBmp.y = -7.5;
  226.             var onpu_spt:Sprite = new Sprite;
  227.             onpu_spt.visible = false;
  228.             onpu_spt.addChild(onpuBmp);
  229.             dropboxBodyDef.userData.spt = onpu_spt;
  230.             dropboxBodyDef.userData.crash = 0;
  231.             dropboxBodyDef.userData.onpuType = onpuType;
  232.             dropboxBodyDef.angle = this.xRandomInt(5, 0) / 10;
  233.             dropboxBodyDef.position.Set(dropbox_x, 0.5);
  234.             onpArea.addChild(dropboxBodyDef.userData.spt);
  235.            
  236.             // 箱の幅 10cm 高さ 15cm　重さは 1kg とする
  237.             var dropboxShapeDef:b2PolygonDef= new b2PolygonDef();
  238.             //boxShapeDef.SetAsOrientedBox(0.3, 0.2, new b2Vec2(0, 0), 0.8);
  239.             dropboxShapeDef.SetAsBox(0.1, 0.15);
  240.             dropboxShapeDef.density = 25;        // 密度
  241.             dropboxShapeDef.friction = 0.2;      // 摩擦係数
  242.             dropboxShapeDef.restitution = 0.7;   // 反発係数、通常は0～1
  243.            
  244.             // 箱を動く物体として作る
  245.             dropboxShapeDef.filter.categoryBits = 0x01;
  246.             dropboxShapeDef.filter.maskBits = 0x01;
  247.            
  248.             var dropbox:b2Body = world.CreateBody(dropboxBodyDef);
  249.             dropbox.CreateShape(dropboxShapeDef); 
  250.             dropbox.m_linearVelocity.x = this.xRandomInt(2, -2);
  251.             dropbox.SetMassFromShapes();
  252.         }
  253.        
  254.         private var m_InputL:Number = 0;
  255.         private var m_InputR:Number = 0;
  256.         private var m_InputS:Number = 0;
  257.         private var m_Dir:Number = 0;
  258.         private var moveTime:Number = 0;
  259.        
  260.         // キーが押されたときの処理
  261.         private function keyDownHandler(event:KeyboardEvent):void {
  262.             square.WakeUp();
  263.             if(event.keyCode == Keyboard.LEFT && m_InputL != 1){
  264.                 m_InputL = 1;
  265.                 m_InputR = 0;
  266.                 m_Dir = -1.0;
  267.                 moveTime = 0;
  268.             }
  269.             if(event.keyCode == Keyboard.RIGHT && m_InputR != 1){
  270.                 m_InputR = 1;
  271.                 m_InputL = 0;
  272.                 m_Dir = 1.0;
  273.                 moveTime = 0;
  274.             }
  275.             if(event.keyCode == 83){ // s
  276.                 m_InputS = 1;
  277.             }
  278.         }
  279.         private function keyUpHandler(event:KeyboardEvent):void {
  280.             if(event.keyCode == Keyboard.LEFT){
  281.                 m_InputL = 0;
  282.             }
  283.             if(event.keyCode == Keyboard.RIGHT){
  284.                 m_InputR = 0;
  285.             }
  286.             if(event.keyCode == 83){ // s
  287.                 m_InputS = 0;
  288.             }
  289.         }
  290.  
  291.         private function enterFrameHandler(event:Event):void {
  292.            
  293.             for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next) {
  294.                 if (bb.m_userData != null && bb.m_userData.spt is Sprite) {
  295.                     if (bb.m_userData.id == "dropbox" ) {
  296.                         // なんか音符たまに下で死んでるからさよならする
  297.                         if(bb.IsFrozen()){
  298.                             shape = bb.GetShapeList();
  299.                             shape.m_filter.maskBits = 0x00;
  300.                             bb.m_linearVelocity.y = 0.2;
  301.                         }
  302.                         var onp_spt:Sprite = bb.m_userData.spt;
  303.                         onp_spt.visible = true;
  304.                         // もし箱生命体と触れていたら消す
  305.                         if(onp_spt.hitTestObject(square.m_userData.spt)){
  306.                             onpArea.removeChild(onp_spt);
  307.                             world.DestroyBody(bb);
  308.                            
  309.                             // 音符取得数追加
  310.                             if(bb.m_userData.onpuType == "normal")  onpCnt++;
  311.                             else if(bb.m_userData.onpuType == "flat") onpCnt--;
  312.                             onpCntText.text = onpCnt.toString();
  313.                         }
  314.                        
  315.                         bb.m_userData.spt.rotation = bb.GetAngle() * (180 / Math.PI);
  316.                     }   
  317.                     bb.m_userData.spt.x = bb.GetPosition().x * 45;
  318.                     bb.m_userData.spt.y = bb.GetPosition().y * 45;
  319.                 }
  320.             }
  321.            
  322.             // 箱生命体は、決して倒れない！
  323.             var xform:b2XForm = square.GetXForm();
  324.             square.SetXForm(xform.position, 0);
  325.  
  326.             // 衝突判定　床
  327.             var shape:b2Shape;
  328.             ground = false;
  329.             for (var ce:b2ContactEdge = floor.m_contactList; ce != null; ce = ce.next) { 
  330.                 var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト
  331.                 var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト
  332.                 if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){ 
  333.                     if(obj2.m_userData.id == "dropbox"){
  334.                         if (obj2.m_userData.crash> 2){
  335.                             shape = obj2.GetShapeList();
  336.                             shape.m_filter.maskBits = 0x00;
  337.                         }else {
  338.                             obj2.m_userData.crash++;
  339.                         }
  340.                     }else if (obj2.m_userData.id == "hako") { // 地面とプレーヤーが接触
  341.                         ground = true;
  342.                     }
  343.                 }
  344.             }
  345.            
  346.             if (m_InputS == 1 && ground ) {
  347.                 square.m_linearVelocity.y = -7;
  348.             }
  349.             if (m_InputL> 0) {
  350.                 var initForce:Number = 0.3;
  351.                 if( square.m_linearVelocity.x> 0){
  352.                     initForce -= square.m_linearVelocity.x;
  353.                 }
  354.                 var leftForce:Number = this.easeInOutQuad(moveTime, initForce, 6, 30);
  355.                 if (moveTime <30) moveTime++;
  356.                 square.m_linearVelocity.x = -leftForce;
  357.                 square.m_userData.spt.scaleX = -1;
  358.             }
  359.             if (m_InputR> 0) {
  360.                 var initForce:Number = 0.3;
  361.                 if( square.m_linearVelocity.x <0){
  362.                     initForce += square.m_linearVelocity.x;
  363.                 }
  364.                 var rightForce:Number = this.easeInOutQuad(moveTime, initForce, 6, 30);
  365.                 if (moveTime <30) moveTime++;
  366.                 square.m_linearVelocity.x = rightForce;
  367.                 square.m_userData.spt.scaleX = 1;
  368.             }
  369.             if (world == null) {
  370.                 return;
  371.             }
  372.            
  373.             //MovieClip描画
  374.             // 床にいないときはジャンプ
  375.             if(!ground){
  376.                 riecchi.gotoAndStop("jump");
  377.                 square.m_userData.speed_status = "jump";
  378.             }
  379.             else{
  380.                 var vel_x = Math.abs(square.m_linearVelocity.x);
  381.                 var status:String = "stop";
  382.                 if( vel_x <0.5) status = "stop";
  383.                 else if(vel_x <2) status = "low";
  384.                 else if(vel_x <5) status = "middle";
  385.                 else status = "high"
  386.                
  387.                 if(status != square.m_userData.speed_status){
  388.                     riecchi.gotoAndStop(status);
  389.                     square.m_userData.speed_status = status;
  390.                 }
  391.             }
  392.            
  393.            
  394.             // Flashはデフォルトで秒間24フレームなので、
  395.             // 物理シミュレーションを1/24秒進める
  396.             world.Step(1 / 24, 10);
  397.         }
  398.        
  399.         /**
  400.         　* t = time
  401.         　* b = beginning value
  402.         　* c = change in value
  403.         　* d = duration
  404.         　*/
  405.         public function easeInOutQuad(t:Number, b:Number, c:Number, d:Number):Number {
  406.             if ((t/=d/2) <1) return c/2*t*t + b;
  407.             return -c/2 * ((--t)*(t-2) - 1) + b;
  408.         };
  409.        
  410.         public function xRandomInt (nMax:Number, nMin:Number):Number {
  411.             // nMinからnMaxまでのランダムな整数を返す
  412.             var nRandomInt:Number = Math.floor(Math.random()*(nMax-nMin+1))+nMin;
  413.             return nRandomInt;
  414.         }
  415.     }
  416. }
]]> http://parpue.net/web/46/feed 6 Box2D で 降りしきる音符を拾いまわる箱 http://parpue.net/web/38 http://parpue.net/web/38#comments Wed, 09 Jul 2008 08:57:17 +0000 okm http://parpue.net/?p=38 前回作ったものに、pngファイルを重ねて表示しました。
動き回る箱が、音符を拾うゲームです。
箱組曲ですねｗ

Box2Dで落ちる音符が自然でいい感じです。
だいぶ遊べるものに近づいてきました。
ちなみにエンドレスです。ウハハ！拾い続けるのだ！

画面をクリックして、「←」「→」で左右移動、「s」でジャンプです。
今回やっと、無限ジャンプをさせなくしました。

次回は、箱生命体を改め、ちゃんと歩く何か動かそうかなｗ
それから音符の種類も増やそうと思っています。

今回は、外部ファイルを埋め込んで、
Spriteとして表示できるようにしています。

埋め込み部

>>text
ACTIONSCRIPT:
  1. [Embed(source='hako.png')]
  2.     private var hakoImg:Class;
  3.     private var spt:Sprite;
  4.        
  5.     [Embed(source = 'onpu.png')]
  6.     private var onpuImg:Class;

表示できるようにして追加

>>text
ACTIONSCRIPT:
  1. var bmp:Bitmap = new hakoImg();
  2.     // 中心座標と重なるように。
  3.     bmp.x = -18;
  4.     bmp.y = -36;
  5.     spt = new Sprite;
  6.     spt.visible = false;
  7.     spt.addChild(bmp);
  8.     addChild(spt);

「箱はどんなことがあっても転ばない」というところで悩みました。
毎フレーム傾きを戻してやることにしました。

>>text
ACTIONSCRIPT:
  1. // 箱生命体は、決して倒れない！
  2. var xform:b2XForm = square.GetXForm();
  3. square.SetXForm(xform.position, 0);

書いてみると2行でしたが、果たしてこれが正しいやり方なのか・・・

あとは、地面にいるときだけジャンプ可能にしたのは、
「地面と衝突しているかどうか」でフラグ判定しているだけです。

悩みながらやったのでソースが、だんだん荒くなってきた。

続く！

↓ソース全部

>>text
ACTIONSCRIPT:
  1. package src {
  2.     import Box2D.Collision.b2AABB;
  3.     import Box2D.Collision.b2ContactID;
  4.     import Box2D.Collision.Shapes.b2CircleDef;
  5.     import Box2D.Collision.Shapes.b2PolygonDef;
  6.     import Box2D.Collision.Shapes.b2Shape;
  7.     import Box2D.Common.Math.b2Vec2;
  8.     import Box2D.Common.Math.b2XForm;
  9.     import Box2D.Dynamics.b2Body;
  10.     import Box2D.Dynamics.b2BodyDef;
  11.     import Box2D.Dynamics.b2DebugDraw;
  12.     import Box2D.Dynamics.b2World;
  13.     import Box2D.Dynamics.Contacts.b2ContactEdge;
  14.     import flash.display.Bitmap;
  15.     import flash.display.Sprite;
  16.     import flash.events.Event;
  17.     import flash.events.KeyboardEvent;
  18.     import flash.events.MouseEvent;
  19.     import flash.events.TextEvent;
  20.     import flash.text.TextField;
  21.     import flash.ui.Keyboard;
  22.     import flash.utils.*;
  23.    
  24.     /**
  25.     * @author okm
  26.     */
  27.     public class LabyrinsSuite extends Sprite{
  28.         private var world:b2World;
  29.         private var square:b2Body;
  30.         private var floor:b2Body;
  31.         // 床と箱生命体が接触しているか
  32.         private var ground:Boolean = false;
  33.        
  34.         [Embed(source='hako.png')]
  35.         private var hakoImg:Class;
  36.         private var spt:Sprite;
  37.        
  38.         [Embed(source = 'onpu.png')]
  39.         private var onpuImg:Class;
  40.        
  41.         private var onpArea:Sprite;
  42.         private var onpCnt:Number = 0;
  43.         private var onpCntText:TextField;
  44.        
  45.         public function LabyrinsSuite() {
  46.             var textField:TextField = new TextField;
  47.             textField.text = "click me ";
  48.             textField.x = 100;
  49.             textField.y = 100;
  50.            
  51.             textField.selectable = false;
  52.             this.addChild(textField);
  53.            
  54.             // 音符とった数のカウント表示用
  55.             onpCntText = new TextField;
  56.             onpCntText.x = 10;
  57.             onpCntText.y = 10;
  58.             onpCntText.text = "0";
  59.             addChild(onpCntText);
  60.            
  61.             var bmp:Bitmap = new hakoImg();
  62.             // 中心座標と重なるように。
  63.             bmp.x = -18;
  64.             bmp.y = -36;
  65.             spt = new Sprite;
  66.             spt.visible = false;
  67.             spt.addChild(bmp);
  68.             addChild(spt);
  69.  
  70.             stage.addEventListener(MouseEvent.CLICK, go);
  71.         }
  72.        
  73.         public function go(event:MouseEvent):void {
  74.             spt.visible = true;
  75.             // 音符取得数初期化
  76.             onpCntText.text = "0";
  77.             onpCnt = 0;
  78.            
  79.             if (onpArea != null) this.removeChild(onpArea);
  80.             onpArea = new Sprite;
  81.             this.addChild(onpArea);
  82.            
  83.             stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
  84.             stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
  85.             ////////////////////////////////////////
  86.             // 物理エンジンのセットアップ
  87.            
  88.             // 縦横２００メートルの世界を作成
  89.             var worldAABB:b2AABB = new b2AABB();
  90.             worldAABB.lowerBound.Set(-100, -100);
  91.             worldAABB.upperBound.Set(100, 100);
  92.            
  93.             // 重力を下方向に10m/s^2とする
  94.             var gravity:b2Vec2 = new b2Vec2(0, 10);
  95.            
  96.             // 外枠と重力を指定して、物理エンジン全体をセットアップする
  97.             world = new b2World(worldAABB, gravity, true);
  98.            
  99.             /////////////////////////////////////////////
  100.             // 部屋の作成 横幅 12M 高さ 8M の部屋を作成
  101.             /////////////////////////////////////////////
  102.             // 床
  103.             // 天井の高さは 8M 床の 中心X座標は　7.5M(真ん中)
  104.             var floorBodyDef:b2BodyDef = new b2BodyDef();
  105.             // 床のIDを floor としておく
  106.             floorBodyDef.userData = new Object;
  107.             floorBodyDef.userData.spt = new Sprite;
  108.             floorBodyDef.userData.id = "floor";
  109.             floorBodyDef.position.Set(6, 8);
  110.            
  111.             // 床の形を、幅12m、厚さ20cmとする
  112.             // 指定するのはその半分の値
  113.             var floorShapeDef:b2PolygonDef = new b2PolygonDef();
  114.             floorShapeDef.friction = 0.1;
  115.             floorShapeDef.SetAsBox(6, 0.1);
  116.            
  117.             // 床のcategoryBits/maskBits
  118.             floorShapeDef.filter.maskBits = 0x01;
  119.             floorShapeDef.filter.categoryBits = 0x01;
  120.            
  121.             // 床を動かない物体として作る
  122.             floor = world.CreateBody(floorBodyDef);
  123.             floor.CreateShape(floorShapeDef);
  124.            
  125.             // 両端の壁　高さは 8M 幅 10cm
  126.             // 左壁
  127.             var leftWallBodyDef:b2BodyDef = new b2BodyDef();
  128.             leftWallBodyDef.userData = new Object;
  129.             leftWallBodyDef.userData.id = "left";
  130.             leftWallBodyDef.userData.spt = new Sprite;
  131.             leftWallBodyDef.position.Set(0.05, 4);
  132.             var wallShapeDef:b2PolygonDef = new b2PolygonDef();
  133.             wallShapeDef.friction = 0;
  134.             wallShapeDef.SetAsBox(0.05, 4);
  135.            
  136.             var leftWall:b2Body = world.CreateBody(leftWallBodyDef);
  137.             leftWall.CreateShape(wallShapeDef);
  138.            
  139.             // 右壁
  140.             var rightWallBodyDef:b2BodyDef = new b2BodyDef();
  141.             rightWallBodyDef.userData = new Object;
  142.             rightWallBodyDef.userData.id = "right";
  143.             rightWallBodyDef.userData.spt = new Sprite;
  144.             rightWallBodyDef.position.Set(11.95, 4);
  145.             var rightWall:b2Body = world.CreateBody(rightWallBodyDef);
  146.             rightWall.CreateShape(wallShapeDef);
  147.            
  148.             ////////////////////////////////////////
  149.             // 箱生命体
  150.             ////////////////////////////////////////
  151.            
  152.             // 箱の位置を左から2.5m、上から1mとする
  153.             var boxBodyDef:b2BodyDef = new b2BodyDef();
  154.             boxBodyDef.userData = new Object;
  155.             boxBodyDef.userData.id = "hako";
  156.             boxBodyDef.userData.spt = spt;
  157.             boxBodyDef.position.Set(2.5, 1);
  158.            
  159.             // 箱の幅 40cm 高さ 80cm　重さは 30kg とする
  160.             var boxShapeDef:b2PolygonDef= new b2PolygonDef();
  161.             //boxShapeDef.SetAsOrientedBox(0.3, 0.2, new b2Vec2(0, 0), 0.8);
  162.             boxShapeDef.SetAsBox(0.4, 0.8);
  163.             boxShapeDef.density = 50;        // 密度 [kg/m^2] 30/0.6*1
  164.             boxShapeDef.friction = 0.6;      // 摩擦係数
  165.             boxShapeDef.restitution = 0;   // 反発係数、通常は0～1
  166.            
  167.             // 箱を動く物体として作る
  168.             var boxBody:b2Body = world.CreateBody(boxBodyDef);
  169.             boxBody.CreateShape(boxShapeDef);
  170.             // SetMassFromShapes で重力が有効になる
  171.             boxBody.SetMassFromShapes();
  172.             square = boxBody;
  173.                        
  174.             ////////////////////////////////////////
  175.             // 描画設定
  176.             var debugDraw:b2DebugDraw = new b2DebugDraw();
  177.             debugDraw.m_sprite = this;
  178.             debugDraw.m_drawScale = 45; // 1mを45ピクセルにする
  179.             debugDraw.m_fillAlpha = 0.3; // 不透明度
  180.             debugDraw.m_lineThickness = 1; // 線の太さ
  181.             debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit;
  182.             world.SetDebugDraw(debugDraw);
  183.            
  184.             this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  185.             setInterval(dropBox, 600);
  186.         }
  187.        
  188.         private function dropBox():void {
  189.            
  190.             var dropbox_x:Number = this.xRandomInt(11, 1);
  191.            
  192.             var dropboxBodyDef:b2BodyDef = new b2BodyDef();
  193.             dropboxBodyDef.userData = new Object;
  194.             dropboxBodyDef.userData.id = "dropbox";
  195.            
  196.             var onpuBmp:Bitmap = new onpuImg();
  197.             onpuBmp.x = -5;
  198.             onpuBmp.y = -7.5;
  199.             var onpu_spt:Sprite = new Sprite;
  200.             onpu_spt.addChild(onpuBmp);
  201.             dropboxBodyDef.userData.spt = onpu_spt;
  202.             dropboxBodyDef.userData.crash = 0;
  203.             dropboxBodyDef.angle = this.xRandomInt(5, 0) / 10;
  204.             dropboxBodyDef.position.Set(dropbox_x, 0.5);
  205.            
  206.             onpArea.addChild(dropboxBodyDef.userData.spt);
  207.            
  208.             // 箱の幅 10cm 高さ 15cm　重さは 1kg とする
  209.             var dropboxShapeDef:b2PolygonDef= new b2PolygonDef();
  210.             //boxShapeDef.SetAsOrientedBox(0.3, 0.2, new b2Vec2(0, 0), 0.8);
  211.             dropboxShapeDef.SetAsBox(0.1, 0.15);
  212.             dropboxShapeDef.density = 25;        // 密度
  213.             dropboxShapeDef.friction = 0.2;      // 摩擦係数
  214.             dropboxShapeDef.restitution = 0.7;   // 反発係数、通常は0～1
  215.            
  216.             // 箱を動く物体として作る
  217.             dropboxShapeDef.filter.categoryBits = 0x01;
  218.             dropboxShapeDef.filter.maskBits = 0x01;
  219.            
  220.             var dropbox:b2Body = world.CreateBody(dropboxBodyDef);
  221.             dropbox.CreateShape(dropboxShapeDef); 
  222.             dropbox.m_linearVelocity.x = this.xRandomInt(2, -2);
  223.             dropbox.SetMassFromShapes();
  224.         }
  225.        
  226.         private var m_InputL:Number = 0;
  227.         private var m_InputR:Number = 0;
  228.         private var m_InputS:Number = 0;
  229.         private var m_Dir:Number = 0;
  230.         private var moveTime:Number = 0;
  231.        
  232.         // キーが押されたときの処理
  233.         private function keyDownHandler(event:KeyboardEvent):void {
  234.             square.WakeUp();
  235.             if(event.keyCode == Keyboard.LEFT && m_InputL != 1){
  236.                 m_InputL = 1;
  237.                 m_InputR = 0;
  238.                 m_Dir = -1.0;
  239.                 moveTime = 0;
  240.             }
  241.             if(event.keyCode == Keyboard.RIGHT && m_InputR != 1){
  242.                 m_InputR = 1;
  243.                 m_InputL = 0;
  244.                 m_Dir = 1.0;
  245.                 moveTime = 0;
  246.             }
  247.             if(event.keyCode == 83){ // s
  248.                 m_InputS = 1;
  249.             }
  250.         }
  251.         private function keyUpHandler(event:KeyboardEvent):void {
  252.             if(event.keyCode == Keyboard.LEFT){
  253.                 m_InputL = 0;
  254.             }
  255.             if(event.keyCode == Keyboard.RIGHT){
  256.                 m_InputR = 0;
  257.             }
  258.             if(event.keyCode == 83){ // s
  259.                 m_InputS = 0;
  260.             }
  261.         }
  262.  
  263.         private function enterFrameHandler(event:Event):void {
  264.            
  265.             for (var bb:b2Body = world.m_bodyList; bb; bb = bb.m_next) {
  266.                 if (bb.m_userData != null && bb.m_userData.spt is Sprite) {
  267.                     if (bb.m_userData.id == "dropbox" ) {
  268.                         var onp_spt:Sprite = bb.m_userData.spt;
  269.                         // もし箱生命体と触れていたら消す
  270.                         if(onp_spt.hitTestObject(square.m_userData.spt)){
  271.                             onpArea.removeChild(onp_spt);
  272.                             world.DestroyBody(bb);
  273.                            
  274.                             // 音符取得数追加
  275.                             onpCnt++;
  276.                             onpCntText.text = onpCnt.toString();
  277.                         }
  278.                        
  279.                         bb.m_userData.spt.rotation = bb.GetAngle() * (180 / Math.PI);
  280.                     }   
  281.                     bb.m_userData.spt.x = bb.GetPosition().x * 45;
  282.                     bb.m_userData.spt.y = bb.GetPosition().y * 45;
  283.                 }
  284.             }
  285.            
  286.             // 箱生命体は、決して倒れない！
  287.             var xform:b2XForm = square.GetXForm();
  288.             square.SetXForm(xform.position, 0);
  289.  
  290.             var shape:b2Shape;
  291.             //　衝突判定　箱生命体
  292.             /*  今回はとりあえず箱との衝突はカウントしない方向で。
  293.             for (var ce:b2ContactEdge = square.m_contactList; ce != null; ce = ce.next) { 
  294.                 var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト
  295.                 var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト
  296.                 if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){ 
  297.                     if (obj2.m_userData.id == "dropbox") {
  298.                         if (obj2.m_userData.crash> 2){
  299.                             shape = obj2.GetShapeList();
  300.                             shape.m_filter.maskBits = 0x00;
  301.                         }else {
  302.                             obj2.m_userData.crash++;
  303.                         }
  304.                     } 
  305.                 }
  306.             }
  307.             */
  308.            
  309.             // 衝突判定　床
  310.             ground = false;
  311.             for (var ce:b2ContactEdge = floor.m_contactList; ce != null; ce = ce.next) { 
  312.                 var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト
  313.                 var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト
  314.                 if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){ 
  315.                     if(obj2.m_userData.id == "dropbox"){
  316.                         if (obj2.m_userData.crash> 2){
  317.                             shape = obj2.GetShapeList();
  318.                             shape.m_filter.maskBits = 0x00;
  319.                         }else {
  320.                             obj2.m_userData.crash++;
  321.                         }
  322.                     }else if (obj2.m_userData.id == "hako") { // 地面とプレーヤーが接触
  323.                         ground = true;
  324.                     }
  325.                 }
  326.             }
  327.            
  328.             if (m_InputS == 1 && ground ) {
  329.                 square.m_linearVelocity.y = -7;
  330.             }
  331.             if (m_InputL> 0) {
  332.                 var leftForce:Number = this.easeInOutQuad(moveTime, 0.5, 6, 30);
  333.                 if (moveTime <30) moveTime++;
  334.                 square.m_linearVelocity.x = -leftForce;
  335.                 square.m_userData.spt.scaleX = -1;
  336.             }
  337.             if (m_InputR> 0) {
  338.                 if (moveTime <30) moveTime++;
  339.                 var rightForce:Number = this.easeInOutQuad(moveTime, 0.5, 6, 30);
  340.                 square.m_linearVelocity.x = rightForce;
  341.                 square.m_userData.spt.scaleX = 1;
  342.             }
  343.             if (world == null) {
  344.                 return;
  345.             }
  346.            
  347.             // Flashはデフォルトで秒間24フレームなので、
  348.             // 物理シミュレーションを1/24秒進める
  349.             world.Step(1 / 24, 10);
  350.         }
  351.        
  352.         /**
  353.         　* t = time
  354.         　* b = beginning value
  355.         　* c = change in value
  356.         　* d = duration
  357.         　*/
  358.         public function easeInOutQuad(t:Number, b:Number, c:Number, d:Number):Number {
  359.             if ((t/=d/2) <1) return c/2*t*t + b;
  360.             return -c/2 * ((--t)*(t-2) - 1) + b;
  361.         };
  362.        
  363.         public function xRandomInt (nMax:Number, nMin:Number):Number {
  364.             // nMinからnMaxまでのランダムな整数を返す
  365.             var nRandomInt:Number = Math.floor(Math.random()*(nMax-nMin+1))+nMin;
  366.             return nRandomInt;
  367.         }
  368.     }
  369. }

なんか、あんまテストしないで、できた勢いでアップしてみたけど、、、
♪ ←　ありがイッパイいるみたいでキモー！

]]> http://parpue.net/web/38/feed 0 Box2d で降りしきる箱と戯れる箱 http://parpue.net/web/35 http://parpue.net/web/35#comments Mon, 07 Jul 2008 06:09:08 +0000 okm http://parpue.net/?p=35 前回に続きまして、四角の一人四角遊びです（？）

画面をクリックした後、「←」「→」で左右移動、「s」キーでジャンプです。
前回同様、「s」キー連打で多段ジャンプ！

↓参考にさせていただきました。
■Box2Dサンプル maskBitsによる衝突フィルタリング

今回やりたかったのは、上からものを落として、
何回かぶつかったら、部屋から立ち去らせるということ。

具体的には、
3回、床との衝突を検知したら、
落ちてくる箱の衝突フィルタの値を変更するということをやりたかった。

箱を定義するときにIDを指定しておくことで、何と何が衝突したか検知できる。

>>text
ACTIONSCRIPT:
  1. var floorBodyDef:b2BodyDef = new b2BodyDef();
  2.     // 床のIDを floor としておく
  3.     floorBodyDef.userData = new Object;
  4.     floorBodyDef.userData.id = "floor";
  5.     floorBodyDef.position.Set(6, 8);

3回衝突を検知したら、maskBitsの値を0x00に変更して、誰とも衝突しないようにする。
Box2Dのソースから追って、filterを再度ゲットできるところを探したんだけど、
これでよかったんだろうか。

>>text
ACTIONSCRIPT:
  1. for (var ce:b2ContactEdge = floor.m_contactList; ce != null; ce = ce.next) { 
  2.     var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト
  3.     var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト
  4.     if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){ 
  5.         if(obj2.m_userData.id == "dropbox"){
  6.             if (obj2.m_userData.crash> 2){
  7.                 shape = obj2.GetShapeList();
  8.                 shape.m_filter.maskBits = 0x00;
  9.             }else {
  10.                 obj2.m_userData.crash++;
  11.             }
  12.         } 
  13.     }
  14. }

だいぶ作りたいものに近づいてきました！
次はShapeで絵をちゃんと重ねよう！

↓ソース全部

>>text
ACTIONSCRIPT:
  1. package src {
  2.     import Box2D.Collision.b2AABB;
  3.     import Box2D.Collision.b2ContactID;
  4.     import Box2D.Collision.Shapes.b2CircleDef;
  5.     import Box2D.Collision.Shapes.b2PolygonDef;
  6.     import Box2D.Collision.Shapes.b2Shape;
  7.     import Box2D.Common.Math.b2Vec2;
  8.     import Box2D.Dynamics.b2Body;
  9.     import Box2D.Dynamics.b2BodyDef;
  10.     import Box2D.Dynamics.b2DebugDraw;
  11.     import Box2D.Dynamics.b2World;
  12.     import Box2D.Dynamics.Contacts.b2ContactEdge;
  13.     import flash.display.Sprite;
  14.     import flash.events.Event;
  15.     import flash.events.KeyboardEvent;
  16.     import flash.events.MouseEvent;
  17.     import flash.events.TextEvent;
  18.     import flash.text.TextField;
  19.     import flash.ui.Keyboard;
  20.     import flash.utils.*;
  21.    
  22.     /**
  23.     * @author okm
  24.     */
  25.     public class LabyrinsSuite extends Sprite{
  26.         private var world:b2World;
  27.         private var square:b2Body;
  28.         private var floor:b2Body;
  29.        
  30.         public function LabyrinsSuite() {
  31.             var textField:TextField = new TextField;
  32.             textField.text = "click me ";
  33.             textField.x = 100;
  34.             textField.y = 100;
  35.            
  36.             textField.selectable = false;
  37.             this.addChild(textField);
  38.            
  39.             stage.addEventListener(MouseEvent.CLICK, go);
  40.         }
  41.        
  42.         public function go(event:MouseEvent):void {
  43.             stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
  44.             stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
  45.             ////////////////////////////////////////
  46.             // 物理エンジンのセットアップ
  47.            
  48.             // 縦横２００メートルの世界を作成
  49.             var worldAABB:b2AABB = new b2AABB();
  50.             worldAABB.lowerBound.Set(-100, -100);
  51.             worldAABB.upperBound.Set(100, 100);
  52.            
  53.             // 重力を下方向に10m/s^2とする
  54.             var gravity:b2Vec2 = new b2Vec2(0, 10);
  55.            
  56.             // 外枠と重力を指定して、物理エンジン全体をセットアップする
  57.             world = new b2World(worldAABB, gravity, true);
  58.            
  59.             /////////////////////////////////////////////
  60.             // 部屋の作成 横幅 12M 高さ 8M の部屋を作成
  61.             /////////////////////////////////////////////
  62.             // 床
  63.             // 天井の高さは 8M 床の 中心X座標は　7.5M(真ん中)
  64.             var floorBodyDef:b2BodyDef = new b2BodyDef();
  65.             // 床のIDを floor としておく
  66.             floorBodyDef.userData = new Object;
  67.             floorBodyDef.userData.id = "floor";
  68.             floorBodyDef.position.Set(6, 8);
  69.            
  70.             // 床の形を、幅12m、厚さ20cmとする
  71.             // 指定するのはその半分の値
  72.             var floorShapeDef:b2PolygonDef = new b2PolygonDef();
  73.             floorShapeDef.friction = 0.1;
  74.             floorShapeDef.SetAsBox(6, 0.1);
  75.            
  76.             // 床のcategoryBits/maskBits
  77.             floorShapeDef.filter.maskBits = 0x01;
  78.             floorShapeDef.filter.categoryBits = 0x01;
  79.            
  80.             // 床を動かない物体として作る
  81.             floor = world.CreateBody(floorBodyDef);
  82.             floor.CreateShape(floorShapeDef);
  83.            
  84.             // 両端の壁　高さは 8M 幅 10cm
  85.             // 左壁
  86.             var leftWallBodyDef:b2BodyDef = new b2BodyDef();
  87.             leftWallBodyDef.userData = new Object;
  88.             leftWallBodyDef.userData.id = "left";
  89.             leftWallBodyDef.position.Set(0.05, 4);
  90.             var wallShapeDef:b2PolygonDef = new b2PolygonDef();
  91.             wallShapeDef.friction = 0;
  92.             wallShapeDef.SetAsBox(0.05, 4);
  93.            
  94.             var leftWall:b2Body = world.CreateBody(leftWallBodyDef);
  95.             leftWall.CreateShape(wallShapeDef);
  96.            
  97.             // 右壁
  98.             var rightWallBodyDef:b2BodyDef = new b2BodyDef();
  99.             rightWallBodyDef.userData = new Object;
  100.             rightWallBodyDef.userData.id = "right";
  101.             rightWallBodyDef.position.Set(11.95, 4);
  102.             var rightWall:b2Body = world.CreateBody(rightWallBodyDef);
  103.             rightWall.CreateShape(wallShapeDef);
  104.            
  105.             ////////////////////////////////////////
  106.             // 箱生命体
  107.             ////////////////////////////////////////
  108.            
  109.             // 箱の位置を左から2.5m、上から1mとする
  110.             var boxBodyDef:b2BodyDef = new b2BodyDef();
  111.             boxBodyDef.userData = new Object;
  112.             boxBodyDef.userData.id = "hako";
  113.             boxBodyDef.position.Set(2.5, 1);
  114.            
  115.             // 箱の幅 60cm 高さ 1M　重さは 30kg とする
  116.             var boxShapeDef:b2PolygonDef= new b2PolygonDef();
  117.             //boxShapeDef.SetAsOrientedBox(0.3, 0.2, new b2Vec2(0, 0), 0.8);
  118.             boxShapeDef.SetAsBox(0.6, 1);
  119.             boxShapeDef.density = 50;        // 密度 [kg/m^2] 30/0.6*1
  120.             boxShapeDef.friction = 0.2;      // 摩擦係数
  121.             boxShapeDef.restitution = 0.3;   // 反発係数、通常は0～1
  122.            
  123.             // 箱を動く物体として作る
  124.             var boxBody:b2Body = world.CreateBody(boxBodyDef);
  125.             boxBody.CreateShape(boxShapeDef);
  126.             // SetMassFromShapes で重力が有効になる
  127.             boxBody.SetMassFromShapes();
  128.             square = boxBody;
  129.                        
  130.             ////////////////////////////////////////
  131.             // 描画設定
  132.             var debugDraw:b2DebugDraw = new b2DebugDraw();
  133.             debugDraw.m_sprite = this;
  134.             debugDraw.m_drawScale = 45; // 1mを45ピクセルにする
  135.             debugDraw.m_fillAlpha = 0.3; // 不透明度
  136.             debugDraw.m_lineThickness = 1; // 線の太さ
  137.             debugDraw.m_drawFlags = b2DebugDraw.e_shapeBit;
  138.             world.SetDebugDraw(debugDraw);
  139.            
  140.             this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  141.             setInterval(dropBox, 700);
  142.         }
  143.        
  144.         private function dropBox():void {
  145.            
  146.             var dropbox_x:Number = this.xRandomInt(11, 1);
  147.            
  148.             var dropboxBodyDef:b2BodyDef = new b2BodyDef();
  149.             dropboxBodyDef.userData = new Object;
  150.             dropboxBodyDef.userData.id = "dropbox";
  151.             dropboxBodyDef.userData.crash = 0;
  152.             dropboxBodyDef.angle = this.xRandomInt(5, 0) / 10;
  153.             dropboxBodyDef.position.Set(dropbox_x, 0.5);
  154.            
  155.             // 箱の幅 15cm 高さ 15cm　重さは 1kg とする
  156.             var dropboxShapeDef:b2PolygonDef= new b2PolygonDef();
  157.             //boxShapeDef.SetAsOrientedBox(0.3, 0.2, new b2Vec2(0, 0), 0.8);
  158.             dropboxShapeDef.SetAsBox(0.15, 0.15);
  159.             dropboxShapeDef.density = 25;        // 密度
  160.             dropboxShapeDef.friction = 0.2;      // 摩擦係数
  161.             dropboxShapeDef.restitution = 0.7;   // 反発係数、通常は0～1
  162.            
  163.             // 箱を動く物体として作る
  164.             var dropboxBody:b2Body = world.CreateBody(dropboxBodyDef);
  165.             //dropboxBody.CreateShape(dropboxShapeDef);
  166.             // SetMassFromShapes で重力が有効になる
  167.             //dropboxBody.SetMassFromShapes();
  168.            
  169.             // ボールのcategoryBits/maskBits
  170.             dropboxShapeDef.filter.categoryBits = 0x01;
  171.             dropboxShapeDef.filter.maskBits = 0x01;
  172.            
  173.             var dropbox:b2Body = world.CreateBody(dropboxBodyDef);
  174.             dropbox.CreateShape(dropboxShapeDef); 
  175.             dropbox.SetMassFromShapes();
  176.         }
  177.        
  178.         private var m_InputL:Number = 0;
  179.         private var m_InputR:Number = 0;
  180.         private var m_InputS:Number = 0;
  181.         private var m_Dir:Number = 0;
  182.         private var moveTime:Number = 0;
  183.        
  184.         // キーが押されたときの処理
  185.         private function keyDownHandler(event:KeyboardEvent):void {
  186.             square.WakeUp();
  187.             if(event.keyCode == Keyboard.LEFT && m_InputL != 1){
  188.                 m_InputL = 1;
  189.                 m_InputR = 0;
  190.                 m_Dir = -1.0;
  191.                 moveTime = 0;
  192.             }
  193.             if(event.keyCode == Keyboard.RIGHT && m_InputR != 1){
  194.                 m_InputR = 1;
  195.                 m_InputL = 0;
  196.                 m_Dir = 1.0;
  197.                 moveTime = 0;
  198.             }
  199.             if(event.keyCode == 83){ // s
  200.                 m_InputS = 1;
  201.             }
  202.         }
  203.         private function keyUpHandler(event:KeyboardEvent):void {
  204.             if(event.keyCode == Keyboard.LEFT){
  205.                 m_InputL = 0;
  206.             }
  207.             if(event.keyCode == Keyboard.RIGHT){
  208.                 m_InputR = 0;
  209.             }
  210.             if(event.keyCode == 83){ // s
  211.                 m_InputS = 0;
  212.             }
  213.         }
  214.  
  215.         private function enterFrameHandler(event:Event):void {
  216.             if (m_InputS == 1) {
  217.                 square.m_linearVelocity.y = -4;
  218.             }
  219.             if (m_InputL> 0) {
  220.                 var leftForce:Number = this.easeInOutQuad(moveTime, 0.5, 6, 30);
  221.                 if (moveTime <30) moveTime++;
  222.                 square.m_linearVelocity.x = -leftForce;
  223.             }
  224.             if (m_InputR> 0) {
  225.                 var rightForce:Number = this.easeInOutQuad(moveTime, 0.5, 6, 30);
  226.                 if (moveTime <30) moveTime++;
  227.                 square.m_linearVelocity.x = rightForce;
  228.             }
  229.             if (world == null) {
  230.                 return;
  231.             }
  232.  
  233.             var shape:b2Shape;
  234.             //　衝突判定　箱生命体
  235.             /*  今回はとりあえず箱との衝突はカウントしない方向で。
  236.             for (var ce:b2ContactEdge = square.m_contactList; ce != null; ce = ce.next) { 
  237.                 var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト
  238.                 var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト
  239.                 if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){ 
  240.                     if (obj2.m_userData.id == "dropbox") {
  241.                         if (obj2.m_userData.crash> 2){
  242.                             shape = obj2.GetShapeList();
  243.                             shape.m_filter.maskBits = 0x00;
  244.                         }else {
  245.                             obj2.m_userData.crash++;
  246.                         }
  247.                     } 
  248.                 }
  249.             }
  250.             */
  251.            
  252.             // 衝突判定　床
  253.             for (var ce:b2ContactEdge = floor.m_contactList; ce != null; ce = ce.next) { 
  254.                 var obj1:b2Body = ce.contact.GetShape1().m_body;//1つ目のオブジェクト
  255.                 var obj2:b2Body = ce.contact.GetShape2().m_body;//2つ目のオブジェクト
  256.                 if(obj1.m_userData && obj2.m_userData && ce.contact.GetManifoldCount() == 1){ 
  257.                     if(obj2.m_userData.id == "dropbox"){
  258.                         if (obj2.m_userData.crash> 2){
  259.                             shape = obj2.GetShapeList();
  260.                             shape.m_filter.maskBits = 0x00;
  261.                         }else {
  262.                             obj2.m_userData.crash++;
  263.                         }
  264.                     } 
  265.                 }
  266.             }
  267.            
  268.             // Flashはデフォルトで秒間24フレームなので、
  269.             // 物理シミュレーションを1/24秒進める
  270.             world.Step(1 / 24, 10);
  271.         }
  272.        
  273.         /**
  274.         　* t = time
  275.         　* b = beginning value
  276.         　* c = change in value
  277.         　* d = duration
  278.         　*/
  279.         public function easeInOutQuad(t:Number, b:Number, c:Number, d:Number):Number {
  280.             if ((t/=d/2) <1) return c/2*t*t + b;
  281.             return -c/2 * ((--t)*(t-2) - 1) + b;
  282.         };
  283.        
  284.         public function xRandomInt (nMax:Number, nMin:Number):Number {