2014/04/17

corona SDKで広告を表示してみる(AdStir)

corona SDK でWebViewを使用して、画面下部に広告を表示してみました。

まず、配信管理(SSP)には「AdStir」を利用することにしました。
AdStirは管理画面が直観的で使いやすいです。
スマートフォンゲーム向けのDSP「GameLogic」と連携したとこので
ゲームコンテンツの場合は収益面も期待できそう。
http://gamebiz.jp/?p=129233

実装はとっても簡単!
広告表示用のHTMLファイルを用意し、native.showWebPopup()で表示するだけです。
（※Android動作は未確認）

ad.html(広告表示用)

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="refresh" content="30" />
<title>ad</title>
</head>
<body bgcolor="#999999" style="margin:0; padding:0;">

<!-- // Adstirタグ ここから -->
<script type="text/javascript">
var adstir_vars = {
  platform : "webview",
  ver    : "4.0",
  app_id : "MEDIA-XXXXXXXX",
  ad_spot: 1,
  center : false
};
</script>
<script type="text/javascript" src="http://js.ad-stir.com/js/adstir.js?20130527"></script>
<!-- // Adstirタグ ここまで-->
</body>
</html>

<html>

<head>

</head>

var adstir_vars = {

platform : "webview",

ver : "4.0",

app_id : "MEDIA-XXXXXXXX",

ad_spot: 1,

center : false

};

</script>

</body>

</html>

main.lua

--
-- main.lua
--
display.setStatusBar( display.HiddenStatusBar ) 
display.setDefault( "background", 0, 0, 0 )

local sampleText = display.newText( "AD Sample", 0, 0, native.systemFont, 16 )
sampleText.x = display.contentWidth * 0.5
sampleText.y = display.contentHeight * 0.5

-- 広告表示
local function urlHandler(event)
    local url = event.url
    if( string.find( url, "http:" ) ~= nil or string.find( url, "mailto:" ) ~= nil ) then
        print("url: ".. url)
        system.openURL(url)
    end
    return true
end

local url = "ad.html"
local adoptions =
{
	hasBackground=false,
	autoCancel=false,
	baseUrl=system.ResourceDirectory,
	urlRequest=urlHandler
}

native.showWebPopup( 0, display.contentHeight - 50, display.contentWidth, 50, url, adoptions )

-- main.lua

display.setStatusBar( display.HiddenStatusBar )

display.setDefault( "background", 0, 0, 0 )

local sampleText = display.newText( "AD Sample", 0, 0, native.systemFont, 16 )

sampleText.x = display.contentWidth * 0.5

sampleText.y = display.contentHeight * 0.5

-- 広告表示

local function urlHandler(event)

local url = event.url

if( string.find( url, "http:" ) ~= nil or string.find( url, "mailto:" ) ~= nil ) then

print("url: ".. url)

system.openURL(url)

end

return true

end

local url = "ad.html"

local adoptions =

{

hasBackground=false,

autoCancel=false,

baseUrl=system.ResourceDirectory,

urlRequest=urlHandler

}

native.showWebPopup( 0, display.contentHeight - 50, display.contentWidth, 50, url, adoptions )

ソースはこちら
ohwakana/corona-ad-sample

ちなみにAdstirの管理画面はこんな感じです。
AdStirのCPC広告と、AMoAd,nendも申請済み。
カスタムネットワークで独自広告の配信も追加してます。

2014/02/24

CoronaSDKのOverlayについて

storyboard.showOverlayで表示した画面から、Overlayを閉じる場合はhideOverlayを使用しますが
hideOverlayを使わないケースについて、少しわかりにくかったのでまとめてみました。

以下は、overlay画面から元画面をリロードする場合の内容になります。
(1)overlayを表示する元画面を表示(stage.lua)
↓
(2)overlayで「リロードボタン」を表示(result.lua)
↓
(3)元画面のスクリーンを削除して再表示（reload.lua）

ソースはこちら
ohwakana/corona-overlay-sample

reload.luaにて元のスクリーンを削除し、gotoSceneで再度表示するようにしています。

local function restartScene (event)
	storyboard.removeScene("stage")
	storyboard.gotoScene ("stage", {time=400, effect= "fade"})
end

-- Called when the scene's view does not exist:
function scene:createScene( event )
	local group = self.view

	loadText = display.newText("loading......", 0, 0 , native.systemFontBold, 16)
	loadText.x = display.contentWidth * 0.5
	loadText.y = display.contentHeight * 0.5

	group:insert (loadText)
end

-- Called immediately after scene has moved onscreen:
function scene:enterScene( event )
	local group = self.view
	-- INSERT code here (e.g. start timers, load audio, start listeners, etc.)
 
	loadText.alpha = 1.0
	transition.to( loadText, {time=250, alpha = 0.0, onComplete=restartScene} )
end

local function restartScene (event)

storyboard.removeScene("stage")

storyboard.gotoScene ("stage", {time=400, effect= "fade"})

end

-- Called when the scene's view does not exist:

function scene:createScene( event )

local group = self.view

loadText = display.newText("loading......", 0, 0 , native.systemFontBold, 16)

loadText.x = display.contentWidth * 0.5

loadText.y = display.contentHeight * 0.5

group:insert (loadText)

end

-- Called immediately after scene has moved onscreen:

function scene:enterScene( event )

local group = self.view

-- INSERT code here (e.g. start timers, load audio, start listeners, etc.)

loadText.alpha = 1.0

transition.to( loadText, {time=250, alpha = 0.0, onComplete=restartScene} )

end

2014/02/05

sublime text2 のカスタマイズ

Coronaの開発エディタとしてsublime text2を使っています。
ということで、sublime text2の設定についての備忘録です。

■Corona Editorの追加
Package Control: Install Packageから「Corona Editor」を検索しインストールすれば追加完了。
デフォルトでF10でデバッグビルド、Shit+F10でデバッグ終了にキーが割り当てられています。
その他にドキュメント参照がついてたり、いろいろ便利そうです。

■プラグインSublime Terminalの改変
Sublime Terminalでは、ファイルを右クリック[Open Terminal Here…]で
windowsの場合PowerShellが起動するのですが、
だいたいGitbashを使うことが多いので、Gitbashが起動するように修正しました。

修正コードはこちらohwakana/sublime_terminal　(Fork)

使ってみてsublime text2は、まだしっくりきていません。。。
以前使ってたGeanyのように標準入出力のウィンドウが付いてたらいいんだけどなー。
Coronaでの作業に関しては特に不便はないので、作るものによりIDEと使い分けていきたいと思ってます。
（やっぱりGeanyに戻すかも。。。）

2014/02/03

Corona SDKはじめました

スマートフォン向けの開発でCorona SDKを使いはじめました。
Coronaを選んだポイントは、ざっくり下記の通りです。

言語がLua
cocos2d-xより学習コスト低そう
わりとリッチなものも作れそう
ゲームだけじゃなくてアプリ開発のモックアップささっと作るのにもよさそう

少し使ってみた感想は…

シミュレーター操作がとても簡単
ガンガン機能追加が入るので最新仕様の確認がたいへん
StaterだとDaily Buildが利用できず最新仕様で開発できない場合があるので困る(といえば困る)
一人での開発に向いてそう

価格はStarterは無料で、Basic：$16/月、Pro：$49/月ということで
このへんは高いんだか安いんだか、まだ？な感じです。
Starterでもう少し使って、その後BasicにするかProにするか検討したいと思います。

※画像はcoronaの”C”

waterkaktos

Fire Walk with Me

Category Archives: corona　SDK

corona SDKで広告を表示してみる(AdStir)

CoronaSDKのOverlayについて

sublime text2 のカスタマイズ

Corona SDKはじめました