corona sdk游戏开发实例(一)：创建用户界面

《corona sdk游戏开发实例(一)：创建用户界面》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CoronaSDK游戏开发实例（一）：创建用户界面步骤一:应用程序概述在Lua与CoronaSDKAPI的帮助下，我们将利用预先准备好的图像素材制作出一款有趣的小游戏。玩家需要利用设备自身配备的陀螺仪操控小球避开障碍物，并最终到达目的地。大家可以通过修改游戏参数对内容进行自定义。步骤二:目标开发平台首先，我们要选择应用程序作品所依托的运行平台，确定了这一点后我们才能选择与设备相匹配的图像显示尺寸。iOS系统平台具体参数如下：iPad:1024x768分辨率,132ppiiPhone/iPodTouch:320x480分辨率,163ppiiPhone4:960x640分辨率,326ppi由于A

2、ndroid平台的开放特性，我们需要面对各种各样不同参数的设备及分辨率。这里我们选择几款人气产品作为主要参考对象：谷歌NexusOne:480x800分辨率,254ppi摩托罗拉DroidX:854x480分辨率,228ppiHTCEvo:480x800分辨率,217ppi在这篇指南文章中，我们主要以iOS平台——尤其是iPhone/iPod为基准进行图像设计工作。不过下文中所使用的代码理论上也同样适用于Android系统上的CoronaSDK开发。步骤三:用户界面一款简洁而友好的用户界面会帮助我们的应用作品顺利打开市场，而在指南针应用中，用户界面的构成元素主要有背景图案及指针图形。本指南中

3、所涉及的一切界面图形资源都汇总在压缩包内，大家可以点击以下链接获取并使用。下载链接：https://mobiletuts.s3.amazonaws.com/Corona-SDK_Compass/source.zip步骤四:导出图像根据大家所选择的设备平台，我们需要将图像资源以合适的PPI及尺寸进行导出。这项工作非常简单，任何一款主流图像编辑工具都能实现，大家根据自己的习惯处理即可。我个人使用AdjustSize，这是一款MacOSX系统自带的图像预览应用。导出完成后，请记得给文件起一个清晰准确的名称，并保存在项目文件夹当中。步骤五:声音为了给玩家带来更愉悦的游戏体验，我们需要为事件设定各种音

4、效。在本实例中涉及到的各种音效资源都能够在Soungle.com网站中找到，搜索关键字“bell”及“buzz”即可。步骤六:应用程序配置首先创建一个外部文件config.lua，它的作用是保证应用程序在设备上以全屏方式运行。这个文件中会明确出现应用程序的原始分辨率，并提供一套缩放方案，保证应用能够在各种不同设备的独特分辨率下正确显示。1application=2{3content=4{5width=320,6height=480,7scale="letterbox"8},9}步骤七:Main.lua好，准备工作就绪，现在我们开始编写应用！打开大家最喜爱的Lua编辑器（任何一款文本编辑工具都

5、能胜任，不过并不是每种都支持Lua语法高亮显示功能），准备着手编写满载自己汗水的应用吧！请记住，一定把文件保存在项目文件夹中，并命名为Main.lua。步骤八:代码结构我们要将代码以类的形式进行结构整理。如果大家熟悉ActionScript或者Java，肯定会发现我所推荐的这套结构基本上符合二者的构造特点。10NecessaryClasses11VariablesandConstants12DeclareFunctions13contructor(Mainfunction)14classmethods(otherfunctions)15callMainfunction步骤九:隐藏状态栏16d

6、isplay.setStatusBar(display.HiddenStatusBar)这条代码的作用是隐藏状态栏。状态栏在任何一款移动系统平台上都会出现，一般位于屏幕上方，主要显示时间、信号强度等提示信息。步骤十:导入物理引擎要还原真实的碰撞反应，我们需要在应用中使用物理效果库，通过以下代码将库导入程序：17localphysics=require('physics')18physics.start()19physics.setGravity(0,0)步骤十一:游戏背景图案既然是练手用的小作品，我们就姑且使用上面这幅图片作为背景图案。以下几行代码用于将图片引入应用程序。20--Graphi

7、cs21--[Background]22localbg=display.newImage('bg.png')步骤十二:标题视图上图所示即为标题视图，它是我们进入游戏后所面对的第一个互动界面，按照下列变量将内容设定并保存。23--[TitleView]24localtitleBg25localplayBtn26localcreditsBtn27localtitleView步骤十三:制作人员视图上图所示为开发者姓