soccerGame
項目介紹
soccerGame：一個基於egret(白鷺遊戲引擎)開發的簡單簡單簡單遊戲(wu liao)項目，接着上面實現的卡牌遊戲，趁熱打鐵，再次熟練eui(os: 拖拽操作)操作，同時使用tween來實現soccer的動畫。
項目演示
項目功能結構
項目運行
$ egret build xxx(項目名)
$ egret startserver xxx(項目名) -a
項目剖析
簡單來說就是用eui搭建好主要的場景頁面，然後在用ts去控制之間的交互。
eui組成頁面
拖拖拖點點點即可
ts控制交互
主要通過按鈕狀態控制遊戲進度，和足球的隨機進球，這裏的隨機進球很簡單，通過Math.random，如果 > 0.5,則上半邊win，否則下半邊win
注意
下面介紹幾個有意思的點。
1.tween
這裏使用了tween來做soccer上下滾動的動畫，參考對應TweenApi。
2.按鈕狀態
在通過按鈕控制遊戲進度的時候，我們用到了這行：
this.btn_start.currentState = "xxx(可選：up pause resume和reset)";
我們在按鈕的源碼中通過設置source.xxx來控制按鈕不同狀態下使用哪張圖片。
3.按鈕的大小縮放效果（不使用tween）
步驟：
1.找到對應button，在wing中點擊上方的源碼
2.找到對應源碼，加上紅框中的代碼
接下來說這幾行的意思：
width和height爲90%，表示其最初大小隻有原本的90%；width.down和height.down爲100%，表示點擊後按鈕的大小會變爲100%，也就是增大10%；horizontalCenter和verticalCenter爲0，則表示其縮放點爲正中心
項目源碼
代碼中寫了很多註釋，基本都能看懂就不再贅述啦~