Bezier Game有什么優點

本篇內容主要講解“Bezier Game有什么優點”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Bezier Game有什么優點”吧!

　　BezierGame一個基于Web的Photoshop鋼筆工具練習游戲，對于使用Photoshop的設計師來說，如果你掌握不好鋼筆工具，不妨試試這款鋼筆游戲，可以幫助你更好的掌握鋼筆工具的實用技巧。擁有鋼筆工具的軟件：Photoshop、Illustrator、Flash、Fireworks、CorelDraw等圖形圖像類設計軟件。常見于Adobe公司的系列軟件。鋼筆工具是在繪圖軟件中，用來創造路徑的工具，創造路徑后，還可再編輯。鋼筆工具屬于矢量繪圖工具，其優點是可以勾畫平滑的曲線，在縮放或者變形之后仍能保持平滑效果。

　　貝塞爾曲線練習怎么辦

　　在使用CocosCreator做曲線動作時，總是有些刻意逃避使用cc.bezierTo（貝塞爾曲線），而是簡單使用cc.moveTo、cc.JumpTo來模擬，后來更偷懶直接使用Creator的動畫編輯器來生成，雖然上面的方法也能解決一些問題，但總是舍近求遠，有簡單的方法面不用，原因是自己沒搞明白。

　　貝塞爾曲線練習工具怎樣

　　為了能將cc.bezierTo真正利用起來，我結合cc.Graphics組件制作了一個簡易的貝塞爾曲線編輯工具。

　　圖中是兩條曲線，在編輯器中直接改變起點、終點、控制點1、控制點2的位置，即可實時顯示出曲線路徑。

　　左則DrawBezier組件面板中有一個Params的文本屬性，就是cc.bezierTo可使用到的參數，結構如下：

　　[

　　[//曲線一

　　{"x":-123,"y":214},//起點

　　{"x":-418,"y":214},//控制點1

　　{"x":-418,"y":42},//控制點2

　　{"x":-92,"y":42}//終點

　　],

　　[//曲線二

　　{"x":-92,"y":42},

　　{"x":-26,"y":235},

　　{"x":90,"y":266},

　　{"x":228,"y":134}

　　]

　　]

　　將這個場景運行起來也可以修改編輯曲線，使用上面生成的參數可以預覽到cc.bezierTo動作的效果：

　　貝塞爾曲線.gif

　　3

　　下面簡單介紹一下相關組件屬性，先看一下圖中的兩個紅色起點上的組件

　　不論是起點、終點、控制點，都有一個Dragable組件，負責實現節點的拖動

　　圖中的兩個紅色節為起點，上面掛了一個BezierAction組件，Target屬性它的是終點節點，Ctrl1、Ctrl2分別是它的控制點。

　　再看一下DrawBezier繪圖組件屬性：

　　image.png

　　在場景中添加一個節點，掛載一個cc.Graphics

　　掛載DrawBezier組件，BezierActions是一個BezierAction組件的數組，將上圖中的兩個紅色節點拖動到此處即可

　　ActionNode是用于執行cc.bezierTo的節點，前面圖中的金幣

　　Duration是每條曲線的持續時間，（目前來看該屬性放在BezierAction組件上更好）

到此，相信大家對“Bezier Game有什么優點”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！