首页 > 代码库 > quick-cocos2d-x教程9:实例之加上背景图片

quick-cocos2d-x教程9:实例之加上背景图片

在梳理完quick-cocos2d-x框架的各个文件夹后,我们開始我们的实例教程,在helloworld后面。加上一张图片,lua编辑器,我用的lua editor。还不错。

  • 我们首先还是參照教程。创建一个game01。命令:create_project -p com.cocos2dlua.game01 -r landscape,这次命令,我加了一个-r。设置为横向的屏幕
  • 用quickplayer 打开game01, 显示helloworld,正常。

  • 然后把game01\scripts文件夹下的config.lua打开。找到:
  • -- design resolution
    CONFIG_SCREEN_WIDTH  = 960
    CONFIG_SCREEN_HEIGHT = 640 
  • 将960改成1136,由于我们将用iphone5s測试,所以是1136*640
  • 找一张背景图,大小1136*640。我们命名为:bg01.jpg,放在 game01\res文件夹中。注意res文件夹中有个framework_precompiled.zip文件,一定不能删除
  • game01\scripts\app\scenes中的MainScene.lua文件。
  • function MainScene:ctor()
        ui.newTTFLabel({text = "Hello, World", size = 64, align = ui.TEXT_ALIGN_CENTER})
            :pos(display.cx, display.cy)
            :addTo(self)
    end
  • 把ctor() 和end中,代码删除掉,也能够用--在每行前凝视。或者在这个代码端前加--[[, 后面加]],来进行整段凝视
  • function MainScene:ctor()
        local bg = display.newSprite("bg01.jpg")
        bg:setPosition(display.cx, display.cy)
        self:addChild(bg)
    end
  • 然后运行。背景图就显示出来了。display.newSprite()是用图片创建一个新精灵,display.cx是屏幕x中间,display.cy是屏幕的y中间。addChild()就是加入一个对象。

  • 建议查看framework下的display.lua,里面是详细实现。也有些函数说明。

quick-cocos2d-x教程9:实例之加上背景图片