為啥是第3篇浮梢,因為第2篇是把游戲發(fā)布到IOS手機跛十,不是必須步驟,寫到簡書了秕硝。
前置說明
翻滾和滑閃的動畫參考跑步做
背景圖是Sprite芥映,省略了過程
用到代碼編輯工具:vscode
用到TypeScript編程知識
用到Cocos Creator官網(wǎng)的API和Button的基礎知識
1. 簡介
Button組件:就是按鈕,用戶點擊后屏轰,不但按鈕自己可能變化,同時還會發(fā)生一些預計的行為姆吭。
a. 按鈕變化唁盏,按鈕點擊前后圖片不同
b. 預計的行為,點擊按鈕后昆淡,“火柴人”出現(xiàn)不同動作
以上兩點參考以下視頻
好像插入不了視頻昂灵,要看只能去“畫個毛線”公眾號了舞萄。
2. 過程1-按鈕效果
a. 增加Button節(jié)點,給Button添加圖片組件Sprite
image
image
b. 給按鈕添加點擊效果
image
image
3. 過程2-按鈕動作
a. 新建文件夾和TS腳本
image
b. 接下來,就得自己動手豐衣足食了甘晤。下載安裝vscode饲做,并如下圖配置
image
c. 雙擊腳本打開vscode后
image
3個動畫的Animation Clip分別命名為“Run”酌伊、“Roll”和“Jump”缀踪。代碼中調(diào)用時直接this.hero.play('名稱')就會播放對應動畫。
d. 接下來最后一步奏候,關(guān)聯(lián)按鈕和腳本方法
image
大功告成唇敞。?