Corona SDK游戏开发实例(三):处理retina显示屏

移动开发 Android iOS 游戏开发
在OpenGL,OpenAL,Box2D和Lua顶层被创建,Corona让您可以开发,使用本地iOS特性原生速度运行的游戏,如多点触控,GPS,加速度计,陀螺仪,摄像头,谷歌地图,WebKit,以及软键盘。

今天,我将开始使用新的工具开发iPhone游戏:Corona SDK

在OpenGL,OpenAL,Box2D和Lua顶层被创建,Corona让您可以开发,使用本地IOS特性原生速度运行的游戏,如多点触控,GPS,加速度计,陀螺仪,摄像头,谷歌地图,WebKit,以及软键盘。

corona.jpg

此外,Corona支持超大量的API,这将让您为您的游戏添加很多有趣的功能,如广告,虚拟货币,数据库等。

在第一步,我会尽力将我的老Flash游戏Red Flowers 移植到iPhone,将处理iPhone 4的retina显示模式。

我们会处理两个不同屏幕尺寸:320 ×480和640× 960。所以,首先要做的就是设计了两个不同的初始页面,一个正常的和一个retina增强的iPhone模式。

twosizes.jpg

在左侧,480 × 320为正常的iPhone上初始视图,在右侧,960 × 640高清retina显示屏初始视图。

我把他们保存在一个文件夹,称他们分别splash.png和splash_hd.png。

请注意,高清图像和正常图像的名称相同,除了_hd后缀。

现在,最基本的Corona项目有三个文件:build.settings其中包括duild-time属性, config.lua包含运行时属性, main.lua这是主文件本身。

正如你可以看到Lua扩展名,Corona  SDK使用的Lua编程语言。可能你已经遇到过它,当玩魔兽世界的宏和接口时。无论如何,这并不难,和AS3也没那么不同。

让我们来看看build.settings文件:

  1. settings =
  2. {
  3.         orientation =
  4.         {
  5.                 default = "landscapeRight",
  6.         },
  7. }

在这里,我只是设置景观的方向,因为这游戏就是横向模式播放。

这是config.lua文件:

  1. application =
  2. {
  3.         content =
  4.         {
  5.                 width = 320,
  6.                 height = 480,
  7.                 scale = "letterbox",
  8.                 imageSuffix =
  9.                 {
  10.                         ["_hd"] = 2,
  11.                 },
  12.         },
  13. }

另一种简单而直观的的设置:我定义了游戏的高度和宽度,并设置缩放模式为“letterbox”。

这些都是可能的动态缩放设置:

* none - 关闭动态内容缩放

* letterbox - 尽可能均匀缩放内容,同时仍然在屏幕上显示的所有内容。这是类似的非宽屏电视机上观看宽屏DVD,你可以使用台下内容填充溢出区域,而不是显示黑边。

* zoomEven – 均匀缩放以填补屏幕,同时保持长宽比。新的屏幕如果有不同的宽高比,有些内容可能会出现屏幕外。

* zoomStretch - 内容非均匀扩展到填满整个屏幕。所有内容将保持在屏幕上,但它可能会纵向或横向拉长。

然后,当图像需要乘以2以匹配设备的分辨率,我们定义imageSuffix要使用的后缀。你还记得_hd后缀我们添加到我们的高清初始视图吗?就是它。

最后,让我们写代码main.lua:

  1. display.setStatusBar(display.HiddenStatusBar)
  2. local bg = display.newImageRect("splash.png",480,320)
  3. bg.x = bg.contentWidth/2
  4. bg.y = bg.contentHeight/2

第1行:隐藏状态栏

第2行:定义一个变量bg,分配给它的分辨率低初始屏幕的路径,跟着是大小。这时图像会自动显示,它的起始(中心)与设备的左上顶角对齐。

第3行:根据它的宽度,初始视图水平中心对齐

第4行:对高度做同样的事情。

请注意X和Y属性工作方式同AS3,而contentWidth和contentHeight像AS3的宽度和高度的作用。

一旦所有的文件都保存在同一文件夹,就到了运行在iPhone和iPhone4模式模拟器的时候。

simulator.jpg

最后,我们有了我们的初始视图并起作用。下一次,我会添加交互。

责任编辑:佚名 来源: 9ria
相关推荐

2012-08-09 08:49:30

CoronaCorona SDKCorona SDK游

2012-04-20 12:57:21

iOS

2012-08-10 09:22:38

CoronaCorona SDKCorona SDK游

2012-02-13 10:28:25

iPad 3Retina

2012-04-23 22:56:31

新iPad

2012-02-08 10:19:50

苹果iPhoneRetina

2012-12-13 09:20:55

Corona 2.0Corona SDK下

2013-04-27 16:14:33

Corona

2022-08-12 19:07:58

电源管理子系统鸿蒙

2012-12-13 10:55:25

CoronaCorona SDK

2012-06-14 10:57:59

Chrome视网膜显示屏

2018-03-29 14:32:11

显示屏印刷OLED

2021-03-11 15:39:46

人工智能机器学习技术

2012-08-22 14:39:11

电视手机显示屏

2011-07-18 13:20:38

视网膜显示屏优化

2013-05-22 10:55:34

移动3D显示屏智能手机

2011-07-08 14:04:40

LuaCorona

2013-08-01 14:03:49

JavaScript

2018-11-01 16:58:56

苹果iPad ProMacBook Air

2012-05-17 09:07:45

iPhone苹果
点赞
收藏

51CTO技术栈公众号