<strong id="h7llx"><track id="h7llx"></track></strong>

<li id="h7llx"><object id="h7llx"></object></li>

<em id="h7llx"><acronym id="h7llx"><u id="h7llx"></u></acronym></em>
<rp id="h7llx"><acronym id="h7llx"><input id="h7llx"></input></acronym></rp>
<rp id="h7llx"></rp>
    <tbody id="h7llx"></tbody>

     找回密碼
     注冊帳號

    掃一掃,訪問微社區

    搶樓 搶樓 本帖為搶樓帖,歡迎搶樓! 

    蠻牛干貨 DC老濕的私房菜 之 細說各種Tween系列一

    26
    回復
    6443
    查看
    打印 上一主題 下一主題
    [ 復制鏈接 ]
    6蠻牛粉絲
    1048/1500
    排名
    4640
    昨日變化

    365

    主題

    378

    帖子

    1048

    積分

    Rank: 6Rank: 6Rank: 6

    UID
    16254
    好友
    12
    蠻牛幣
    2625
    威望
    0
    注冊時間
    2014-3-3
    在線時間
    67 小時
    最后登錄
    2016-11-10

    馬上注冊,結交更多好友,享用更多功能,讓你輕松玩轉社區。

    您需要 登錄 才可以下載或查看,沒有帳號?注冊帳號

    x
    原文地址:http://url.cn/SFM02J


    可能,你才剛開始研究iTween,

    就突然聽說有個更好用的HOTween,

    趕忙跑去一看究竟,結果網頁才打開,

    赫然發現,人家都出到第二代了,名字都改成DOTween了,

    還耳聞有LeanTween的存在,

    然后又聽別人講GoKit很酷,網上搜著搜著竟然又搜出了DFTween...

    ……

    也許有人會抱怨:尼瑪,學都學不過來,時間不夠用啊,有木有~

    這么多tween到底哪個是哪個呀,哪個效率更高,哪個寫起來更方面,哪個學習成本更低,哪個更屌,哪個更逗比呀,布拉不啦不啦不啦...


    ...吐槽過后,點根煙,坐著想想。



    好像我們總是那個與時代潮流脫節的人,

    打個比方來說,就好比臺灣著名繪本畫家——幾米老師說的那樣,

    “當你喜歡我的時候,我不喜歡你;當你愛上我的時候,我喜歡你;當你離開我的時候,我卻愛上你。是你走得太快,還是我跟不上你的腳步?...”

    感嘆人生,那些年,錯過的太多...

    親愛的朋友,不要傷感,DC老濕會攜手帶你走出困惑、走出糾結。


    在國內網上你也許能搜索到的只有部分的iTween視頻教程,HOTween的文字教程略老,更別說其第二代DOTween、以及其他的你有可能聽都沒有聽過的插件。


    別擔心,其實既然是同一類的插件,那么一定萬變不離其宗。

    我從今天開始會帶你領略所有主流的Tween插件,從整體性全局的角度來對Tween有個全面的認識。


            本講分為三部分:

                    一、tween的前世今生;

                    二、腳本實戰;

                    三、素材大放送與課后挑戰



    【一、Tween的前世今生】


    第一個問題:什么是Tween?


    我不想在一開始就給讀者們灌輸概念性的東西。

    這樣,

    我會cosplay一把名偵探柯南,來思考問題、去搜索資料、找到線索、并得出結論



    下面圖片可能會比較多,第一部分大概有9張圖,圖片里信息量看似略大,實則別的你都可以不用管,只用看我紅框標出強調的部分就可以了。

    那么準備好了嗎,我們開始了,


    首先,

    在谷歌上搜索,第一個是醫學名詞,好像不是我們要找的對象...如圖1,

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖1



    那就鼠標滾輪往下,好像看到幾張曲線圖,像是(運動)軌跡方面,如圖2

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------                                                                              圖2


    然后我們再回到國內的網上搜索,好像內容也差不多,不過我們發現了條線索

    “prep.在兩者之間,在...中間”,如圖3紅框部分,

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖3


    慢著,上圖紅框部分,這讓我們聯想到一個小學就接觸過的單詞——between:在...(二者)之間



    好的,氣氛上好像是摸到點輪廓了,再繼續搜索,點進百度百科,在條目2的位置發現了個“關于Tween類”,沒錯,雖然是flash方面的東東,但是至少是已經貼近游戲引擎插件方面了,比化學藥劑方面的解釋要強多了啊,有木有,淚流滿面,如圖4。

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖4


    接著,藥不能停……呃,不對,是手不能停。我們來把目光聚焦一下,其Tween類,然后你會發現以下關鍵字,如圖5所示

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖5


    關鍵詞:補間動畫、移動、調整大小、談入談出、各種緩動,過程動畫加速、減速,事件處理調用等。


    也許有人會問:等等,老濕,我們在講Unity的各種Tween的插件,你和我談flash的Tween類,你是要鬧哪樣?


    我會說:別急,正如本老濕前面提到的“萬變不離其宗”,我們講不是“萬劍歸宗”,而是“萬Tween歸宗”。

    為什么在暫時搜不到有關Unity的Tween的概念的時候,我會轉而找到flash,因為如圖6、7的紅框部分

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖6

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖7


    可以看到flash是1995年誕生,unity是2005年誕生的。

    雖然作為游戲引擎unity3d比flash要先進很多。

    但是在做2D動畫緩動方面,姜還是老的辣,flash的經驗肯定比unity要多太多,可以說這方面flash是unity的爸爸。

    所以在作為unity插件的Tween的概念方面是可以部分參考flash里的Tween的。



    然后根據目前掌握的線索,我們可以大致得出,

    所謂的Tween:

    是做補間動畫用的,例如對物體的位移、大小設置初始值和結束值,然后做些動畫效果,還能進行事件回調等。



    我想,也許你會問我:什么是補間動畫?,如圖8

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖8



    再根據目前所掌握的線索:插入、初始值、結束值、動畫曲線、數學函數

    這讓我閃念到了一個數學概念:插值,如圖9

    ----------------------------------------------------------------------------------------------------



    ----------------------------------------------------------------------------------------------------

                                                                                圖9


    如果我沒猜錯的話,這句概念性的描述你是不是看得云里霧里?沒關系,

    該解釋說人話就是:兩個獨立的值(初始值、結束值)也可以是多個獨立的值,如在曲線里面,就是若干個分離的點,然后將這些點連接成(補充完整成)一條曲線。



    當然,這里要講解下此插值非彼差值,概念不能搞混,

    差值:相減所得到的值

    插值:用來填充(補充)圖像變換(做動畫)時像素之間的空隙。



    我們講插值也不是什么新鮮的概念了,

    我國早在公元前6世紀隋唐時期,著名經濟學家、天文學家劉焯就已將等距二次差值用于天文計算。

    而國外,到17世紀之后,才有牛頓、拉格朗日分別討論了等距和非等距的一般差值公式。




    ok,說了這么多,也無非就是要在開頭和大伙扯扯Tween的前世今生~

    我也就點到為止了,這方面要展開來說三天三夜都說不完~~


    下面,


    就讓我們快速進入正題,Unity里的各種Tween插件



    【二、腳本實戰】


    首先,

    我們在其官網里的AssetStore上面搜索tween,可以看到,目前基本上有6種免費的、用戶量多且廣受好評的tween插件,分別是:

    DFTweenLite、

    HOTween、

    GoKit Tween Library、

    DOTween(HOTween v2)、

    iTween、

    LeanTween

    如圖10所示

    ----------------------------------------------------------------------------------------------------


    ----------------------------------------------------------------------------------------------------

                                                                                圖10

    面對上面六大Tween插件,

    如果你只是一個一個的去看其官網,再從頭到尾的讀其文檔,東玩玩例子西聊聊qq刷刷微博什么的,我敢保證,沒一會兒工夫,你就走神了。(還有那種一看到英文就頭大,只會知難而退的童鞋,那我也無話可說了,活該技術比別人落后)


    這也是中國式教育的一大敗筆之處——學無所用!

    你還記得你中學學過的數理化、地理、歷史、政治么?

    你還記得你大學里是怎么混日子,如何學你的專業,如何應付期末考核的么?

    當然,我也不是一棍子打死全部,

    但我敢肯定95%以上的人,讀到這里都會反思的說不出話來。


    學習不僅僅是照本宣科,是掄起家伙真刀真槍的先干了再說


    就好比要習得一項技能,光看秘籍,光說不練是沒有用的,也練不成的。一定要自己動手去認認真真做過,才能有更深刻的體會,才會有自己的疑問,才會有自己的思考,才能逐步掌握所學所練之根本。


    在下載完這些插件并導入之后,


    我們就來動手做一個例子,如圖11

    ----------------------------------------------------------------------------------------------------

    ----------------------------------------------------------------------------------------------------

                                                                                圖11


    例子需求分析:先讓物體向上位移到一定的位置之后,做淡出,最后銷毀物體本身。


    我們就以完成這一個簡單的小功能來進行,

    六大熱門Tween之初體驗~

    美其名曰:hello all tweens~


    場景,正如你所見到的,很簡單,一個主相機Main Camera、一個Cube、一個平行光Directional light


    既然是六個插件,那我們就先用最笨的方法,寫六個測試腳本,統統掛在Cube上面,用腳本禁用啟用的方式,

    來觀看運行效果。


    下面,由于發帖功能的局限,我就直接截圖6段代碼,給各位看看,這些tween在處理位移、淡出做動畫的時候,腳本是如何寫的,

    下圖的12~17分別對應的調用的是,LeanTween、HOTween、DOTween、iTween、GoKit、DFTween

    ----------------------------------------------------------------------------------------------------


                                                                                圖12



                                                                                圖13


                                                                                圖14



                                                                                圖15



                                                                                圖16



                                                                                圖17

    ----------------------------------------------------------------------------------------------------

    對于上述代碼都看不懂的童鞋,

    我會說,別擔心,

    如果你仔細的看完了前2個的代碼和其對應的注解,那么再往下看,你其實會發現很多相似處,

    比如position、delay、easing、onComplete、alpha等等。


    那么如果你已經看懂了的話,那就請你最小化瀏覽器,然后打開Unity,自己動手來做一做,來加深印象,并看看有哪里是一時過不去的坎。


    當然,對于稍微熟練,技藝更高一籌的小伙伴來說,別著急,馬上進入到我們的素材大放送與作業挑戰環節。


    【三、素材大放送與課后挑戰】


    新建文本文檔.txt (48 Bytes, 下載次數: 502)


    unity 谷歌瀏覽器;unity dc是什么意思;unity 酷跑素材;unity3d素材免費;unity 酷跑;unity 物體曲線運動;谷歌瀏覽器 unity;unity dc;unity dc數;unity dc是什么;人人素材unity跑酷;unity3d免費素材;unity 2d 跑酷;unity讓物體曲線運動
    參與人數 1鮮花 +5 收起 理由
    sanguojixuan + 5 贊一個!

    查看全部評分總評分 : 鮮花 +5

    本帖被以下淘專輯推薦:

    回復

    使用道具 舉報

    5熟悉之中
    901/1000
    排名
    3559
    昨日變化

    6

    主題

    61

    帖子

    901

    積分

    Rank: 5Rank: 5

    UID
    44052
    好友
    0
    蠻牛幣
    584
    威望
    0
    注冊時間
    2014-9-8
    在線時間
    413 小時
    最后登錄
    2020-1-9
    沙發
    2015-3-10 08:46:48 只看該作者
    沒有結論的橫評都是耍流氓
    回復

    使用道具 舉報

    排名
    3504
    昨日變化

    2

    主題

    87

    帖子

    857

    積分

    Rank: 7Rank: 7Rank: 7Rank: 7

    UID
    12772
    好友
    2
    蠻牛幣
    446
    威望
    0
    注冊時間
    2014-1-17
    在線時間
    336 小時
    最后登錄
    2020-5-17
    板凳
    2015-3-10 14:43:23 只看該作者
    耍流氓
    回復

    使用道具 舉報

    4四處流浪
    468/500
    排名
    8154
    昨日變化

    3

    主題

    33

    帖子

    468

    積分

    Rank: 4

    UID
    70373
    好友
    0
    蠻牛幣
    1045
    威望
    0
    注冊時間
    2015-1-22
    在線時間
    282 小時
    最后登錄
    2019-12-20
    地板
    2015-3-10 15:53:15 只看該作者
    耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓耍流氓
    回復

    使用道具 舉報

    5熟悉之中
    570/1000
    排名
    4565
    昨日變化

    1

    主題

    61

    帖子

    570

    積分

    Rank: 5Rank: 5

    UID
    1770
    好友
    0
    蠻牛幣
    878
    威望
    0
    注冊時間
    2013-8-9
    在線時間
    185 小時
    最后登錄
    2020-1-14
    5#
    2015-3-10 16:04:04 只看該作者
    為長文點贊,為沒有結論而惋惜
    回復

    使用道具 舉報

    5熟悉之中
    909/1000
    排名
    3137
    昨日變化

    1

    主題

    266

    帖子

    909

    積分

    Rank: 5Rank: 5

    UID
    24688
    好友
    0
    蠻牛幣
    1037
    威望
    0
    注冊時間
    2014-5-12
    在線時間
    169 小時
    最后登錄
    2015-6-23
    QQ
    6#
    2015-3-10 16:19:53 只看該作者
    流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓流氓
    回復

    使用道具 舉報

    5熟悉之中
    951/1000
    排名
    2909
    昨日變化

    0

    主題

    201

    帖子

    951

    積分

    Rank: 5Rank: 5

    UID
    54765
    好友
    8
    蠻牛幣
    1683
    威望
    0
    注冊時間
    2014-11-11
    在線時間
    245 小時
    最后登錄
    2016-12-2
    QQ
    7#
    2015-3-10 17:22:22 只看該作者
    沒有結論的長文就是耍流氓?啊,我還是漲姿勢了
    回復

    使用道具 舉報

    7日久生情
    3098/5000
    排名
    360
    昨日變化

    0

    主題

    121

    帖子

    3098

    積分

    Rank: 7Rank: 7Rank: 7Rank: 7

    UID
    63538
    好友
    1
    蠻牛幣
    3895
    威望
    0
    注冊時間
    2014-12-25
    在線時間
    1225 小時
    最后登錄
    2020-7-2
    8#
    2015-3-10 17:24:19 只看該作者
    呃。。。被坑了。。。所以結論是啥。。。。
    回復

    使用道具 舉報

    排名
    2980
    昨日變化

    31

    主題

    288

    帖子

    2218

    積分

    Rank: 9Rank: 9Rank: 9

    UID
    3006
    好友
    62
    蠻牛幣
    1758
    威望
    0
    注冊時間
    2013-9-2
    在線時間
    369 小時
    最后登錄
    2019-11-25

    專欄作家認證開發者

    9#
    2015-3-10 18:12:33 只看該作者
    寫的不錯,惟妙惟肖,贊之。

    HOTween用過幾次,非常不錯,解決了UGUI做簡單動畫的困擾。

    回復

    使用道具 舉報

    排名
    2980
    昨日變化

    31

    主題

    288

    帖子

    2218

    積分

    Rank: 9Rank: 9Rank: 9

    UID
    3006
    好友
    62
    蠻牛幣
    1758
    威望
    0
    注冊時間
    2013-9-2
    在線時間
    369 小時
    最后登錄
    2019-11-25

    專欄作家認證開發者

    10#
    2015-3-10 18:13:54 只看該作者
    王文剛 發表于 2015-3-10 18:12
    寫的不錯,惟妙惟肖,贊之。

    HOTween用過幾次,非常不錯,解決了UGUI做簡單動畫的困擾。

    首次在蠻牛社區看到分享資源,而不要蠻牛幣的,樓主好人啊。
    回復

    使用道具 舉報

    排名
    2805
    昨日變化

    0

    主題

    90

    帖子

    847

    積分

    Rank: 7Rank: 7Rank: 7Rank: 7

    UID
    12013
    好友
    1
    蠻牛幣
    1
    威望
    0
    注冊時間
    2014-1-7
    在線時間
    231 小時
    最后登錄
    2020-5-25
    11#
    2015-3-10 20:29:02 只看該作者
    支持個,這又不是評測文,好好看看不同tween的用法就是了
    回復

    使用道具 舉報

    7日久生情
    3075/5000
    排名
    307
    昨日變化

    3

    主題

    476

    帖子

    3075

    積分

    Rank: 7Rank: 7Rank: 7Rank: 7

    UID
    32341
    好友
    2
    蠻牛幣
    8085
    威望
    0
    注冊時間
    2014-7-3
    在線時間
    732 小時
    最后登錄
    2017-4-9
    12#
    2015-3-11 11:41:26 只看該作者
    好多流氓,我是來打醬油的
    回復

    使用道具 舉報

    5熟悉之中
    578/1000
    排名
    3880
    昨日變化

    0

    主題

    36

    帖子

    578

    積分

    Rank: 5Rank: 5

    UID
    38406
    好友
    0
    蠻牛幣
    653
    威望
    0
    注冊時間
    2014-8-6
    在線時間
    204 小時
    最后登錄
    2016-2-17
    13#
    2015-3-11 12:44:21 只看該作者
    樓主好人,應該再出一貼把結論貼一下
    回復

    使用道具 舉報

    排名
    2222
    昨日變化

    12

    主題

    140

    帖子

    1610

    積分

    Rank: 7Rank: 7Rank: 7Rank: 7

    UID
    2416
    好友
    27
    蠻牛幣
    4011
    威望
    0
    注冊時間
    2013-8-22
    在線時間
    391 小時
    最后登錄
    2019-4-25
    14#
    2015-3-11 19:34:36 只看該作者
    wizardc 發表于 2015-3-11 12:44
    樓主好人,應該再出一貼把結論貼一下

    結論:簡單來講,tween就是調節插值運動曲線的一個庫(曲線即路徑)
    回復

    使用道具 舉報

    7日久生情
    1513/5000
    排名
    1472
    昨日變化

    0

    主題

    156

    帖子

    1513

    積分

    Rank: 7Rank: 7Rank: 7Rank: 7

    UID
    36222
    好友
    0
    蠻牛幣
    2008
    威望
    0
    注冊時間
    2014-7-25
    在線時間
    499 小時
    最后登錄
    2020-7-18
    15#
    2015-3-12 14:12:53 只看該作者
    天之道 發表于 2015-3-11 19:34
    結論:簡單來講,tween就是調節插值運動曲線的一個庫(曲線即路徑)

    DC老濕怎么沒在蠻牛發
    回復

    使用道具 舉報

    您需要登錄后才可以回帖 登錄 | 注冊帳號

    本版積分規則

    神马电影34pp影视午夜|久久热视频任意撸|155女生能接受几厘米|97色色97成人
    <strong id="h7llx"><track id="h7llx"></track></strong>

    <li id="h7llx"><object id="h7llx"></object></li>

    <em id="h7llx"><acronym id="h7llx"><u id="h7llx"></u></acronym></em>
    <rp id="h7llx"><acronym id="h7llx"><input id="h7llx"></input></acronym></rp>
    <rp id="h7llx"></rp>
      <tbody id="h7llx"></tbody>