首页 > 代码库 > 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,里面是具体实现,也有些函数说明。