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,裏面是具體實現,也有些函數說明。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章