2016年12月2日 星期五

[CORONA SDK] 第一個Corona 小程式


CORONA SDK是一個跨平台的開發工具,可以把寫好的程式編譯成Android或是iOS。



以下是Cornona

Corona SDK is a cross-platform framework that empowers developers to create 2D games and apps for mobile, TV, and desktop. It’s designed to enable super-fast development – up to 10x faster than other platforms. Adding sophisticated features is easy using our elegant Lua-based APIs. A streamlined workflow lets you see your changes instantly. Monetization is built in with Corona Ads. And you can publish to all major platforms from a single code base


首先你必須到官網下載SDK,必須申請一個帳號(不用綁任何信用卡資訊)



以帳號登入之後選擇Download Corona SDK ,MacOS版本大約100MB,

裡面包函SDK以及模擬器,它沒有內建任何的IDE,你可以直接使用現成的文字編輯器,

或是像Atom,Vistual  Studio Code之類的軟體來輔助開發。






























安裝完後,第一次需要輸入帳密,就用剛才下載時登入的那組即可。







































接著就會進到主畫面,按下New Project來動手做一個APP



























開啟SDK後,還會出現一個Console,暫時不用理它沒關係



先照預設建立一個MyAPP






























選擇一個地方放置專案的檔案,按下Create


























專案建立完成,可以選擇用編輯器開啟,我是用Atom














開啟編輯器的畫面是main.lua ,Corona SDK採用的是lua語言,Lua是一種輕量語言,

它的官方版本只包括一個精簡的核心和最基本的庫。這使得Lua體積小、啟動速度快。

有關Lua語言介紹,可以參考這篇WiKi  。

此時模擬器也己經準備好了











































我們來做一個按鈕,按下之後可以顯示按了多少下,程式碼如下

-----------------------------------------------------------------------------------------
--
-- main.lua
--
-----------------------------------------------------------------------------------------

-- 取用預設備景圖片
local background = display.newImage("Default-568h@2x.png")
-- 取得背景正中英的座標
background.x = display.contentCenterX

background.y = display.contentCenterY


-- 計數器歸零
x = 0
-- 定義一個widget
local widget = require("widget")
-- 定義一個物件txtTile 並設定要顯示的文字
local txtTitle = display.newText("My First Corona SDK APP", 0, 0, native.systemFont, 18)
-- 定義一個物件叫txtShow
local txtShow
-- 定義txtShow位置
txtTitle.x = display.contentCenterX

txtTitle.y = display.contentY
-- 定義txtTitle字體頻色
txtTitle:setFillColor(1, 110/255, 110/255)

-- 定義按鋌事件
local function handleButtonEvent(event)

 if ("began" == event.phase) then

  display.remove(txtShow)

  x = x + 1

  --print("你己經按了 ".. x .. " 次")

  txtShow = display.newText("你己經按了 ".. x .. " 次", display.contentCenterX, 400, native.systemFont, 18)

 end

end

-- 定義一個按鋌
local btnEnter = widget.newButton {

 x = display.contentCenterX,

 y = display.contentCenterY,

 labelColor = { default = {1, 1, 1}, over = {0, 0, 0, 0.5} },

 label = "按我",

 fontSize = "30",

 onEvent = handleButtonEvent,

}

儲存文字檔後,模擬器會跳出提示,選擇Relaunch Simulator


















此時會看到模擬器畫面顯示出東西了









































接下來我們點幾下按我看看,會出現計算按了幾下。










































參考來源:

高雄資訊程群學社團


https://coronalabs.com/corona-sdk/

沒有留言:

張貼留言