IT 기술 따라잡기

지금 Physics 쪽을 하고 있는데요.
잠시 눈을 돌려 앱에 광고 달기를 한번 배워보고 가겠습니다.

현재 Corona는 공식적으로 inMobi 광고만 지원합니다.
inMobi는 인도계 회사로 애드몹과 더불어 모바일 광고시장 1,2위를 다투고 있다고 하네요.

곧바로 앱에 광고 다는 거 한번 살펴 보겠습니다.

일단 inMobi 광고를 사용하려면 config.lua 파일에 launchpad 를 표시해 줘야 합니다.

지난번 사용했던 config.lua 파일에 launchPad = true, 를 위와 같이 추가해 주세요.

그리고 main. lua 에 아래 코드를 넣어 주세요.
    local ads = require "ads"
 
-- Examples for inmobi:
 ads.init( "inmobi", "4028cb962895efc50128fc99d4b7025b" )

     -- following are iPhone, iPod Touch, iPad
 ads.show( "banner320x48", { x=0, y=1, interval=10, testMode=true } )

그러면 아래와 같이 나옵니다.

일단 아주 간단하죠?

안드로이드 광고 달 때 처럼 jar 파일을 추가하고 xml 파일에 코드 넣고 또 자바 파일에 넣고.. 어떤 때는 Menifesto 파일에도 코드를 넣고...

많이 복잡한테..
코로나는 광고 조차도 이렇게 간단히 해결 해 줍니다.

일부 개발자들은 Web 기능을 써서 admob 광고를 넣기도 하는데요.
이 부분은 아직 공식적으로 Corona에서 지원하는게 아니라서....
그리고 제가 해보지 않았구요.
그래서 아직 글로 쓸만큼 몰라서 다음에 해보고 올릴께요.

위의 코드를 보면 처음에 require "ads" 를 하는데요.
이걸 하려면 먼저 config.lua 파일에 launchPad 를 세팅해야 합니다.

ads.init( "inmobi", "4028cb962895efc50128fc99d4b7025b" )
위 코드는 init 함수인데요. 처음에 inmobi를 사용하겠다고 하는 것이고 그 다음이 inmobi에 등록된 appId 입니다.
위 번호는 iphone 용 테스트 id 라서 아직 inmobi에 가입하지 않았어도 테스트 할 수 있습니다.
신택스는 아래와 같습니다.
Syntax:
ads.init( providerName, appId )

안드로이드용 테스트 아이디는 아래와 같습니다.
4028cba631d63df10131e1d3818b00cc
그리고 inMobi 싸이트를 보니까 iOS 테스트 아이드는 아래도 있네요.
4028cba631d63df10131e1d4650600cd
또 아래 아이디도 나옵니다.
4028cba631d63df10131e1d3191d00cb
inMobi에 대해 더 세부적인 사항이 궁금하시면 아래 싸이트를 참조하세요.
http://developer.inmobi.com/wiki/index.php?title=Integration_Guidelines

4028cb962895efc50128fc99d4b7025b 는 아이폰에서 제가 직접 테스트 해 본 아이디구요. 나머지는 직접 테스트 해 보진 못했습니다.

 -- following are iPhone, iPod Touch, iPad
 ads.show( "banner320x48", { x=0, y=100, interval=5, testMode=false } )

이 코드를 넣으면 광고가 지정한 위치에 지정된 크기로 보입니다.
테스트를 위해서는 testMode=true 를 해야 합니다.
 Syntax:
 ads.show( adUnitType [, params] )

사용할 수 있는 배너 크기는 두가지 입니다.
    * "banner320x48"
    * "banner300x250"

또 iPad에는 아래 배너 크기도 사용할 수 있습니다.
    * "banner728x90"
    * "banner468x60"
    * "banner120x600"

파라미터를 보면 x,y는 각각 좌표값이고 interval은 광고 refresh 되는 주기 이고 디폴트는 10입니다.

아직 이 ads의 크기는 해상도에 따라 자동으로 바뀌지 않는다고 합니다.
세밀하게 ads 크기를 사용하려면 디바이스를 알아내서 거기에 맞게 배너 크기를 넣어야 합니다.

ads.hide() 함수도 있습니다.

이외에 inMobi 가입 및 appid 받는 방법은 아래 주소를 참조하세요.
http://developer.anscamobile.com/reference/banner-ads

오늘은 앱에 광고 다는 법을 봤구요.

다음시간에는 당초 스케줄 대로 physics 의 collision (충돌) 에 대해 보겠습니다.

감사합니다.






코로나의 Physics 엔진은 아주 강력합니다.
제가 경험했던 그 어떤 언어보다 강력한거 같아요.

개발자들은 아주 간단한 코딩으로 Physics 구현을 할 수 있거든요.
그리고 나중에 다루게 되겠지만 이것이 MultiTouch 기능이랑 합해지면 아주 다양하면서도 새로운 모바일 앱을 가능하게 해 줍니다.

이번에 제가 개발한 Multi Player Ping Pong 도 최대 4인용까지 사용할 수 있는데 4명이 동시에 이벤트를 발생해도 그것들을 다 처리해 줍니다.

이제 본격적으로 Physics 엔진 사용법을 살펴 봅니다.

local physics = require("physics")

이 physics 엔진을 사용하기 위해서는 처음에 위와 같이 선언합니다.
로컬변수 physics 를 사용해서 코로나의 physics 엔진을 사용하겠다는 의미입니다.

이 physics 엔진을 시작하고 멈추고 일시 정시 시키는 함수가있는데요.
아래와 같이 사용합니다.
physics.start()
physics.pause()
physics.stop()

그리고 아래와 body 에도 이를 적용할지 안할지를 아래 함수를 통해 제어할 수 있습니다.
(body 에 대해서는 조금 있다가 다룰 겁니다.)

physics.start(true)-- prevent all bodies from sleeping
physics.start(false) -- default behavior; bodies may sleep

중력(gravity)에 대해서도 선언할 수 있습니다.
기본적으로 중력값은 9.8 입니다. 그래서 코로나의 디폴트 중력값은 9.8입니다.)
physics.setGravity( 0, 9.8 )
지난 시간에 다뤘던 ManyCrates 의 main.lua 파일 안에 이 부분을 한번 적용해 보세요.
physics.start() 다음에 추가해 보세요.
physics.setGravity( 0, 3 ) 하면 달이나 뭐 그런데 처럼 박스들이 천천히 떨어지구요.
physics.setGravity( 0, 30) 정도로 하면 아주 무겁게 떨어집니다.

괄호 안의 숫자는 x,y 좌표를 나타냅니다.
앞의 0의 숫자를 고치면 왼쪽에서 오른쪽으로 중력이 작용합니다. (테스트 해 보세요.)

이 중력값 (gravity) 을 get 할 수도 있는데요.
gx,gy = physics.getGravity() 하면 gx에는 첫번째 인수값이 gy 에는 두번째 인수값이 들어갑니다.

다음은 Accelerometer (가속도) 에 대해 볼 건데요.

지난번 코드에 아래와 같이 추가해 보세요.
_W = display.contentWidth;
_H = display.contentHeight;

위 두개는 display.setStatusBar( display.HiddenStatusBar ) 밑에다 놓으세요.
그리고 맨 마지막에 아래와 같이 코딩 해 주세요.
(local dropCrates = timer.performWithDelay( 500, newCrate, 100 ) -> 이 코드 밑에요.)

local function onTilt( event )
        physics.setGravity( 10 * event.xGravity, -10 * event.yGravity )
        gx, gy = physics.getGravity()
        print("x Gravity = " .. gx .. " y Gravity = " .. gy)
        gravityx.text = gx;
        gravityy.text = gy;
end
 
Runtime:addEventListener( "accelerometer", onTilt )

이 accelerometer 기능은 핸드폰을 기울이면 그 기울이는 쪽으로 중력이 적용 되는 거예요.
그래서 시뮬레이터에서는 테스트 할 수 없구요. 디비이스에 인스톨 한 다음에 사용 가능해요.

빌드 하신 후 디바이스에 인스톨 하세요.
그리고 앱을 실행하시면 원래처럼 아래에서 위로 떨어질 거예요.
그리고 핸폰을 좌,우,상,하 바꾸면서 기울이시면 그에 따라서 박스들 떨어지는 방향이 바뀔거예요.

가운데 중력 값이 텍스트로 표시 되게 했으니 참고 하시구요.

이런 강력한 기능을 이렇게 간단하게 구현할 수 있다니 코로나 정말 매력적이예요.

코로나는 기본적으로 30픽셀을 1미터로 계산 합니다.
이 기능을 이용해서도 게임에 아주 재밌는 기능 구현을 할 수 있을 것 같은데요.
이 세팅값을 바꾸려면 아래 함수를 사용합니다.
physics.setScale(60)
이러면 60픽셀당 1미터로 계산 하겠죠?
이것은 코로나의 기준이고 아이폰이나 안드로이드 폰 그리고 해상도가 다름에 따라 주의를 기울여야 한다고 합니다.
자세한 내용을 보려면 Corona API Reference 의 autoscaling content for multiple screens 를 보라고 하네요.

자세한 내용은 저도 나중에 봐야겠습니다.

physics 엔진을 사용하면서 테스트 하거나 디버깅 할 때 setDrawMode 함수를 이용하면 편합니다.
이 함수에는 다음과 같이 세가지 옵션이 있습니다.

physics.setDrawMode( "debug" ) -- shows collision engine outlines only
physics.setDrawMode( "hybrid" ) -- overlays collision outlines on normal Corona objects
physics.setDrawMode( "normal" ) -- the default Corona renderer, with no collision outlines

hybrid를 적용하면 화면이 아래와 같이 나옵니다.

physics.body 가 적용되는 범위가 투명하게 다른 색으로 표시되고 테두리도 따로 그어져서 physics가 얼만큼 어디에 적용 되는지 알 수 있습니다.

debug를 적용하면 아래와 같이 나옵니다.

원래 이미지는 안보이고 physics.body가 적용 되는 범위만 보입니다.

위에 표시된 색들도 다른데요. 각 색깔별로 아래오 같은 의미가 있습니다.
    * Orange: dynamic physics bodies (the default body type)
    * Dark blue: kinematic physics bodies
    * Green: static physics bodies, such as the ground or walls
    * Gray: a body that is "sleeping" due to lack of activity
    * Light blue: joints

포지션을 체크하고 속도를 체크하는 경우도 많이 있는데요.
이것을 체크하는 주기도 아래와 같이 설정할 수 있습니다.
physics.setPositionIterations

Sets the accuracy of the engine's position calculations.

physics.setPositionIterations( 16 )

The default value is 8, which means that the engine will iterate through eight position approximations per frame for each object. Increasing this number will cause fewer momentary innacuracies (overlapping objects. etc.) but will increase computational overhead. The default value should be good for most general cases.
physics.setVelocityIterations

Sets the accuracy of the engine's velocity calculations.

physics.setVelocityIterations( 6 )

The default value is 3, which means that the engine will iterate through three velocity approximations per frame for each object. Increasing this number will cause fewer momentary innacuracies (overlapping objects. etc.) but will increase computational overhead. The default value should be good for most general cases.

포지션이나 속도롤 보다 세밀하게 체크해서 콘트롤 하시려면 위의 숫자값들을 큰 숫자로 하셔서 코딩하시면 되겠죠?

이러한 코로나의 physics engine은 Box2D 엔진을 기본으로 만들어 졌답니다.
Box2D is a free open source 2-dimensional physics simulator engine written in C++ by Erin Catto and published under the zlib license. It has been used in Crayon Physics Deluxe, Rolando, Fantastic Contraption, Incredibots, Angry Birds, Transformice, Stripe physics2, and many online Flash games,^[3] as well as iPhone, iPad and Android games using the Corona framework.

코로나는 이 Box2D 엔진의 대부분 기능을 포함하고 있고 또 일부 포함하지 않는 기능도 있답니다.

코로나 웹싸이트에 정리된 내용을 옮겨 봅니다.
Porting Box2D applications from other platforms should be fairly easy. The Corona API includes most of the core features of Box2D, including:

    * Automatic world setup, scaling, and synchronization with visible Corona objects
    * Basic collision geometry (boxes, circles and arbitrary polygons)
    * Complex collision geometry (multi-element bodies)
    * Attributes for primary body and fixture properties
    * Collision events via Corona event listeners, including collision forces
    * Primary collision event phases: began and ended
    * Additional collision event types: preCollision and postCollision, which correspond to Box2D "preSolve" and "postSolve" collision features
    * Draggable object handling within the simulation
    * Eight types of joints: distance, pivot, piston, friction, weld, wheel, pulley and touch (some of these are renamed from their Box2D counterparts; see “Joints” section below)
    * Touch joints (based on Box2D "mouse joints") can be used with multitouch, for simultaneous dragging of 5-10 physics objects; see "DebugDraw" sample project
    * Joint motors and limits
    * Applied forces and impulses, both linear and angular
    * Dynamic gravity, including accelerometer-driven gravity
    * Sensors and bullets
    * Collision categories, masking and groups
    * “DebugDraw” mode, including an exclusive "hybrid" mode showing the debug view as an overlay
    * Joint and body destructors

Features not yet supported include:

    * Gear joints
    * Ray casting, region queries, etc.
    * Automatic resizing of physics objects when Corona display objects are resized with xScale/yScale attributes (avoid using xScale/yScale on an already-existing physical object in the meantime).

오늘은 코로나 SDK의 Physics engine 기본을 살펴 봤습니다.
다음 시간에는 physics를 입힌 물체끼리 충돌할 때 튕겨나간다든지, 약한 쪽을 부숴지게 한다든지 하는 효과를 줄 수 있는 Collision events 에 대해 살펴 볼 것 같습니다.

그럼 다음 시간에 뵐께요.

그동안 이론 공부하고 빌드하고 안드로이드 마켓하고 앱스토어에 업로드하고....
그런것들 다루느라 좀 지루하지 않았나요?

그냥 화면에서 막 움직이는거를 해야 재밌는데요..

그래서 오늘은 코로나의 강력하고 현란한 Physics Engine 에 대해 보겠습니다.

화면과 같이 하늘에서 큰박스, 작은박스, 캔이 마구마구 떨어집니다.
그리고 이게 진짜 실물처럼 서로 부딪히고 튕겨나가고 뭐 그렇게 됩니다.

이걸 표현하는데 단 40줄이면 된다면 여러분 믿으시겠습니까?

이 앱은 코로나에서 제공하는 샘플 앱입니다.
코로나를 까셨다면 Corona SDK 폴더에서 SampleCode-Physics-ManyCrates 폴더로 가세요.

그리고 전체 이미지와 소스를 압축해서 파일첨부도 했습니다. 참고하시구요.

아래가 전체 소스입니다.

--
-- Abstract: ManyCrates sample project
-- Demonstrates simple body construction by generating 100 random physics objects
--
-- Version: 1.1 (revised for Alpha 2)
--
-- Sample code is MIT licensed, see http://developer.anscamobile.com/code/license
-- Copyright (C) 2010 ANSCA Inc. All Rights Reserved.

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

display.setStatusBar( display.HiddenStatusBar )

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") -- non-physical decorative overlay
grass2.x = 160; grass2.y = 440

physics.addBody( grass, "static", { friction=0.5, bounce=0.3 } )


function newCrate()   
    rand = math.random( 100 )

    if (rand < 60) then
        j = display.newImage("crate.png");
        j.x = 60 + math.random( 160 )
        j.y = -100
        physics.addBody( j, { density=0.9, friction=0.3, bounce=0.3} )
       
    elseif (rand < 80) then
        j = display.newImage("crateB.png");
        j.x = 60 + math.random( 160 )
        j.y = -100
        physics.addBody( j, { density=1.4, friction=0.3, bounce=0.2} )
       
    else
        j = display.newImage("crateC.png");
        j.x = 60 + math.random( 160 )
        j.y = -100
        physics.addBody( j, { density=0.3, friction=0.2, bounce=0.5} )
       
    end   
end

local dropCrates = timer.performWithDelay( 500, newCrate, 100 )

아주 간단하죠?

오늘은 간단히 이 소스를 다루고 다음시간에는 본격적으로 Physics Engine 을 공부해 보도록 할께요.

local physics = require("physics")
Physics Engine을 사용하려면 위와같이 합니다.
자바의 import 와 비슷한 겁니다.

physics.start()
physics를 시작하는 함수입니다.
위에 local physics 라는 이름으로 physics engine을 불러와서 이 physics변수명을 쓰고 점을 찍고 사용할 함수명을 적은 겁니다.

display.setStatusBar( display.HiddenStatusBar )

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") -- non-physical decorative overlay
grass2.x = 160; grass2.y = 440

첫번째는 아이폰의 statusbar를 없애는 겁니다.안드로이드폰에서는 필요없는 부분입니다.
코로나는 디폴트로 안드로이드에서는 Full Screen을 적용합니다.
 그 다음 이미지들을 불러오고 그 이미지들에 대한 x,y 좌표를 줍니다.

physics.addBody( grass, "static", { friction=0.5, bounce=0.3 } )
이 부분이 해당 object에 physics를 적용한 겁니다.
grass 이미지 적용했고 이 이미지는 움직이지 않을 겁니다.
그리고 마찰력과 튕기는 값을 각각 0.5, 0.3으로 주었습니다.

그 다음은 랜덤하게 이 이미지들을 불러올 로직이구요.

local dropCrates = timer.performWithDelay( 500, newCrate, 100 )

이것은 타이머를 적용해서 특정 시간 동안 특정회수로 newCrate를 불러온다는 내용입니다.

한번 실행해 보세요. 너무 간단한 코드로 너무 그럴싸한 앱이 완성됐습니다.

오늘은 그냥 간단한 설명으로 끝내는데요.
다음부터 Physics Engine에 대해 본격적으로 파헤쳐 보도록 하겠습니다.