天天看点

libgdx游戏引擎开发笔记(十)SuperJumper游戏例子的讲解(篇四)---- 主游戏界面内部框架编写

上一讲,我们已经实现了点击play进入游戏界面但仅仅是个黑屏

<a target="_blank" href="http://blog.51cto.com/attachment/201308/130858313.png"></a>

 今天,我们就试着编写代码让它出现游戏的一些简单场景。还是在上一讲的代码基础上,我们创建两个类:World 和 WorldRenderer 

1.Word类:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

<code>package</code> <code>com.zhf.mylibgdx;</code>

<code>/**</code>

<code> </code><code>* 统一管理世界中各个部分</code>

<code> </code><code>* @author ZHF</code>

<code> </code><code>*</code>

<code> </code><code>*/</code>

<code>public</code> <code>class</code> <code>World {</code>

<code>    </code><code>/**世界监听器接口**/</code>

<code>    </code><code>public</code> <code>interface</code> <code>WorldListener {</code>

<code>        </code><code>//跳跃</code>

<code>        </code><code>public</code> <code>void</code> <code>jump ();</code>

<code>        </code><code>//高跳</code>

<code>        </code><code>public</code> <code>void</code> <code>highJump ();</code>

<code>        </code><code>//碰撞</code>

<code>        </code><code>public</code> <code>void</code> <code>hit ();</code>

<code>        </code><code>//收集金币</code>

<code>        </code><code>public</code> <code>void</code> <code>coin ();</code>

<code>    </code><code>}</code>

<code>                                                                                                                                                                                                                                                                                 </code> 

<code>    </code><code>//宽和高</code>

<code>    </code><code>public</code> <code>static</code> <code>final</code> <code>float</code> <code>WORLD_WIDTH = </code><code>10</code><code>;</code>

<code>    </code><code>public</code> <code>static</code> <code>final</code> <code>float</code> <code>WORLD_HEIGHT = </code><code>15</code> <code>* </code><code>20</code><code>;</code>

<code>    </code><code>//状态</code>

<code>    </code><code>public</code> <code>static</code> <code>final</code> <code>int</code> <code>WORLD_STATE_RUNNING = </code><code>0</code><code>;  </code><code>//运行</code>

<code>    </code><code>public</code> <code>static</code> <code>final</code> <code>int</code> <code>WORLD_STATE_NEXT_LEVEL = </code><code>1</code><code>;  </code><code>//下一关</code>

<code>    </code><code>public</code> <code>static</code> <code>final</code> <code>int</code> <code>WORLD_STATE_GAME_OVER = </code><code>2</code><code>;  </code><code>//游戏结束</code>

<code>    </code><code>//世界监听器</code>

<code>    </code><code>public</code>  <code>WorldListener listener;</code>

<code>    </code><code>public</code> <code>World(WorldListener listener) {</code>

<code>        </code><code>this</code><code>.listener = listener;</code>

<code>}</code>

2.WorldRenderer类:

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

<code>import</code> <code>com.badlogic.gdx.graphics.OrthographicCamera;</code>

<code>import</code> <code>com.badlogic.gdx.graphics.g2d.SpriteBatch;</code>

<code>import</code> <code>com.badlogic.gdx.graphics.g2d.TextureRegion;</code>

<code> </code><code>* 用来把每个对象关联相应的图片资源,同时控制相机,实现动画。</code>

<code>public</code> <code>class</code> <code>WorldRenderer {</code>

<code>    </code><code>static</code> <code>final</code> <code>float</code> <code>FRUSTUM_WIDTH = </code><code>10</code><code>;</code>

<code>    </code><code>static</code> <code>final</code> <code>float</code> <code>FRUSTUM_HEIGHT = </code><code>15</code><code>;</code>

<code>                                                                                                                                                                                                                                                                      </code> 

<code>    </code><code>World world;  </code><code>//世界</code>

<code>    </code><code>OrthographicCamera cam;  </code><code>//相机</code>

<code>    </code><code>SpriteBatch batch;  </code><code>//用于绘画</code>

<code>    </code><code>TextureRegion background;  </code><code>//背景图片</code>

<code>    </code><code>public</code> <code>WorldRenderer(SpriteBatch batch, World world) {</code>

<code>        </code><code>this</code><code>.world = world;</code>

<code>        </code><code>//OrthographicCamera 被定义成 宽度为10,高度为15,同样的也把相机对准中心点。</code>

<code>        </code><code>this</code><code>.cam = </code><code>new</code> <code>OrthographicCamera(FRUSTUM_WIDTH, FRUSTUM_HEIGHT);</code>

<code>        </code><code>//它指定了和屏幕一样大小的 OrthographicCamera ,并把相机对准屏幕的中心。</code>

<code>        </code><code>this</code><code>.cam.position.set(FRUSTUM_WIDTH / </code><code>2</code><code>, FRUSTUM_HEIGHT / </code><code>2</code><code>, </code><code>0</code><code>);</code>

<code>        </code><code>this</code><code>.batch = batch;</code>

<code>    </code><code>/**渲染**/</code>

<code>    </code><code>public</code> <code>void</code> <code>render () {</code>

<code>        </code><code>cam.update();</code>

<code>        </code><code>//它的作用都是通过把映射矩阵绑定给SpritBatch,告诉SpritBatch怎么去绘制图形</code>

<code>        </code><code>batch.setProjectionMatrix(cam.combined);</code>

<code>        </code><code>//渲染背景</code>

<code>        </code><code>renderBackground();</code>

<code>        </code><code>//渲染游戏中各种元素(Bob,跳板,松鼠,弹簧。。)下一讲中会具体讲到</code>

<code>//      renderObjects();</code>

<code>    </code><code>/**渲染背景**/</code>

<code>    </code><code>public</code> <code>void</code> <code>renderBackground () {</code>

<code>        </code><code>batch.disableBlending();</code>

<code>        </code><code>batch.begin();</code>

<code>        </code><code>//绘制背景</code>

<code>        </code><code>batch.draw(Assets.backgroundRegion, cam.position.x - FRUSTUM_WIDTH / </code><code>2</code><code>, cam.position.y - FRUSTUM_HEIGHT / </code><code>2</code><code>, FRUSTUM_WIDTH,</code>

<code>            </code><code>FRUSTUM_HEIGHT);</code>

<code>        </code><code>batch.end();</code>

   接下来,就是在GameScreen中调用这两个类,完成框架的连接搭建。

声明:

<code>//游戏场景</code>

<code>World world;</code>

<code>WorldRenderer renderer;</code>

<code>WorldListener worldListener;</code>

实例化:

<code>//实例化场景</code>

<code>        </code><code>worldListener = </code><code>new</code> <code>WorldListener() {</code>

<code>            </code><code>@Override</code>

<code>            </code><code>public</code> <code>void</code> <code>jump () {</code>

<code>//              Assets.playSound(Assets.jumpSound);</code>

<code>            </code><code>}</code>

<code>            </code><code>public</code> <code>void</code> <code>highJump () {</code>

<code>//              Assets.playSound(Assets.highJumpSound);</code>

<code>            </code><code>public</code> <code>void</code> <code>hit () {</code>

<code>//              Assets.playSound(Assets.hitSound);</code>

<code>            </code><code>public</code> <code>void</code> <code>coin () {</code>

<code>//              Assets.playSound(Assets.coinSound);</code>

<code>        </code><code>};</code>

<code>        </code><code>world = </code><code>new</code> <code>World(worldListener);</code>

<code>        </code><code>renderer = </code><code>new</code> <code>WorldRenderer(batcher, world);</code>

调用:在GameScreen的draw()方法中调用

<code>//绘制游戏主场景</code>

<code>renderer.render();</code>

运行一下代码,发现我们的黑屏没有了!

    这里我需要再啰嗦几句,相机的掌握是比较抽象的,WorldRenderer 中 OrthographicCamera的定义就的得先说说游戏是怎么进行的:为什么要把 WorldRender中的OrthographicCamera  定义10 *15,实际上就是把屏幕320*480 映射成每个单位为32像素。这是因为游戏中的素材基本都是基于32像素为单位构建,同时屏幕的分辨率也可以被分解成以32像素为单位。

游戏中,我们的主角Bob会不断进行跳跃,但是他的最高点始终不会超过屏幕的中点,他停留在最高点的过程中会通过移动所有的物体来造成他看上去好像在往上跳,实际上他一直停留在屏幕中点的高度。同时,我们需要为每一关定义一个长度,也就是,需要‘跳’多高才能到达城堡,顺利通关。并且要准备好整一关的过程中,哪里应该出现什么物体,然后根据Bob到达的高度不停的切换这些物体。

想象一下有一段被垂直放置的胶卷,这就是我们的一个关卡,也就是一个World,它准备好了一个关卡的长度,并且设置好了所有的物体。而我们的Bob和WorldRender中的OrthographicCamera 一开始被放置在胶卷的底部,Bob开始不断的跳跃,当超过屏幕中点的高度时则OrthographicCamera 会被往上移动,并且所有进入OrthographicCamera 的物体都会被绘制。直到到达最高点,或Bob死亡。

所以 WorldRender中的OrthographicCamera 被设置成 10 *15 。

并且而在World类中,定义了两个变量:

   public static final float WORLD_WIDTH = 10;

   public static final float WORLD_HEIGHT = 15 * 20;

同样的关卡的宽带也被定义为10个单位,与WorldRender中的一致(因为我们不需要在X方向进行移动);而高度定义成15*20 这就是一关的长度,也就是Bob要'跳'的高度。

从上面的分析可以得出,分别设置两个不同 OrthographicCamera  ,就是因为不同场景的需求。并且 在WorldRender中的OrthographicCamera 其实也可以被设置成 320*480 只是为了简便,才把单位设为32像素变成 10*15。 所以不管是哪个OrthographicCamera它提供的只是一个映射信息,而这个映射的信息真正的使用者是SpriteBatch,它会根据映射信息的不同来决定究竟要把图片绘制在什么位置上,以及该不该绘制这些元素。

   即使GameScreen和WorldRender使用的是同一个SpriteBatch,只要在恰当的时候绑定相应的投影矩阵,两者是互不影响的。

    后面说了好多,全是文字,大家先理解着,在下一讲中我们将加入各种对象:Bob、跳板,弹簧、松鼠、金币、城堡,以及源码是如何定义他们的。

<b>     本文转自zhf651555765 51CTO博客,原文链接:http://blog.51cto.com/smallwoniu/1263323</b><b>,如需转载请自行联系原作者</b>

继续阅读