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

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比陽信網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式陽信網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋陽信地區(qū)。費用合理售后完善，十載實體公司更值得信賴。

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

貝塞爾曲線練習(xí)怎么辦

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

貝塞爾曲線練習(xí)工具怎樣

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

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

左則DrawBezier組件面板中有一個Params的文本屬性，就是cc.bezierTo可使用到的參數(shù)，結(jié)構(gòu)如下：

[

[//曲線一

{"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}

]

]

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

貝塞爾曲線.gif

3

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

不論是起點、終點、控制點，都有一個Dragable組件，負責(zé)實現(xiàn)節(jié)點的拖動

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

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

image.png

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

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

ActionNode是用于執(zhí)行cc.bezierTo的節(jié)點，前面圖中的金幣

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

到此，相信大家對“Bezier Game有什么優(yōu)點”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)站欄目：BezierGame有什么優(yōu)點-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://weahome.cn/article/pedhh.html