來自小島

Graphics 1.0 to 2.0 要知道的事- corona

2013-11-20T16:20:00.000-08:00

從Public Release 2013.2076 之後

可以說是自上次widget 1.0 升級成 2.0之後又一個重大改變

對開發者來說最大困擾是－原本的CODE怎麼BUILD不過了！？

原因是在2076版使用了Graphics 2.0，在原本的CODE上增加了些彈性和強化

有三個需要知道如何修正程式碼地方要了解

在修改之前，Corona 也提供了一個方法讓既有開發者能"無痛"的移殖至Graphics 2.0

在config.lua 設定檔中加上 graphicsCompatibility = 1

使其相容於graphics 1.0－運氣好的話就能BUILD過了....官方是如此說著

所以－為了能夠獲得更好的相容性及更多的彈性

我們來了解需要修改的部份有哪些

display.setReferencePoint => Anchor Point
color values 0~255 => 0~1
text color : setTextColor => setFillColor

display.setReferencePoint => Anchor Point

在程式撰寫時，為了不讓元件走位，通常都會設置ReferencePoint，讓其固定以某一個方位為座標對照點

現在我們必須使用錨點來指定座標對照點，優點是再也不受邊角的限制，不一定要將對照點設在正中央或四個角

舊用法
object:setReferencePoint(display.CenterReferencePoint)

新用法
object.anchorX,object.anchorY = 0.5,0.5

由對照圖表可以看出原來的

referencePoint VS anchor Point

display.TopLeftReferencePoint => 0,0
display.TopCenterReferencePoint => 0.5,0
display.TopRightReferencePoint => 1,0
display.CenterLeftReferencePoint => 0,0.5
display.CenterReferencePoint => 0.5,0.5
display.CenterRightReferencePoint => 1,0.5
display.BottomLeftReferencePoint => 0,1
display.BottomCenterReferencePoint=> 0.5,1
display.BottomRightReferencePoint => 1,1

而且不只如此，此錨點能作用在像rotation旋轉的動作上，舉例來說要做一個時鐘，現在只要將時針，分針的圖放上螢幕，然後將anchor Point(錨點)設在其轉軸點(如0.2,0.5)，接著按每秒轉動的角度做旋轉，就能夠使用更簡潔的程式碼完成。

color values 0~255 => 0~1

顏色設定的使用方法從0~255的值變成0~1

實際用法依然是使用0~255 只是現在要除上一個255的基底

舊用法
obj:setFillColor(255,200,200,255)

新用法
obj:setFillColor(255/255,200/255,200/255,255/255)

textColor : setTextColor => setFillColor

同時將設定字體顏色的用法調整和設定Color的方法一致

並且套用最新設置顏色的值 0~1

舊用法
textObj:setTextColor(255,200,200,255)

新用法
textObj:setFillColor(255/255,200/255,200/255,255/255)

雖然這次更動幾乎讓小島的程式都要回去再看過，但看在加強了不少東西的份上，就勉勉強強欣然接受了！

遠端更新福音！ZIP Support in Corona

2013-09-04T21:40:00.002-07:00

解壓後小心水母和鱷魚！

有段時間在思考一件事情

是不是每次更新都要很麻煩的上架一次新版本

七天以上的APPLE 審核速度 OMG

如果我有不少圖片，文字需要讓使用者更新

那不是很麻煩嗎，放在網路空間就好幾十個檔

其實有一個更方便的方法，自從Corona 支援Plugin 後不久

ZIP 的Plugin 就出現了！！

沒錯，壓縮，解壓縮的好幫手，相信你已經想到很多應用的方法了吧！？

讓我們趕快來看看怎麼使用吧。

在build.settings加上這段後，第一次編譯會從Corona Server端取得此Plugin元件

之後就可以很順𣈱的使用ZIP

接下來小島來介紹一下怎麼從網路端下載ZIP並放在屬意的資料夾內供之後使用

重點如下

使用network.download 從網路上下載檔案
利用networkListener,判斷下載完成後將該檔案利用zip解壓縮
接著接壓縮完成後呼叫zipListener，在這裡就可以告訴使用者，更新完成謝謝等候囉！

小島在ZIP中放了兩個檔案，跑完此段程式碼應該可以在DocumentsDirectory看到兩張圖片，恭禧您！這樣就完成囉！將其應用在APP的更新上吧！配合JSON來判斷將更無往不利喔！

大躍進！Admob Plugin for corona

2013-05-10T01:11:00.001-07:00

IOS admob plugin screen

真的很令人興奮

最近手機平台發生了很多事

IOS 2013/05/01起不再支持UDID的APP上架

Corona Widget 出了2.0版

小島身為深深的受害者之一

光改了widget 1.0 -> 2.0就花了快一週

重點是。。還是很多Bug

最後放棄，直接使用回widget 1.0的 opensource

扯遠了

這次是要講大躍進！

Corona 終於直接支援admob 的Plugin了！！(需使用最新的daily sdk)

不像之前的admediator ，使用的是web 連結來呈現admob ad

而且很多廣告無法點擊...殘念

所謂的plugin 就是編譯後會根據平台使用native SDK來呈現

所以再也不用擔心違法被封帳的問題！

從二三年前，就有人在要求admob 官方支援了，但遲遲沒有消息......還遲了很久

這次，終於不再黃牛了！！

首先需要告訴Corona 要使用plugin

首次使用將會自動從Server 端下載 admob 的 plugin

在build.setting 裡加上上面這段就行了

接著在程式裡加上這段

至於x,y就是你想要廣告在哪裡秀出的位置了

請各位客倌自行調校吧

android admob plugin screen

android admob click screen

小島親自測試的，有錢進來囉

in-App Purchase with Corona(iOS)

2013-02-28T20:23:00.000-08:00

不論是遊戲或是工具類的APP

在APP STORE 都有著一個趨勢

"使用者不喜歡付費下載"

是的！大家看到要付錢的APP，經常先略過，看看有沒有免費的

功能差不多的，湊合用就好(至少島民是如此....)

這也是為什麼遊戲幾乎都是免費下載，然後收取內部的道具費用

雜誌平台也是收取每本雜誌的購買費(APP都是Free)

今天粗淺介紹in-App在iOS如何使用

有些前置作業要先完成(這裡將探討紅色內容)

購買開發者帳號
填好銀行資訊(匯款用)，稅號(台灣不用填)
在iOS provisioning Protal 中App ID 選項裡建立APP ID
建立該APP ID 對應的provisioning profile
在iTunes Store 使用該bundle ID 建立一個APP
依類型增加可購買道具
建立測試帳號

Setp5:

選取Manage your Application

新增 1 APP

Step6:增加道具

進入APP內容點選Manage In-APP Purchases

必須先建好欲販賣的道具，在程式裡才能夠從apple 方讀取相關資料

道具分為以下幾種

Consumable:一次性道具，如遊戲金幣
NonConsumable:永久性道具，如永久經驗加倍
Auto-Renewable Subscriptions:自動更新，如雜誌訂閱
Free Subcription:ONLY書報攤使用，如免費刊物
Non-Renewing Subscription:限定時間道具

選擇販賣道具種類

在這我們示範一個Consumable道具，販賣5金幣

底下是新增道具要填的欄位

Reference Name:開發者參考用

Product ID:程式內呼叫使用，建議使用APP id 後再增加如com.abc.coin5(這裡用coin5)

Cleared For Sale: yes - 可購買, no - 不可購買

Price Tier: 欲販售價格(這裡選Tier 1 - 30台幣,1美元)，會根據國家不同秀出不同幣值金十口

再來增加語言(根據OS不同語言將會秀出不同文字)

Step7:新增測試帳號

為了在測試時能夠模擬購買的動作

所以需要增加一個測試帳號，此帳號不能為現有apple 帳號

必須要是一個未使用的email

進入Manage Users 選項

選擇Test User

新增測試帳號

新增成功後，會在該申請E-mail收到一封Apple 寄來的認證信

點擊進入後使用該mail 及 password 做登入完成登入

做到這裡，前置動作就算完成，可以來做程式方面對應的CODING了

程式會用到的兩張圖buttonBuy.png,buttonBuyDown.png

**此程式必須要Build For Device 才能執行

**在測試前要先進iTunes與App Store 將Apple ID 登出，
登出後不需要登入，待打開程式，點取購買時再登入

點選買5金幣，會告訴你是在Sandbox(測試環境)

初次點選購買，要登入帳號，在這裡登入測之前的測試帳號

如果取消，將會進入transactionCallback的cancelled狀態

成功購買將會進入purchased狀態

在purchased狀態中，印出購買的productIdentifier-coin5

從判斷是否進入purchased 可得知是否成功付款，成功購買後，就可以在後面加上金幣增加動作囉

希望大家in-app 賺大錢囉：D

來自小島

使用iOS內建Twitter- Corona

2013-02-18T23:58:00.001-08:00

不包含圖片

開發者會希望使用者能透過APP來分享一些相關的訊息

如：告訴大家我正在使用某款APP，希望友人也能夠來使用看看

Corona裡，能夠輕易的將訊息分享到Facebook,Twitter

只要在code上加入一行system.showPopup("twitter")，

就能夠輕鬆的在twitter上分享

(註：e-mail，SMS，safari開網頁也是利用Popup)

iOS 內建Twitter 能夠輕鬆上傳照片，分享文字

也能夠將位置一起分享(小心隱私～)

(需build for Device才能使用！)

twitter 會用到的參數如下
(初次使用Twitter，系統會帶入登入畫面)

message
-預設要顯示在Twitter 上的文字
listener (非必要)
當完成或取消Twitter後會呼叫的function
url (非必要)
需要上傳網址時需要利用設定url參數(給予table)
方法為{"http://tw.yahoo.com","http://www.apple.com"}
image (非必要)
包含兩參數-baseDir,filename

同時上傳圖片

於Twitter上所示圖片

Flurry-流量分析API-Corona

2013-01-06T02:21:00.003-08:00

APP 上線後，常有幾個反覆的問題在心裡迴繞著。。

每天有多少人用啊？總共有多少人？

每次玩會玩多久？

哪幾個功能最多人愛？

這堆分析數據，對開發者來說非常有用

這些問題，使用Flurry來分析就能有效解決了！

Corona裡將Flurry列為核心的API之一

使月方式真的很簡單。。。簡單到嚇人(真的....)！

只要到www.flurry.com 申請帳號以及App,取得Application Key 後，Build For Device 就能夠執行囉！

再配合widget 的button，用來統計使用者較常使用的功能

或是storyboard，使用的時機可以自已定義

來找出APP裡最吸引人的畫面和功能

在Corona裡附的Sample裡，就有一個Flurry Sample囉！

Corona Sample-flurrySample 畫面

能夠切確知道每天有多少使用者使用：），真的非常的實用！！

還有每天有多少新的使用者，停留多久，每個Event 共有多少Session等...

除此之外，還可以設計一個連貫動作(mission)，來統計特定行為達成的數量

完成點選event2-後接著點選event3的數量

是不是迫不及待在APP裡加上去呢！Corona Flurry 就是這麼簡單！！GO 吧！！

來自小島

Corona-動畫-使物件動起來

2012-12-26T08:48:00.000-08:00

今天假使已經畫好了一系列的動畫圖片

我們想要讓這一系列的圖片輪流播放，就像在卡通裡看到的那樣讓角色動起來

截至http://www.coronalabs.com/

首先因為一張圖中共有八個動作，所以要將這張圖分為八張小圖

然後使用imageSheet API 將圖放入imageSheet當作圖片來源

使用imageSheet能夠加快讀寫的速度，也能減少記憶體的消耗

緊接著已經將一張大圖依長寬切成八張小圖放入imageSheet中後

要讓這八張小圖依順序播放，以產生在跑動的視覺效果

接著再執行就可以看到一支在跑的貓了！

很簡單吧！

來自小島

Corona里程碑-iAd 支援

2012-12-23T05:53:00.000-08:00

Corona 在廣告上面的支援，一直為大家所垢病

所支援的inMobe & inneractive 收入其實並不是非常的漂亮

有使用過的朋友相信都很清楚，還是ADMOB比較好用

就在2012/12/22 build 993版

世界末日後的一天，公佈了一個大消息，就是Corona 支援了Apple 的 iAd

同時在Daily build 993版的Sample 裡加入了iAd的使用Sample
（有興趣的朋友，請自行下載993之後的版本，找到iAd的Sample，需要build for device 才看的到廣告喔)

厲害的是iAD能做到點選廣告，直接在內裡付錢，不用再跳出畫面，

還有在廣告SHOW出來的當下，按下HOME鍵並不會回到桌面，而是把廣告收起來，回到當前APP畫面（真想知道怎麼控制HOME 鍵的，有沒有朋友知道？）

在iPhone上的廣告畫面

蘋果的廣告拆帳方式是以6-4的方式拆帳的，也就是蘋果4成，開發者6成

而在蘋果廣告每下點擊廣告主要支付蘋果0.2美元(以上)

也就是每下點擊開發者能夠拿到0.12美元，和Admob平均開發者能拿到0.01美元相比

的確是很大的誘惑

但也因為其廣告費對企業來說較為昴貴，並不是普通企業能夠負擔的價錢

據說美國企業投放在IAD的金額較多，相對其它國家，投放金額就沒那麼高了

有關IAD的相關訊息和數據可以在這篇文章查看

要投放APP廣告的話，使用ADMOB是很節省廣告費的

開發者要放廣告可以考慮IAD，畢竟花錢和賺錢考量點不同

而且並不是每個國家都適合用iAD的，可能會有無廣告的情形發生

所以各位開發者在選廣告的當下都要慎選！

Blend Mode-Corona混合特效

2012-12-20T21:19:00.000-08:00

在製作APP 遊戲時，常會想要使用一些特效

在這裡介紹一種Corona中的混合特效給大家-Blending

Blending 主要用來混合多層不同的Pixel，

利用Object的RGB三個元素來混出新的顏色

Blend Mode 有提供額外三種模式（預設為Normal）

"add"
"multiply"
"screen"

使用方法

obj.blendMode = "add" --使用add blendmode
obj.blendMode = "multiply" --使用multiply blendmode
obj.blendMode = "screen" --使用screen blendmode

blending mode:add

add模式對於想要使用火焰，雷射或是閃電特效時很有用

add模式混合算式很單純的就是RGB各元素相加(Max為255)

background = display.newRect(0,0,display.contentWidth,display.contentHeight)
background:setFillColor(34, 34, 44)
local myCircle = display.newCircle(  display.contentWidth*.5, display.contentHeight*.2, 40 )
myCircle:setFillColor(255,51,51)
myCircle.blendMode = "add"
local myCircle2 = display.newCircle(  display.contentWidth*.5+myCircle.contentWidth*.7, display.contentHeight*.2, 40 )
myCircle2:setFillColor(0,153,51)
myCircle2.blendMode = "add"
local myRect = display.newRect(  myCircle.x,myCircle.y-myCircle.contentWidth*.25,60,40)
myRect:setFillColor(102, 153, 204)
myRect.blendMode = "add"
local myText = display.newText( "add", myRect.x, myRect.y+myRect.contentHeight, native.sysemFont,20)

background:(34,34,44)
red circle:(255,51,51)
green circle:(0,153,51)
blue rectangle:(102,153,204)

左區混色：(255+102+34,51+153+34,51+204+44)=(255,238,255)
中間混色：(255+0+102+34,51+153+153+34,51+40+204+44)=(255,255,255)
右邊混色：(0+102+34,153+153+34,40+204+44)=(136,255,255)
(記得要加背景色上去)

blending mode:multiply

multiply模式製造出來的效果會使得物件變暗對於製造shadow較有用

multiply模式混合公式為

RGB resulting color = (top color * bottom color) /255

（程式碼請參考之前，將模式更改為multiply）

background:(34,34,44)
red circle:(255,51,51)
green circle:(0,153,51)
blue rectangle:(102,153,204)

左區混色：((255*102*34)/255^2,(51*153*34)/255^2,(51*204*44)/255^2)=(13.6,4.08,7.04)
中間混色：((255*0*102*34)/255^3,(51*153*153*34)/255^3,(51*40*204*44)/255^3)=(0,0.24,0.01)
右邊混色：((0*102*34)/255^2,(153*153*34)/255^2,(40*204*44)/255^2)=(0,12.24,5.52)
(記得要加背景色上去)

blending mode:screen

screen模式製造出來的效果會使得物件淡（亮），但重疊的部份又不會太亮

screen模式混合公式為

RGB resulting color = 255 - ( ( ( 255 - top color ) * ( 255 - bottom color ) ) / 255 )

（程式碼請參考之前，將模式更改為screen)

算式略為複雜就不列出，有興趣的朋友自己驗算：）

以上就是三種混合模式，適當使用便能製造很棒的特效

來自小島

Google Map in Corona(iOS)

2012-12-18T23:49:00.001-08:00

在2012年12月12日這個日子蘋果讓Google Map審核通過

大家在IOS6以上終於可以使用Google的MAP APP

這也是蘋果承認自家地圖不好用之後大家最大的期待

因為現在IOS內建的MAP是蘋果自家的了

我還是希望從我的APP裡連MAP的時候，能夠使用GOOGLE MAP

這可怎麼辦？

在iOS裡有個APP URL Scheme

簡單來說

APP可以註冊自己的URL來供其它APP呼叫

而要使用Google Map的首要條件便是要有安裝Google Map app

Google Map URL Scheme 為

comgooglemaps

程式中呼叫此段將會開啟MAP APP 並且移到此座標

system.openURL("comgooglemaps://?center=40.765819,-73.975866&zoom=14&views=traffic")
-- center:中心座標
-- zomm:縮放等級
-- views:何種MAP種類
-- 如沒給座標，將會偵測DEVICE位置（需要開定位）

若使用street view

system.openURL("comgooglemaps://?center=40.765819,-73.975866&zoom=14&views=traffic&mapmode=streetview")

如果想要搜尋某座標附近的披薩店則輸入

system.openURL("comgooglemaps://?q=pizza&center=121.567266,25.041722")

是不是很有趣啊？

介紹到此，還有很多變化可以用，想研究更深入的朋友

請參考GOOGLE的官方介紹囉

Corona-iPhone5螢幕支援

2012-12-18T05:35:00.000-08:00

什麼！！黑邊！！

就在前些日子

島民做了一件很傻的事情，

因為iPhone 5出了(國外)，島民就很快的把APP作更新

然後在模擬器（iPhone5模擬)跑出來一切正常後，就上傳送審

一直到最近iPhone5回到台灣上巿後，

第一個拿到的朋友馬上安裝了小島的APP，

然後跟我說「你的APP在iPhone5上面是上下黑邊耶」！！

什麼！！！

我在模擬器上明明有測過啊！！怎麼會！！

因為沒有實機實測，加上太信任模擬器

著實嚇了一跳

所以現在列入了注意事項裡，希望不要再有人跟我發生同樣的問題

要找出正確的裝置螢幕大小

需要在設定檔(config.lua)中，

先判斷Model是iPhone

system.getInfo("model") == "iPhone"

再利用display.pixelWidth及display.pixelHeight來判斷寬和高度

iPhone4:640x960
iPhone5:640x1136

再利用以上資訊來設APP的長和寬

if system.getInfo("model") == "iPhone" then
    local isTall = (  display.pixelHeight > 960 ) --若DEVICE是iphone，pixel高度大於960即為iPhone5
    local height = 480
    if (isTall) then height = 1136/2  end --若是iPhone5則高度為1136/2 = 568
    application =
    {
 content =
 {
  width = 320, -- 使用320來fix寬度，因為iphone寬不是320就是640
  height = height, -- 因為使用320所以上面的iPhone5高度需要除以2來配合比例
  scale = "letterbox" -- zoom to fill screen, possibly cropping edges
 },
    }
end

設定好後就能判斷是不是iPhone5了

但這樣還不夠！（島民就是只有設好上面...就自以為的完成了！）

自以為的下場

必須要告訴iOS，我有支援IPhone5!

怎麼做？要在root資料夾下加上Default-568h@2x.png 這個圖檔

APP在開啟時會先尋找是否有此圖檔，有的話才會判定此APP有支援iPhone5

圖檔大小不限（用空白的png就可以)

以上，慘痛的自以為二個月的經驗

來自.....小島

Corona Magazine-CoronaPaper

2012-12-17T23:39:00.000-08:00

截至www.coronapaper.com

如何讓自己對Corona 更為熟悉呢？

現在有了一份CoronaPaper 雜誌！！

發行者為 Andreas Kviby

其在Sweden有著超過20位的員工

主要使用Corona開發跨平台的APP

基於對Corona的熱情發行APP相關之雜誌

於是CoronaPaper便誕生了

主要分享一些有趣，好玩，相關學習的資訊

每份雜誌會有不少於40頁的資訊

截至www.coronapaper.com

於2012/12/17號發行了第一份，

在簡介中能看到有介紹如何使用Facebook,Storyboard

截至www.coronapaper.com

不論是剛接觸或是想更深入了解Corona的朋友，相信這都是一份很開的開始

一年份的年費是50美元

來自小島

APP遊戲一大抄

2012-11-26T06:58:00.004-08:00

本身在寫APP的開發者，需要對排行較前的APP感覺較敏銳

剛好在休閒時間喜歡玩點APP殺殺時間，其實很多APP都很有趣，

也都是花幾分鐘就可以玩完的。

其實在APP的世界裡，沒有所謂的智慧財產權

今天你的APP很棒，別人隨時可以超越

記得在現實世界裡也是。甚至也有版面都跟FACEBOOK一模一樣的社群網出現

最近島民有在玩的一款小遊戲是拇指西遊，遊戲就不作介紹了，只介紹“相似”的部份

今天在排行榜看到一款三國來了

兩者的內容和遊戲畫面比較

三國來了 VS 拇指西遊

主畫面列表

寶物合成

打鬥畫面

任務畫面

道具購買

充值畫面

人物總覽

人物列表

看了以上的比較，有沒有發現其實架構都差不多？

上面兩款遊戲是由兩間不同的大陸公司所做的

右邊這款遊戲，據說遊戲公司一個月進帳有100萬的RMB

相同的架構，可以套上不同的故事，再拿出來回鍋一次

嗯，這是一個很聰明的方法，因為消費者會買帳

只要美工和畫面不同，ONLINE GAME 不也如此嗎？

一款遊戲的沒落，另一款便會掘起

換個皮膚大家還是會接受的，原創？很重要嗎，能夠商業化對生存比較重要

還是希望獨立開發者，能夠建立自已獨創的想法，唯一的APP

而不是模仿，因為這才是樂趣的來源，用愛做出來的APP，才吸引人，才會長久。

來自小島

App收益-廣告(Admob)

2012-11-14T04:13:00.002-08:00

掫自博客來

寫App究竟是一個興趣還是希望能夠多一份收入

心想：最好的話，是能夠辭職變成一份穩定的收入

島民最近拜讀了半路叛逃的書(遊戲製作人的1000日叛逃)

其中也說了很多我的心聲

正確來說，應該是APP開發者的心聲

APP開發時間，短的要2-3個月

長的要半年以上，

遊戲類需要美工，企劃，程設師三者配合(之後還要行銷)

或是更精簡的由獨立開發者包辦全部

那需要花費時間更久

上架後一個遊戲APP賣1.99(更多是0.99-如.angry bird)

換算開發人員兩位，3個月好了，假使月薪算四萬

4萬x2人x3月 = 24萬

24萬的薪水要有多少app下載量能賺回？

240000/(1.99*70%(蘋果抽3成)*30(台幣)) = 5743 下載量

但事實呢？能達到如此下載量的付費APP實在是極度不容易

相對來說，另一個收入的來源，便是廣告！

島民聽到很多朋友反應，廣告真的很難賺！！靠廣告怎麼活

確實如此，廣告的點擊率平均大概是1%，

再加上APP上廣告收益沒有網頁廣告來的多

以島民的經驗來看，admob(Google)大約0.005~0.03美元每則點擊

而網頁廣告adsense(Google)大約0.17~0.3每則點擊

沒看錯，就是有差這麼多

所以在APP上，要靠廣告收入來賺零用錢

收入多少的關鍵是「量」

--------------------------------------------------------
在Corona的世界，官方在API內支援的廣告平台是

inneractive
inmobi

我稍後介紹，實際上此兩平台給的revenue(收益)..比admob還少...

島民在收集使用的開發者的資訊和自己使用的感想後的心得

admob算是最穩定的，而且其fill rate(廣告出現數/廣告要求數)也算是滿高的，

admob 廣告在手機上大約是長這樣

左下角有個(i)的廣告banner的就是admob的廣告

下表是使用admob的廣告收益，可看出每次點擊的收入大約在0.005~0.03之間

使用google admob的好處是

全世界任何地方都有相對區域的廣告
不用擔心廣告Server出現問題導致廣告出不來之情形(此點非常重要，影響穩定收益)
不用擔心付不出錢(金主是google)，每月固定付款（可選paypal or 美金戶頭)

相對的壞處是

不支援admob SDK(Corona 目前不支援)
有些點擊會失效(因為非native SDK)
收入不穩定(0.005~0.03的range 過大)

那為什麼不支援呢？官方回答有在計劃開發中了，至於release時間...未定...

所以現在要使用admob必須使用開發者Deniza 的 Admediator for Corona

裡面提供了許多廣告商的輪播機制

支援

admob
inmobi
inneractive
tapit
madvertise
herewead

在連結中有詳細的使用方式及程式下載，之後島民會出一篇使用方式教大家

admob從收益多寡到使用方法在這裡都有做介紹，再來會再針對別的廣告商介紹

來自小島

Corona APP-Word Smack(EA)

2012-11-11T19:02:00.000-08:00

各位朋友，很開心的跟大家分享一件事

這個跨平台的APP Word Smack

是由EA所開發的！！

很棒的是，EA也選擇了Corona來做跨平台開發的工具！！

目前已發佈了IOS 版本，android版本不久後便會發佈！

先來看一段官方影片介紹吧！！

Work Smack是一款練習英文字彙和朋友互動的APP（會的字不多可能會猜的很痛苦）

當拼出來的字不是有效的時會會出現invalid的特效

島民我是怎麼玩都一直出現...玩的有點失落？！哈哈

新手入門Part 2-Function & Listener

2012-11-09T08:28:00.001-08:00

在Corona中，如何寫一個Function 來供程式使用？

關鍵字就是 function

 function f (x, y) --定義一個叫做f的function,能夠傳入兩個參數,並回傳此兩參數相加之值
      return (x+y)
    end
print(f(2,3)) -- 5
-- 使用方法為 ()
-- 如：f(2,3),f(5,6)

上例便是一個簡單的function建制方法

再來要建制一個Listener

所謂的Listener 就是程式發生事件(Event)時會觸動

通常Event 在觸發時同時會傳送一個參數(event)，讓使用者可以了解

觸動Event Type 和 Event Target(觸發物件)

常用到的Event 有 Touch Event & Tap Event

Touch Event 包含四種

began
moved
ended
cancelled

首先找任一圖檔(這裡使用Icon.png)，在程式中加入以下程式碼

local object = display.newImage( "Icon.png" ) -- 產生圖片物件
object.id = "icon object" -- 給予物件id名稱

local function onObjectTouch( event )
    if event.phase == "began" then -- 當物件開始touch
        print( "Touch event began on: " .. event.target.id )
    elseif event.phase == "moved" then --當在物件上做移動時
        print( "Touch event moved on: " .. event.target.id )
        
    elseif event.phase == "ended" then --當物件結束 touch
        print( "Touch event ended on: " .. event.target.id )
    end
    
    return true
end
object:addEventListener( "touch", onObjectTouch ) -- 在這裡設touch 告訴系統要傾聽touch的event

執行結果如下

觸碰螢幕上圖片時會出現如右圖之文字

相較Touch Event，Tap Event 只有一種

local obj = display.newImage( "Icon.png" )

local function onObjectTap( event )
    print( event.name,event.numTaps ) --可判斷tap做了幾次，支援1 & 2
end

obj:addEventListener( "tap", onObjectTap )

點擊後出現print

以上就是簡單的Listener 實作方法

就Touch & Tap兩個Event 就能夠做出很豐富的操作介面嚕

來自小島

Corona App-Office Politics

2012-11-08T18:07:00.000-08:00

Office Politics是由The Little Drummer Boy

-兩位全職+三位Free time組成的新加坡的工作室使用Corona作開發

同時發佈有iOS & Android 版本

遊戲玩法為當員工背對你的時候，

點擊它的背部，成功點擊就會取得分數

若是未點擊，當員工轉身就會對你丟紙團

當然最後就是要挑戰討人厭的BOSS（老闆)

此遊戲是Free Game,

但是遊戲內有收費道具(in-App Purchase)

想了解Corona做出來的遊戲能做成什麼樣子可以參考此遊戲喔：）

來自小島

Corona Widget-Switch & Segmented control

2012-11-06T21:14:00.002-08:00

Widget 是corona 一個很重要的工具

它提供開發者簡易的使用客製UI

像是button,picker,scrollview,tableview,tabbar,slider等

欲知詳細情形可參考文件

在這裡要介紹的是Build 947後新增的兩個widget - Switch & Segmented Control

(請記得您的開發版本要是947版本以上才可以使用)

Switch Widget提供了以下三個種類

Segmented Control 示意如下

是不是很眼熟很常見呢：），沒錯，如果您是IOS使用者的話，這些元件一定多少都有見過，

目前Corona 針對IOS情境提供Widget(Android情境將會在之後發佈)

要使用widget的方法如下：

第一步

local widget = require( "widget" ) --必須先將library widget匯入

第二步

需要將CoronaSDK/SampleCode/Interface/WidgetDemo 資料夾中

theme_ios.lua 及widget_os資料夾copy到您的main project中

第三步

要設定widget的情境(設定為ios之情境)

widget.setTheme( "theme_ios" )

完成了前面三步就可以開始使用widget囉

Switch

在使用Switch之前，先定義一個Event Listener讓程式可以接收判斷Switch的狀態

local function onSwitchPress( event )
   local switch = event.target  --event.target references the switch object
   local response = switch.id.." is on: "..tostring( switch.isOn )
   print( response ) --印出ID及狀態，如下
   --My radio button widget is on: true 
   --My checkbox widget is on: true 
   --My on/off switch widget is on: true 
   switch.text:setText( tostring( switch.isOn ) ) --設置switch上方文字,此處需注意on/off switch不需要設置
end

再來撰寫三種switch的程式碼

local checkbox = widget.newSwitch
{
   left = 60,
   top = 230,
   style = "checkbox",
   id = "My checkbox widget",
   initialSwitchState = false,
   onPress = onSwitchPress
}

-- Text to show the on/off switch state
checkbox.text = display.newEmbossedText( tostring( checkbox.isOn ), 0, 0, native.systemFontBold, 18 )
checkbox.text.x = checkbox.x
checkbox.text.y = checkbox.y - checkbox.text.contentHeight

local radioButton = widget.newSwitch
{
   left = 150,
   top = 230,
   style = "radio",
   id = "My radio button widget",
   initialSwitchState = false,
   onPress = onSwitchPress
}

-- Text to show the on/off switch state
radioButton.text = display.newEmbossedText( tostring( radioButton.isOn ), 0, 0, native.systemFontBold, 18 )
radioButton.text.x = radioButton.x
radioButton.text.y = radioButton.y - radioButton.text.contentHeight

local onOffSwitch = widget.newSwitch
{
   left = 250,
   top = 230,
   id = "My on/off switch widget",
   initialSwitchState = true,
   onRelease = onSwitchPress
}

newSwitch各參數代表

left:widget距螢幕左方距離(pixel)
top:widget距螢幕上方距離(pixel)
style: radio/checkbox(default on/off switch)
id:widget ID,用來識別widget 身份
initialSwitchState:初始值，可以true/false,預設為false
onRelease/onPress:使用者觸壓時觸發Event

執行結果如下

Segmented Control

在使用Segmented Control 之前，同樣的需要一個EventListener

local function onControlPress( event )
   local target = event.target
   print( "Segment Label is:", target.segmentLabel ) --segmentLabel用來判斷點選的文字
   print( "Segment Number is:", target.segmentNumber ) --segmentNumber用來判斷點選的位置
end

再來建立Segmented Control 的widget

local segmentedControl = widget.newSegmentedControl
{
   left = 65,
   top = 110,
   segments = { "s1", "s2", "s3", "s4" },
   segmentWidth = 50,
   defaultSegment = 4,
   onPress = onControlPress
}

newSwitch各參數代表

left:widget距螢幕左方距離(pixel)
top:widget距螢幕上方距離(pixel)
segments:segments的陣列
segmentWidth:每個segment的寬度，預設為50 pixel
defaultSegment:初始選擇Segment位置
onRelease/onPress:使用者觸壓時觸發Event

執行結果如下

今天介紹的是很實用的widget呢

Corona在widget這塊未來將會釋放更多的元件讓大家使用，敬請期待吧

島民也會持續Follow最新的更新來告訴大家

最後，完整的程式碼如下

local widget = require( "widget" )
widget.setTheme( "theme_ios" )
display.newRect(0,0,display.contentWidth,display.contentHeight)
local function onSwitchPress( event )
   local switch = event.target  --event.target references the switch object
   local response = switch.id.." is on: "..tostring( switch.isOn )
   print( response )
   switch.text:setText( tostring( switch.isOn ) )
end

local checkbox = widget.newSwitch
{
   left = 60,
   top = 230,
   style = "checkbox",
   id = "My checkbox widget",
   initialSwitchState = false,
   onPress = onSwitchPress
}

-- Text to show the on/off switch state
checkbox.text = display.newEmbossedText( tostring( checkbox.isOn ), 0, 0, native.systemFontBold, 18 )
checkbox.text.x = checkbox.x
checkbox.text.y = checkbox.y - checkbox.text.contentHeight

local radioButton = widget.newSwitch
{
   left = 150,
   top = 230,
   style = "radio",
   id = "My radio button widget",
   initialSwitchState = false,
   onPress = onSwitchPress
}

-- Text to show the on/off switch state
radioButton.text = display.newEmbossedText( tostring( radioButton.isOn ), 0, 0, native.systemFontBold, 18 )
radioButton.text.x = radioButton.x
radioButton.text.y = radioButton.y - radioButton.text.contentHeight

local onOffSwitch = widget.newSwitch
{
   left = 250,
   top = 230,
   id = "My on/off switch widget",
   initialSwitchState = true,
   onRelease = onSwitchPress
}

local function onControlPress( event )
   local target = event.target
   print( "Segment Label is:", target.segmentLabel )
   print( "Segment Number is:", target.segmentNumber )
end
local segmentedControl = widget.newSegmentedControl
{
   left = 65,
   top = 110,
   segments = { "s1", "s2", "s3", "s4" },
   segmentWidth = 50,
   defaultSegment = 4,
   onPress = onControlPress
}

Corona SDK 介紹

2012-10-31T18:54:00.002-07:00

Corona SDK 是由兩位從Adobe離職的員工所創立的，

使用 Corona SDK所寫出的程式碼能夠同時在

Android,IOS,Nook,Kindle Fire 平台同時發佈

能夠確實的減少程式開發時間

小島正式接觸到Corona 是因為一則新聞

一位14歲的小朋友寫出了一個Bubble Ball的程式

您相信嗎？一位14歲的小朋友，沒有程式基礎

藉由Corona 也能寫出這樣一個富有創意性的APP

當時還打敗憤怒鳥成為下載排行第一名的APP呢

Corona 是使用Lua程式語言來做開發，

相對於Android(Java),iOS(Object-C)，

學起來是簡單又迅速的，小島有幾個朋友是沒有程式基礎的，

也在APP的領域裡用Corona打出了一片天下，

Corona擁有豐富的論壇資源

有許多員工會不時在論壇回應開發者所提出的問題

再加上具有迅速的開發及BUG 回報系統，也能夠在官網上看到最新的BUG處理狀況

幾乎每週都會有一版最新的SDK

和開發中進度的RoadMap

最強大的地方在擁有超過800個API可以使用

許多好用實用的API

如：
Facebook，相機控制，IAP(inner app purchase)，物理碰撞(physics)
GameCenter，資料庫...等

另外就是在開發期間所使用的開發版本（未付費版）

是沒有任何限制的！！！！

付費和未付費的差別在於付費後才能夠將APP裝在手機上做測試

其它功能都是一樣的，這對於初次學習並且在觀望的使用者來說很重要

相較於許多程式有30天，60天的試用期，往往還沒開發完成試用期就到了

Corona讓您能夠確實的開發完成後，要準備發佈至App Store 時再付費即可

台灣目前在使用Corona SDK的朋友還在少數

但巿面上 Corona 所做出來的APP 下載數量已經超過十億人次

喜歡的話，一起來研究Corona吧，也歡迎在這裡留下意見和問題喔！

新手入門Corona Part1-圖片

2012-10-31T08:59:00.001-07:00

在前一篇有提到Corona的學習曲線

其實是能夠很迅速的學會使用Corona

如果每個人都可以寫自已的APP

然後放在Android & App Store 好不好！？

如果技術不是問題，平台不是瓶頸好不好！？

如果您要寫的是APP GAME & BUSINESS APP

那麼跟著小島一步一步來

哪怕您不錯寫過程式，在這裡，學過有加分

沒學過更努力，小島會一點一滴的告訴您如何去寫出一個APP

Corona 是使用LUA語言，它相對Java & Object C來說不是那麼嚴謹

學習同樣難度也降低不少，也許它本來就是設計給不會寫程式也能夠很快理解的朋友

在這裡今天要教的是

1.如何隱藏手機狀態列？

大家在測試的時候，記得把程式碼放在main.lua中，main.lua 是執行時的程式進入點
要有這個檔才能夠執行模擬器喔

display.setStatusBar(display.HiddenStatusBar) --隱藏狀態列

-- 預設狀態列是沒有隱藏的，可以用display.statusBarHeight 取得高度
local sb_height = display.statusBarHeight

預設的statusBar

設取hiddenstatusBar

2.如何設置背景，上一個畫面是如何把圖片放到手機

首先要把圖片放在project 的根目錄裡

再加上這行就會把檔名為"shine.png的圖片load 進來並取得圖片object 給background

local background = display.newImage( "shine.png" )

3.取得圖片後，我們可以對它做一些屬性的修改
像是改變圖片的位置

background.x = 20 --改變圖片x座標
background.y = 200 --改變圖片y座標

x=20,y=200是以圖片中心點來看喔

讓圖片消失

background.isVisible = false -- 讓圖片消失
background.isVisible = true --讓圖片出現

移除圖片

background:removeSelf() --將自已移除
background = nil --加上這行讓系統釋放記憶體，是個好習慣喔

學到這裡，您已經能夠具備把圖片放在手機裡的能力了，很多進階的應用都是從這裡開始的。
下回教大家再進階一點的圖片處理

來自小島

Corona使用自訂字型

2012-10-29T05:56:00.002-07:00

APP在開發的時候，

通常會使用Device 的預設字型

native.systemFont

來顯示中英文

display.newText( "一二三四五六七八九ㄅㄆㄇㄈㄉㄊㄎㄋㄏ，嗨你好", 0, 100,320,480,native.systemFont,40)

在識別度上是完全沒有問題的，

只是....好像太normal了？

這樣不就跟大家的字型都一樣了嗎？

也許大部份的開發者都是使用預設字型。。。

但....ㄟ....好像沒什麼美感！！！

我好好的一個遊戲APP，用了一個這樣沒有美感的字體...好像很扣分

又不想要每個字都作成PNG圖檔

再用

display.newImage()...來嵌入，怎麼辦？（光做0~9就快自殺了)

如果你剛好有找到喜歡的字型，有字型檔

其實把字型檔放到corona的project root底下

接著做下面這個步驟的設定

將這段文字加在build.setting中

找出plist後，修改如下

plist = {
    UIAppFonts = 
    {
        "AdobeFanHeitiStd-Bold.otf"  --字體檔名
    },
}

接下來要找出匯入的字型的名字

怎麼找呢？

在main.lua中

加上這段程式碼

local sysFonts = native.getFontNames()

for k,v in pairs(sysFonts) do print(v) end

執行後就會在console中print出一堆系統支援的字型

找到我們要的字體後（有出現代表匯入成功）

我們就可以使用了

再來同樣的字我們再跑一次

display.newText( "一二三四五六七八九ㄅㄆㄇㄈㄉㄊㄎㄋㄏ，嗨你好", 0, 100,320,480,"AdobeFanHeitiStd-Bold",40)

原始字型

新增字型

此時跑出來的結果，就變成我們要的字體

其實這樣就省了很多工了，也可以讓APP能夠用更適合的字型囉：D

是不是看起來更舒服呢

來自小島

Corona學習效果

2012-10-27T21:13:00.002-07:00

在台灣這塊土地上

APP開發者說多不多說少不少

大部份在為公司行號工作者

使用的多是原生語言

如 Object-C (IOS)

or Java (Android)

若是有能力也能夠使用原生語言是最好不過的

優勢如下：

能夠使用native library

光是能夠使用google & apple 所提供的library

便能夠增加很多很酷炫的功能

尤其在作業系統改版後新增的功能

絕對能讓各位開發者走在時代的尖端

如果要發佈兩個版本

等於是要搞定兩個程式語言和兩個APP擁有同樣的功能

今天 IOS出了很炫的PASSBOOK

那android呢？可以在Android 上使用Passbook嗎？

The answer is NO...

所以當規劃要出iOS and Android together 時

就要先避開獨家功能

然後還要讓兩邊畫面一模一樣

GOOD，對接案子的軟體公司來說

報價是*2的

ios報100萬android報100萬

聽起來滿好賺的是吧？

這是針對大公司的團隊

若您只是一個獨立開發者呢？

當您花了很多時間在做開發之後

您會希望跨平台還是單純在IOS or Android 單一平台被看見？

答案也很明顯

小弟學習Corona 的年資約為一年半，不敢說是前輩，

只是搜集資料和整合的能力尚可

最近遇到了一些朋友想學寫APP

我分析了箇中利弊後，最後選擇了試著教他們寫Corona

如果學習曲線能夠以時間來衡量

那學Java & Object-C要寫出一支計算機要多久？（針對無基礎的人來說）

學Lua(Corona)寫出一支計算機要多久？

從安裝到TOOL到基本語法教學到設立文字和Button在手機上

大概5個小時，之後在旁邊指導

真的寫出了一個簡單的計算機

雖然不是很漂亮

但也是很棒的一個“HELLO WORLD” 不是嗎

我想，有朝一日，這位朋友很快就能有自已的APP了：）（事實上也已經有了自已的IDEA）

來自小島

開站

2012-09-06T21:10:00.003-07:00

這是個有關智慧型手機開發

Corona相關訊息的平台

主要是寫下小弟開發心得

也秉持著 凡走過必留下痕跡 的想法

這些心得回頭來看

也許也能給同樣的開發者一些幫助