Create a Brick Breaker Game with the Corona SDK: Application Setup
原创文章，转载请注明： 转载自All-iPad.net 本文链接地址: Create a Brick Breaker Game with the Corona SDK: Application Setup
这是系列教程的第一部分，完整内容点击下页的链接：
- Create a Brick Breaker Game with the Corona SDK: Application Setup
- Create a Brick Breaker Game with the Corona SDK: Game Controls
- Create a Brick Breaker Game with the Corona SDK: Collision Detection
在这个系列教程中，我们将使用Corona SDK创建一个Brick Breaker游戏，这个游戏的目标很简单，你需要控制一个木板，像打乒乓球一样控制球来将对面的砖块都打掉。
好吧，让我们开始吧。
Step 1: Application Overview
再次介绍一下游戏规则，你需要将所有砖块都打掉，同时不能让球掉下来。如果达成目标，游戏将会进入下一关，否则游戏就结束。
Step 2: Target Device
首先我们需要确定游戏最终发布到的平台，这样我们才能根据目标平台制作合适大小的图片。
ios平台下有三种格式：iPad, iPhone3/iTouch2以及iPhone4，分别对应1024*768，320*480，640*960的分辨率。
Android的情况要复杂一些，因为各个手机制造厂商的标准都不统一，对于较大的屏幕来说就有480*800和480*854两种大小，其他小屏幕也一样不统一，Pad的大小更加不确定。
在这个教程中，我们将只关注于iPhone/iTouch平台，但是Corona SDK本身是跨平台的，制作的app可以很容易移植到Android平台以及ios的其他分辨率下。
Step 3: Interface
如上所示，界面包括多个不同的形状，按钮以及背景图片等资源，可以在这里下载。
Step 4: Export Graphics
根据你要发布的平台将图片缩放到合适的尺寸并保存。
Step 5: Main.lua
好了，要开始写代码了。
使用你最喜欢的文本编辑器，当然，如果能够支持Lua语法高亮那就更好了。注意，项目必须要有一个Main.lua文件，先从这个开始吧。
Step 6: Code Structure
我们会按下面描述的方式来组织我们的代码结构：
Necesary Classes
|
Variables and Constants
|
Declare Functions
|
contructor (Main function)
|
class methods (other functions)
|
call Main function
|
Step 7: Hide Status Bar
display.setStatusBar(display.HiddenStatusBar)
|
使用这段代码即可隐藏屏幕顶部的状态栏。
Step 8: Load Physics Engine
Corona SDK集成了Box2D物理引擎，可以使用下面的代码来将物理引擎集成到项目中。
--Physics Engine
local physics = require 'physics'
physics.start()
physics.setGravity(0, 0) -- Set gravity to 0 as we won't be needing it
|
Step 9: Game Variables & Constants
下面定义了一些基本变量以及常量，可以通过代码注释来了解它们的作用。
|
8
9
10
11
12
13
14
15
16
17
18
19
20
|
local BRICK_W = 41 --brick width
local BRICK_H = 21 --brick height
local OFFSET = 23 --an offset used to center the bricks
local W_LEN = 8 --the length of the levels, only 8 horizontal bricks should be created on stage
local SCORE_CONST = 100 --the amount to add to the score when a brick is hit
local score = 0 --stores the current score
local bricks = display.newGroup() --holds all the level bricks
local xSpeed = 5
local ySpeed = -5
local xDir = 1 -- x direction
local yDir = 1
local gameEvent = '' --stores game events (win, lose, finished)
local currentLevel = 1
|
Step 10: Menu Screen
这就是游戏的主界面，也是游戏中出现的第一个界面。下面定义的这几个变量用于保存背景图片和菜单界面的组件。
|
22
23
24
25
26
|
local background = display.newImage('bg.png')
local menuScreen
local mScreen
local startB
local aboutB
|
Step 11: About Screen
这个界面用于显示作者以及版权信息，使用下面这个变量来保存该视图信息
|
28
|
local aboutScreen
|
Step 12: Game Screen
这是游戏界面，当玩家按下start按钮的时候创建。
|
30
31
32
|
local paddle
local brick
local ball
|
Step 13: Score & Level Text
下面几个变量用于保存当前关卡和分数
|
34
35
36
37
|
local scoreText
local scoreNum
local levelText
local levelNum
|
Step 14: Alert Screen
用于显示玩家胜利或者失败。
|
39
40
41
42
43
|
local alertScreen
local alertBg
local box
local titleTF
local msgTF
|
Step 15: Levels
我们使用Lua table来保存关卡数据
|
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
local levels = {}
levels[1] = {{0,0,0,0,0,0,0,0},
{0,0,0,0,0,0,0,0},
{0,0,0,1,1,0,0,0},
{0,0,0,1,1,0,0,0},
{0,1,1,1,1,1,1,0},
{0,1,1,1,1,1,1,0},
{0,0,0,1,1,0,0,0},
{0,0,0,1,1,0,0,0},
{0,0,0,0,0,0,0,0},}
levels[2] = {{0,0,0,0,0,0,0,0},
{0,0,0,1,1,0,0,0},
{0,0,1,0,0,1,0,0},
{0,0,0,0,0,1,0,0},
{0,0,0,0,1,0,0,0},
{0,0,0,1,0,0,0,0},
{0,0,1,0,0,0,0,0},
{0,0,1,1,1,1,0,0},}
levels[3] = {{0,0,0,0,0,0,0,0},
{0,0,0,0,0,0,0,0},
{0,0,0,1,1,0,0,0},
{0,1,0,0,0,0,1,0},
{0,1,1,1,1,1,1,0},
{0,1,0,1,1,0,1,0},
{0,0,0,0,0,0,0,0},
{0,0,0,1,1,0,0,0},
{0,0,0,0,0,0,0,0},}
levels[4] = {{0,0,0,0,0,0,0,0},
{0,0,0,0,0,0,0,0},
{1,1,1,1,1,1,1,1},
{1,0,0,0,0,0,0,1},
{1,0,0,0,0,0,0,1},
{1,0,0,0,0,0,0,1},
{1,0,0,0,0,0,0,1},
{1,0,0,0,0,0,0,1},
{1,1,1,1,1,1,1,1},}
|
在上面的表格中，1表示该位置有一个砖块，0表示没有。后面的程序会读取这个表格并生成对应的关卡。
Next Time. . .
在接下来的两节里，我们将添加与界面交互以及碰撞检测的代码。
原文地址: http://mobile.tutsplus.com/tutorials/corona/corona-sdk_brick-breaker/
原创文章，转载请注明： 转载自All-iPad.net
本文链接地址: Create a Brick Breaker Game with the Corona SDK: Application Setup