建站
咨詢
售后
建站咨詢
新聞中心
1.1 界面介紹
新華ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書(shū)合作）期待與您的合作！
v 動(dòng)畫(huà)列表：工程文件可以支持多個(gè)動(dòng)畫(huà)編輯編輯，動(dòng)畫(huà)列表下的一個(gè)元素就是一個(gè)完整的動(dòng)作；
v 對(duì)象結(jié)構(gòu)：是一個(gè)列表結(jié)構(gòu)，展示當(dāng)前動(dòng)作的所有圖層；
v 幀編輯區(qū)：針對(duì)于當(dāng)前動(dòng)作的圖層進(jìn)行動(dòng)作幀的編輯，還可以播放預(yù)覽當(dāng)前動(dòng)作；
v 渲染區(qū)：主要的編輯窗口，實(shí)時(shí)顯示當(dāng)前動(dòng)作的幀效果，可以進(jìn)行平移、旋轉(zhuǎn)、縮放和骨骼綁定等操作；
v 資源編輯區(qū)：可以對(duì)當(dāng)前選中的圖層使用到的圖片資源進(jìn)行編輯，可以更改圖片的錨點(diǎn)，也可以添加碰撞塊數(shù)據(jù)；
v 屬性窗口：支持對(duì)當(dāng)前選中圖層的數(shù)字編輯；
v 資源窗口：支持對(duì)當(dāng)前工程的資源管理；
v 日志窗口：日志窗口用來(lái)記錄所有操作的明細(xì)和歷史。
2.1 新建工程
點(diǎn)擊菜單欄的文件菜單，下拉列表中的新建按鈕，會(huì)彈出一個(gè)新建工程的信息面板，大家可以給工程命名，并選擇工程的保存路徑，最好在命名和路徑中不要有中文字符。
2.2 導(dǎo)入資源
1.點(diǎn)擊菜單欄的文件菜單，下拉列表中的導(dǎo)入資源菜單，可以導(dǎo)入單個(gè)文件，也可以導(dǎo)入整個(gè)文件夾；
2.也可以點(diǎn)擊資源窗口的圖標(biāo)按鈕，分辨導(dǎo)入單個(gè)文件，和整個(gè)文件夾；
2.3資源編輯
右鍵點(diǎn)擊資源窗口的資源，可以進(jìn)行刪除，重命名的操作；
可以再資源窗口下方的預(yù)覽窗口，查看選中的資源預(yù)覽效果圖；
3.1創(chuàng)建動(dòng)畫(huà)
（1）右鍵點(diǎn)擊動(dòng)畫(huà)列表窗口，選擇新建動(dòng)畫(huà)；
（2）右鍵點(diǎn)擊結(jié)構(gòu)樹(shù)窗口，選擇添加圖層；
（3）右鍵點(diǎn)擊幀編輯窗口，選擇添加幀；
經(jīng)過(guò)以上操作，就可以看到渲染區(qū)會(huì)渲染出一個(gè)默認(rèn)的圖層元件；
3.2編輯圖層
單個(gè)元件編輯方式：
（1）鼠標(biāo)點(diǎn)擊圖層，選中元件，移動(dòng)鼠標(biāo)進(jìn)行元件的拖動(dòng)；
（2）在結(jié)構(gòu)樹(shù)上選擇相應(yīng)的圖層，該元件會(huì)全局被選中；
多個(gè)元件編輯方式：
（1）渲染區(qū)：點(diǎn)擊鼠標(biāo)左鍵并進(jìn)行拖動(dòng)，可以進(jìn)行元件的框選；
（2）結(jié)構(gòu)樹(shù)：點(diǎn)擊鼠標(biāo)左鍵并進(jìn)行拖動(dòng)，可以進(jìn)行元件的框選；
刪除圖層元件：渲染區(qū)右鍵菜單，結(jié)構(gòu)樹(shù)右鍵菜單，delete建；
復(fù)制圖層元件：渲染區(qū)右鍵菜單，結(jié)構(gòu)樹(shù)右鍵菜單，Ctrl+C；
粘貼圖層元件：渲染區(qū)右鍵菜單，結(jié)構(gòu)樹(shù)右鍵菜單，Ctrl+V；
顯示編輯：
1.元件被選中的時(shí)候，會(huì)顯示白色的編輯框，編輯框的四個(gè)角點(diǎn)可以進(jìn)行縮放編輯，編輯框的右邊中心點(diǎn)可以進(jìn)行旋轉(zhuǎn)編輯；
3.3畫(huà)布操作
1.縮放畫(huà)布：Ctrl+鼠標(biāo)滾輪，可以放大縮小畫(huà)布；
2.移動(dòng)畫(huà)布：space（空格鍵） + 鼠標(biāo)左鍵，可以拖動(dòng)畫(huà)布；
3.4屬性編輯
顯示/隱藏：顯示或隱藏選中的控件；
旋轉(zhuǎn)：調(diào)整控件的旋轉(zhuǎn)角度；
縮放：調(diào)整控件的橫向縮放和縱向縮放；
位置：調(diào)整控件的坐標(biāo)；
渲染資源：設(shè)置/替換 當(dāng)前圖層元件的當(dāng)前幀的圖片資源；
顏色混合：設(shè)計(jì)/替換 當(dāng)前圖層元件的當(dāng)前幀的資源的混合顏色；
3.5 資源編輯區(qū)
1.移動(dòng)紅色錨點(diǎn)，調(diào)整圖層元件的渲染錨點(diǎn)，影響圖層元件的平移，旋轉(zhuǎn)和縮放的操作表現(xiàn)；
2.點(diǎn)擊鼠標(biāo)左鍵，拖動(dòng)；添加碰撞矩形，可以添加多個(gè)碰撞矩形；
3.碰撞矩形可以左鍵點(diǎn)擊選中，通過(guò)角點(diǎn)進(jìn)行縮放；
4.右鍵點(diǎn)擊碰撞矩形，選擇刪除，可以刪除選中的碰撞矩形；
5.點(diǎn)擊上方的放大、縮小按鈕，可以對(duì)畫(huà)布進(jìn)行縮放，也可以通過(guò)Ctrl+鼠標(biāo)滾輪進(jìn)行畫(huà)布縮放；
3.6導(dǎo)出資源
導(dǎo)出資源面板：
圖片最大寬度：合成圖片的最大寬度；
圖片最大高度：合成圖片的最大高度；
碎圖縫隙：合成大圖中的小圖之間的縫隙像素；、
導(dǎo)出路徑：用戶自定義導(dǎo)出路徑；
導(dǎo)出文件包括.png和.plist文件；
當(dāng)工程中使用的圖片合并后的尺寸大于設(shè)定的圖片尺寸，程序?qū)⒆詣?dòng)分割合并后的圖片成多組合并圖片，并添加序列下標(biāo)；
4.0 自動(dòng)序列幀動(dòng)畫(huà)
(1)右鍵動(dòng)畫(huà)列表，新建動(dòng)畫(huà)；
(2)右鍵結(jié)構(gòu)樹(shù)，新建圖層；
(3)資源窗口，多選序列幀資源；
(4)拖動(dòng)資源到結(jié)構(gòu)樹(shù)的圖層上，完成自動(dòng)創(chuàng)建序列幀；
4.1關(guān)鍵幀編輯
(1)選中編輯圖層，右鍵幀編輯區(qū)，添加幀；
(2)可選中幀，并拖動(dòng)幀，進(jìn)行時(shí)間調(diào)整；
(3)點(diǎn)擊時(shí)間刻度區(qū)，定位黃色時(shí)間線到相應(yīng)的時(shí)間點(diǎn)，右鍵添加幀，也可以在渲染區(qū)對(duì)圖層元件進(jìn)行編輯，可以自動(dòng)補(bǔ)齊關(guān)鍵幀；
4.2骨骼動(dòng)畫(huà)編輯
(1)選中圖層，點(diǎn)擊工具欄 綁定骨骼 按鈕，左鍵點(diǎn)擊渲染區(qū)圖層，并拖動(dòng)鼠標(biāo)，畫(huà)出骨骼；
(2)左鍵點(diǎn)擊骨骼，拖動(dòng)鼠標(biāo)進(jìn)行骨骼的旋轉(zhuǎn)；
(3)按下鍵盤(pán)M鍵，拖動(dòng)鼠標(biāo)，進(jìn)行骨骼的移動(dòng)；
(4)按下鍵盤(pán)S鍵，拖動(dòng)鼠標(biāo)，進(jìn)行骨骼的縮放；
(5)直接點(diǎn)擊圖層，可以單獨(dú)對(duì)圖層進(jìn)行操作，不影響骨骼；
網(wǎng)頁(yè)標(biāo)題：CocoStudio工具集開(kāi)發(fā)入門(mén)之動(dòng)畫(huà)編輯器教程
文章來(lái)源：http://www.dlmjj.cn/article/cddphoi.html
