1. 程式人生 > >quick-cocos2d-x教程9:實例之加上背景圖片

quick-cocos2d-x教程9:實例之加上背景圖片

nbsp mod work .text eight zip function 大小 dto

在梳理完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:實例之加上背景圖片