Physics Bodies 코딩 하기

오늘은 지난 강좌때 했던 Physics Bodies 를 토대로 직접 코딩을 해 나가겠습니다.

우선 배경 그림부터 그려 넣을까요?

위 세가지를 이용할 겁니다.
일단 physics 엔진을 사용할거니까 아래 코드를 넣어 주세요.

local physics = require("physics")
physics.start()
physics.setDrawMode( "hybrid" )

setDrawMode는 physics.addBody 한 후에 확인하기 위해 hybrid롤 설정했습니다.
그 다음은 이번 코딩 내용과 크게 상관은 없지만 제가 항상 넣는 코드니까 일단 넣겠습니다.
display.setStatusBar( display.HiddenStatusBar )
_W = display.contentWidth;
_H = display.contentHeight;
첫번째는 아이폰의 Status Bar를 없애는 것이구요. 그 다음 두 줄은 스크린의 Width,Height를 변수에 담는 겁니다.
실제 앱을 만들다보면 이미지나 텍스트 배치 등에 이게 많이 쓰입니다.

그 다음은 배경 이미지들을 배치 하겠습니다.

local bkg = display.newImage( "bkg_cor.png" )
local grass = display.newImage("grass.png")
grass.x = 160; grass.y = 430
local grass2 = display.newImage("grass2.png")
grass2.x = 160; grass2.y = 440

여기까지 하면 아래와 같이 화면이 보입니다.

이제 grass에 addBody를 해 보죠.
physics.addBody( grass, "static", { friction=0.5, bounce=0.3 } )

아래 연두색으로 사각형이 표시돼 있죠?
이건 grass.png파일에 addBody를 해서 그래요. 저 위쪽에 setDrawMode를 hybrid로 설정했잖아요.

지금까지 사용한 이미지는 총 3가지 이고 이중 한가지(grass.png)에만 physics.addBody를 했습니다.
그리고 그 객체는 static으로 지정돼 있습니다.
이 객체는 움직이지 않을 겁니다. 그리고 다른 addBody가 적용된 움직이는 객체가 와서 부딪히면 physics엔진의 적용을 받을 겁니다.

이제 네모난 상자를 위에서 떨어뜨려 볼까요?

이 이미지를 사용합니다.
아래 두줄을 추가하세요.
local crate = display.newImage( "crate.png", 100, 50 )
physics.addBody( crate, { density = 1.0, friction = 0.3, bounce = 0.2 } )

그리고 실행해 보세요. 박스가 땅으로 떨어지죠? 그리고 땅 밑으로 더 이상 꺼지지 않구요.
이제 crate의 bounce를  0.8정도로 올려 보세요.

박스가 아주 탄력있게 튀어오르죠?
gravity를 바꾸고 grass의 bounce도 바꾸고 또 다른 density나 frictions 같은 값들을 바꾸면서 테스트 해 보면 이 값들이 하는 역할을 자세히 알 수 있을 거예요.

그리고 위에 보시는 대로 addBody 할 때 grass는 static으로 했습니다. 그리고 crate(박스) 는 지정하지 않았습니다. 디폴트는 dynamic이기 때문에 다이나믹으로 돼 있습니다.
hybrid를 적용 했을 때 static은 녹색으로 dynamic은 오렌지색으로 보입니다.

이젠  addBody를 사각형말고 원형으로 적용시켜 볼까요?

이 이미지를 다운 받고 rock.png로 네이밍 해 주세요.
local crate = display.newImage( "rock.png", 150, 20 )
physics.addBody( crate, { density = 1.0, friction = 0.3, bounce = 0.3, radius=30} )

바위는 bounce를 0.3으로 해 봤습니다.

전 박스와 바위 x,y좌표를 조금 바꿨는데.. 땅에 떨어지면서 서로 부딪혀서 옆으로 튕겨 나가네요. 박스는 통통 튀고 바위는 구릅니다.
하여간 보시다시피 바위는 radius=30을 적용해서 원형으로 addBody가 됐습니다.

이제 다각형을 해야 하나요?
이건 좌표값들을 일일이 계산하기가 힘들어서...
어제 강좌에 실었던 Physics Editor로 했는데 잘 안 되더라구요.
오늘 메일을 그 회사로 보내놓긴 했는데 언제 답이 올지는 모르겠습니다.

그냥 딱 맞지는 않지만 PhysicsEditor로 받아온 좌표값을 적용해서 한번 해 보겠습니다.

왼쪽 탁구채를 할겁니다. 이름은 endingblue.png 입니다.
이름이 조금 이상하지만.. 제가 얼마전에 만들었던 Multi Player Ping Pong 에서 사용했던 이미지 입니다.
현재 안드로이드 마켓에만 publish돼 있고 게임 카테고리에 있어서 한국에서는 다운 받기 어려울 겁니다. (무료인데.....)
아이폰은 현재 Waiting For Review 상태입니다.


일단 아래와 같이 코딩하세요.

local pingpong = display.newImage("endingblue.png",100,10)
pingpongShape = {   -26.5, 17  ,  -27.5, -55  ,  -25.5, -55  ,  25.5, 16  ,  -18.5, 20  ,  -23.5, 20,
                28.5, -51  ,  34.5, -40  ,  37.5, -27  ,  37.5, -2  ,  27.5, 16  ,  -25.5, -55  ,  24.5, -55
                 }
                 
physics.addBody(pingpong,"dynamic",{density=3.0, friction=0.8, bounce=0.6, shape=pingpongShape})

보시면 다각형이 아주 이상하게 됐죠?
PhysicsEditor로 했는데 제가 사용법을 잘 몰라서 이상하게 됐나봐요.
(혹시 누가 포토샵이나 플래시 아니면 아무 프로그램 이던지.. 이런 좌표 쉽게 알아내는 방법 아시면 알려 주세요.)

어쨌든 다각형을 구현하려면 테이블에 필요한 x,y좌표들을 배열 한 다음에 addBody 의 shape 파라미터에 그 테이블 이름을 대입하시면 됩니다.

이외에 Sensor 라는 개념도 있습니다.
이 센서는 다른 body와 작용을 하지는 않습니다. 다만 collision 이 일어났을 때 그걸 감지할 수 있습니다.

아래 코드를 추가해서 실행해 보세요.
local rect = display.newRect( 50, 50, 100, 100 )
rect:setFillColor( 255, 255, 255, 100 )
rect.isVisible = false  -- optional
physics.addBody( rect, { isSensor = true } )

실행하시면 이 사각형은 보이지 않을 겁니다. (다만 hybrid가 적용되서 오렌지 사각형 영역이 보일겁니다.)
그리고 이 사각형은 다른 모든 body들을 그냥 통과할 것이고 땅으로(밑으로) 꺼져 버리게 될 겁니다.
이 센서 기능도 실제 앱에서 유용하게 사용할 수 있겠죠?
예를 들어 어느 영역(골대)로 가면 튕기지는 않고 통과하지만 점수는 올라가게 한다든지 하는....

addBody를 해제 하려면 아래와 같이 합니다.
myBody:removeSelf()
-- or --
myBody.parent:remove( myBody )
 
body 적용이 필요 없어지게 되면 이렇게 addBody를 해제하면 되겠죠?

끝으로 Body의 프로퍼티들과 메소드 들을 살펴 보겠습니다.

body.isAwake

myBody.isAwake = true
local state = myBody.isAwake
아까 만든 코드를 실행해 보면 박스나 바위 같은게 땅에 튕기다가 완전히 서게 되면 오렌지색이 어둡게 변하게 됩니다.
이렇게 아무런 상호작용이 일어나지 않을 경우 body 는 go to sleep 하게 됩니다.
현재의 isAwake 상태를 볼 수도 있고 true,false 값으로 설정할 수 있습니다.

body.isBodyActive

myBody.isBodyActive = true
local state = myBody.isBodyActive
현재 body의 액티브 상태를 나타냅니다. inactive 상태인 바디는 destroy되지 않습니다. 다만 다른 바디와 상호작용을 할 수는 있습니다.

body.isBullet

이건 바디가 총알로 취급되느냐 안 되느냐라는 거랍니다. 당연히 디폴트는 false구요.
정확한 건 저도 써 보지 않아서 모르겠습니다.

body.isSensor

센서는 아까 설명했듯이 다른 바디들과 상호작용은 안 하지만 충돌 등은 체크할 수 있는 기능입니다. 이 파라미터는 Sensor가 적용 됐는지 안 됐는지 알아볼 수 있습니다.

body.isSleepingAllowed

body가 항상 awake돼 있으면 메모리 차지를 많이 하겠죠? 이건 필요할 때 sleeping모드로 바꿀 수 있으면 바꿔야 할 때 사용 가능하겠네요.

body.isFixedRotation

로테이션이 lock됐는지 안 됐는지 알아 볼 수 있습니다.

body.angularVelocity

myBody.angularVelocity = 50
local v = myBody.angularVelocity
현재 로테이션 속도를 알 수 있습니다. 1초당 몇도 돌아가는지 알려 줍니다.
그리고 로테이션 속도도 설정할 수 있습니다.

body.linearDamping

이건 잘 모르겠는데.... 바디 객체가 얼마나 젖어 있는지 설정하는 건가?

body.botyType

myBody.bodyType = "kinematic"
local currentType = myBody.bodyType
static,dynamic,kinematic 인지 알아 내거나 설정할 수 있는 파라미터 입니다.


TIP : 코로나에서는 파라미터를 사용할 때는 . 를 사용하고 메소드를 사용할 때는 : 를 사용합니다.

Body Methods

body:setLinearVelocity
body:getLinearVelocity

바디의 속도를 set,get 하기 위한 메소드 입니다.
myBody:setLinearVelocity( 2, 4 );  vx, vy = myBody:getLinearVelocity();

body:applyForce
이건 한번도 사용 안해 봐서 잘 모르겠습니다.
myBody:applyForce( 500, 2000, myBody.x, myBody.y )

body:applyTorque

로테이션 force 값을 줄 때 사용합니다. 코로나에서 말하는 force는 뭘까요?
myBody:applyTorque( 100 )

body:applyLinearImpulse
이것도 applyForce랑 비슷하다네요. 아주 거친 느낌을 주는 무엇인거 같은데..

body:applyAngularImpulse

코로나에서 Force 와 Impulse에 대해 비교 설명하고 있네요.
이 두가지가 서로 헛갈리는 개념인가봐요.

impulse는 body에 즉각적으로 kick하고 force는 시간을 두고 영향을 미친다고 하네요.
한번 설정했다고 계속 적용되는 개념들이 아닌가봐요.

이거 익숙해지려면 많이 적용해 봐야겠습니다.

body:resetMassData

===========================

이런 파라미터들과 메소드들이 있답니다.
이 것들과 친해지는건 각자의 몫이구요.

다음시간에는 Physics Joints에 대해 다뤄 보도록 하겠습니다.

감사합니다.

P.S.) 댓글 달아 주시면 강좌 올리는 저도 좀 더 신날 것 같습니다.
         댓글 달아주세요....

PhysicsBody.zip

오늘 모든 코드파일과 이미지 파일등은 위 압축파일에 담겨 있습니다.
참고하세요.