一口氣學會交互式動畫，全程乾貨，無廢話

好嘞 那麼我們這一個來個交互式動畫 首先你要知道什麼叫做交互式動畫 就是我們說在動畫裏面 我可以通過鼠標的點擊 哎來實現一些不同的功能 那你比如我現在點 打開了這個就是交互動畫 其實呢也是跟我們composer一樣 啊就是能夠自由翻轉 然後上面有很多標籤呢 比如說我現在點一個速攻車牀 哎他能切換過來 對吧順便把門打開了 對吧然後呢home回去 啊他門要關上啊 那比如說什麼電火花加工 對吧這個就我就沒有做細節動畫了 就是你如果在現場去展現方案 或者說 你要做畢業設計 去展現你的這個畢業設計的時候 其實這種交互式動畫是非常好的 不管你是用投影儀還是觸摸屏 對吧你點一個出來一個點一個出來一個 然後點進去以後你還可以自由的呢 翻轉觀看 甚至我還能加一些動畫在裏面 那事實上這樣的表達方式會非常非常好 那比如說像什麼折彎機啊 你看折彎機看到沒有 那就這種 當然這個交互是做的比較low啊 但是比較low逼 對吧然後呢 這幾個我就好好的從零開始跟大家講一講 這個交互動畫到底有什麼作用 呃做個好一點的吧 這個太low逼了 呵 那我們今天的作品呢 就是對象呢就是這個減速機 對不對 那麼我們先想明白做減速機 我們需要做哪些事情 啊比如說這這節課要做筆記了 呃我先把筆記打開一下 啊基礎階段的筆記也有不少啊 來 交互 交互式動畫 先先動作啊 回頭把筆記稍微優化一下 那我們現在的這個 哎這玩意看了好難受啊 爲什麼他說純白色是爲什麼呀 然後看看看了多少有點那什麼的啊 外觀稍微調一下了 哎你看這這不就有了嗎 對吧那小金球怎麼回事關了 對吧你看 這個是我們的素材 那我們先想明白個道理 就是我們今天想要做什麼 對吧一個減速機 那素材是減速機啊 哎啊對吧 好那麼素材 減速機尺寸減速機 然後呢你如果現在假定 我們現在做哪些事呢 你比如說我要給他做一個結構的展示 對吧你看要求啊要求就是 那第一個 結構的 展示對吧 那展示哪些東西呢 你首先第一個上下端蓋要有 對吧那底座端蓋啊那ok 那底座 和 底座的單獨展示 然後呢上端蓋的單獨展示 對吧單獨展示 而且單獨展示他上面還有很多小零件 你看到沒有 那上面還有很多小零件 什麼這是那個觀察孔的那個蓋板 對吧然後呢鎖緊螺栓 然後呢裏面呢還有彈簧墊片 這些東西我們都是要做展示的 知道吧 小零件啊 還包括這些小零件 你看一趟水 搞定對吧 然後呢就包括了裏面呢 可能還有齒輪軸 軸系對吧你看那 還還會包括一些什麼軸系 你比如說這裏面呢 其實我們可以分成三個軸來看 對不對那你看呢輸入軸 一中間的傳動軸 二輸出軸 三三大軸系的單獨展示對吧 三個軸的單獨展示 對不對就是我們說的這個結構的一個展示 就是我要通過點擊來展示 我要講解對不對 我這個這個減速機啊有底蓋啊 有有底架然後呢有上蓋 然後呢有一大堆 知道吧結構展示 然後第二個的話呢就是什麼呢 就是核心結構展示 那核心結構展示有哪些呢 你比如說啊核心效果 核心效果展示 你比如說呢第一個呢 運行動畫效果 對吧我們這個案例的話呢 估計會要做很長的時間 呃做還是做好一點 對吧就做還是稍微做好一點 運行動畫的效果這第一個 然後呢第二個的話呢 比如說還有那個我看看我想想呢 頭腦風暴一下 啊對拆裝 拆裝動畫效果 對吧就這個東西我要怎麼裝 我要怎麼拆 對不對 然後第三個的話呢 我還來個爆炸仕途 展示 對吧爆炸仕途的展示 然後爆炸仕途展示以後呢 我想想啊可能還能加個 加個boom清單吧 boom清單要不要在這加呢 boom清單 我想想啊那 boom清單 boom清單的增加 對吧那boom清單的增加 然後第三部分啊 核心效果展示以後呢還有就是 性能的 介紹啊那現在就是編了 對吧就單獨 單獨一個頁面啊 展示性能參數 對吧性能參數性能參數我只能去抄了 我也不知道性能參數多少 但是呢就是展示我們要怎麼去做這個東西 對吧做這個什麼東西 ok那反正也就是這麼一些功能呢 也就是說其實我們要想清楚是什麼呢 就是有這麼多的東西 那這麼多的東西的話呢 其實呢我們是要按順序來 對吧按順序來 那首先第一個啊 我要先展示一下我們想要的這些效果 先把效果展示上才ok啊那我現在呢 那就是什麼都不用幹啊 你只直接給他幹到那個 那另稱爲smg 小小護士動畫啊 smg 對吧然後呢看一下選項啊 輸出爲實體不合並啊這都沒問題 細化的話呢高質量 管他的現在換新電腦了我趴個蛋我看 來吧 那個齒輪減速機案例啊 好吧在這啊點保存 那保存的話呢會需要一些時間這很正常啊 像這玩意的話 你會點了剛纔拉了個高級過去卡半天啊 那先不錄進去 那好像導出也挺快啊 好了現在就不管這個了 對吧我們現在打開這個converter 然後呢時間只要拉回來啊 拉回來然後呢屬性 協同視圖裝配對吧 這幾大參數呢都要有 那有了之後呢我找找 嗯 標準化的齒輪減速機案例對不對 然後呢丟進來 好縮小 你看這就是我們想要的 看哦呦餵你別說你還真別說有問題看到沒有 這個這個減速機他怎麼是這樣擺放的 這麼奇怪 沒關係老規矩啊 就是我們要調整他的初始位置的話呢 全部框選 然後呢在裝配這裏呢點這個 裝配選擇模式 他就變成藍色的框框 然後呢再來一次啊 框選然後變成藍色 然後變換裏面的選擇旋轉 轉個90度了 好ok 這就算是放穩了 然後退出裝配選擇模式 這就ok了啊 我們的基本的位置呢就差不多調好了 那在做標準的流程操作之前 我先教大家一個點 就是你會發現 你在點擊每一個零部件的時候 你會發現它屬性裏面有很多東西對不對 什麼紋理啊展示啊環境效果啊 這些東西我們都不說了 對吧 但是你會發現呢 這裏面呢有一個東西叫 等一下 那事件看到沒有 就是我們其實很多東西我們都講了 就唯獨沒有講事件 哦對幾何圖形還沒講啊 幾何圖形還沒講 事件我們沒有講 那事件是幹嘛的呢 那你看首先第一個它會有脈衝啊 比如說脈衝 脈衝的話它會閃光你知道嗎 我把這兩個關了啊 等一下 呃 哎這脈衝怎麼閃的光來着我都忘了 我我還真忘了 我因爲我一般都是手動就做閃光效果的 好那當我沒說哈哈 對吧但是呢你會發現呢 下面還有個鏈接 這個鏈接是幹嘛的呢 哎這就是要需要大家去學習的一個東西 鏈接的話呢它後面是白的對不對 是白的啊 那你給我拉大一點點啊你看是白的 但是呢你點到它之後它會變成這樣一條長條 長條之外呢它後面有一個隱藏的小按鈕 看到沒有那有個隱藏的小按鈕 所以這個鏈接的話呢它就會有 呃我看看啊 三個用途 它基本上會有三個用途 呃我先展示第一個用途啊 就是個隱藏的小長條 隱藏的小長條的話呢 你看它點開之後它會選擇鏈接對不對 那麼這個時候呢 比如說我現在選一個 拿大樹工坊課程體系 就是這個pdf啊然後點確定 對吧 點了確定以後你看我的我的鏈接 就變成了一個本地文件的鏈接 對吧 本地文件的鏈接以後呢 那麼我們需要在右下角啊 你看它這裏有一個 這個 這玩意啊 那這個我要搞個箭頭給你們 因爲太小了你知道嗎 我爲什麼說這節課要做筆記 原因就在這這玩意太小太小了 那這個東西啊 那你看 是打開和關閉設計模式 這是 打開 關閉設計模式 模式啊 那麼 打開之後 打開之後隨意編輯 但是關閉之後 啊關閉之後 就是交互式交互模式 所以我們現在給它關閉啊 那我現在點一下它 那你看到沒有那就是關閉對不對 關閉 關閉之後你看它就開始閃了看到沒有 大家看到了嗎 那麥松我們前面不是調麥松嗎 給它哭哭閃的你看你看 那閃綠光好難看啊我的天 難以置信的難看 但是我現在點一下之後它會往哪裏跳呢 哎呦 把學習計劃都跳出來了 那它會把這個文件給你單獨打開 明白了嗎 它會給你把這個文件呢 單獨單獨給你打開 所以這玩意的話呢 你怎麼說呢 就是你有的時候 你把你什麼PPT啊啥玩意呢 給它集成進去 我一點了跳個PPT出來 就特別的炫酷你知道吧 哎呀這太難受了 好那麼我們現在打開設計模式 然後呢把它這個麥松呢 給它換成200毫秒 然後顏色換成紅色看一下 再關掉 神經病 你看又閃啊閃啊閃啊閃啊閃看到沒有 那點一下 那它就會跳這個文件出來 這是它的第一種功能 明白嗎 那這是它的第一種功能 記住了啊 第一種功能 就是我可以打開我本地的一些文件 看到沒有 那點到後面三個角 稍等啊 這這這截圖還真不太好截 說實話 那因爲爲什麼 因爲它在這個後面你知道嗎 後面這個小邊邊啊 那個小邊邊 你點擊它 然後呢就能跳到這裏面來 比如說你隨便選個什麼東西 選擇攻防體系啊 那是玩法一啊 玩法一哎 鏈接到 本地文件 點了就開 對吧 那就是我們說點了就開的一個玩法啊 就很有意思 對吧 你拿來展示是ok的 那麼我們接下來講玩法 玩法二的話呢 就是等一下 那我給它刪掉怎麼辦呢 對吧 刪了怎麼辦呢 我繼續點這個端蓋這個這個端蓋啊 我我把它刪掉 全選啊 全選刪掉 全選的方法呢 其實很簡單啊 就是跟windows操作一樣 control加a 然後呢全選刪掉就行了 刪乾淨 刪完以後我現在打開個網頁 比如說打開到這 對吧 這是我們的官網嘛 對不對 複製 然後呢給它粘貼上來 好 ok 然後呢我們關閉它 你再看看 你看 呃 哎 網頁好像不行呢 哦 應該可能跟瀏覽器有一定的關係 他這個可能可能真的跟瀏覽器有一定的關係 他這個網頁還真不行 我記得有一個版本是可以的 哦 不對 等一下啊 複製 粘貼啊 我說 網頁確實不行 哈哈 好 那你當我沒說啊 那你當我沒說 其實網頁呢也不是不行啊 就是你我一般會把這個網頁呢 如果能夠另存爲 比如說另存爲桌面 啊 連到桌面大樹工坊教育啊 那有一個html格式的一個文件 知道吧 html格式的一個文件 然後呢會存在桌面上 對不對 好 ok 那如果這個時候再來幹應該就可以了 那那也是點後面三個小點 哎 全選刪除 然後呢 點小點 那 html 這玩意一般來說呢 就是網頁格式知道吧 我搜索 搜 哈 等會 嗯 我給他放哪了 快捷方式 等會 html 啊 在這啊 點確定 對吧 這一次應該就ok了啊 那關掉再再看一下 那看到沒有 就我現在給你關掉啊 一點開 那這就是我們的網頁了 知道吧 也就是說呢 你可以調動這個瀏覽器 然後呢 打開這個網頁 比如說我現在看什麼課程 對吧 都ok 這是我們的玩法二 就是你但是呢 你要把html給它整下來 知道吧 就你一定要整下來這個東西 我看看這個 嗯 就是把網頁另存爲 網頁打開啊 那 需要把網頁另存爲本地 html格式啊 鏈接之後啊 直接打開也是ok的 所以其實嚴格來說 玩法一和玩法二是很類似的 就是它幾乎能打開所有的東西 知道嗎 它幾乎能打開所有的東西 所以你在這裏面 你有時候就做一些什麼小 小彩蛋啊啥玩意的 我覺得都是ok的 把它該死的麥克風給它關掉 難看死了 對吧 然後呢認真聽啊 接下來就還有第三個 那玩法三 玩法三啊 那玩法三的話呢 就首先第一個需要視圖的配合了 哦 他這兩個爆炸視圖啊 我看一下 呵呵 這個 我能撤回嗎 撤回啊 等會 他他他他他不讓我撤回了 這個爆炸視圖呢 是surfbox裏面自帶的 但是呢 你很明顯的一點就是什麼呢 就地面沒有了 地面不見了 知道嗎 那這就比較麻煩了 來協同 這個環境把地面勾選 你看我們之前不是說他放到了嘛 對不對 放到了嘛 那你又得調回來 哎呀 自己給自己找事做啊 那ok 你看放到這 那放這 放到這裏以後啊 那我現在可以創建視圖 對吧 比如說等一下 先把這個裝配的模式關掉啊 那比如說這是第一個視圖 對吧 然後呢 轉個邊靠近 這是第二個視圖 然後呢 看底面第三個是我隨便創建幾個啊 那真的是隨便創建幾個 再到這吧 好吧 那第四個視圖 好吧 那 然後呢 我們現在切換到第一個視圖來 對不對 第一個視圖來 那麼第一個視圖的話呢 我應該怎麼玩呢 其實很簡單啊 你看我現在在這裏創建一個作者 然後呢 來一個 特地文本 那在這啊 比如說 視圖切換 到三 好吧 我就先做個三 做個案例 然後呢 這玩意有點小 把這文本的調大一點點啊 那就放在這個界面上啊 然後呢 更新一下視圖兄弟們 記得更新一下視圖啊 你不然的話你回頭一切 這就沒有了 然後再切回來也沒有了 知道吧 然後呢 跟視圖切換三之後呢 你看我們點擊這個標籤 我們可以找到鏈接 鏈接的話 接下來記住這個神祕的代碼啊 把小寫關掉 把大寫關掉 把中文輸入關掉 輸入法 還有大寫全部關掉 v i e w 冒號 兩個斜槓 這是一個神祕代碼 我待會複製到筆記裏面 你們直接複製用就可以了 對吧 兩個斜槓之後啊 然後呢 標個鏈接的話呢 後面兩個斜槓之後呢 標個三 好不管了 對吧 不管了 然後呢 你更改了以後記得更新視圖 然後這個時候 你把第三個視圖的名字改成三 好 我們來看一下很有意思的東西啊 你看我點一下 它就切換到視圖三了 看到嗎 看到沒有 我點一下 我就切換到視圖三了 然後呢 我把v1改成1 那來再來 我再加一個回去的按鈕啊 home 好吧 home按鈕啊 你看放這麼大 對吧 然後呢 鏈接的話呢 一樣了 v i e w 冒號兩個斜槓 1 對吧 然後呢 更新視圖 好 ok 我們現在關閉設計模式之後 你看我能回去 看到沒有 我點一下 它能過來 我點一下 它能回去 所以大家記住啊 這個玩法三 就叫什麼 叫做 叫做指令切換啊 指令切換 首先第一個 跳轉到某某視圖 它的指令是什麼呢 是v 等一下 把把說法關掉 v i e w 冒號兩個槓啊 兩個槓 對吧 好 例如 v i e 哎 怎麼把大寫又開了 後呀 v i e v w 冒號三啊 就是切換到名字爲三的視圖 知道吧 那你看 這就是切換的意思 明白吧 就是切換視圖 跳轉到視圖 view本來就是視圖的意思嗎 對不對 明白了嗎 然後所以我們在這裏的話 我們可以通過這玩意 可以通過這個指令來回切換 所以呢 我接下來給你 給大家來一個來回切換的效果啊 所以這個就是一個來回的切換 所以就是說其實你要想清楚 你有這些功能 有這些要求 然後在一開始的時候 你就要把這些東西全部設定好 明白嗎 你看我有這些展示 然後呢 我也有什麼核心的動作 這個效果展示三個動畫 這個bomb清單 我還是給他加到第一欄裏面 好吧 這個bomb清單 我還是說實話 給他加到第一個清單裏面 第一個欄目裏面會稍微好一點點 然後呢 還有一個神祕的小代碼啊 那來現在打開設計模式啊 記得打開設計模式啊 你做動畫的時候 一定要開這個模式 你不開的話 你得給自己玩一陣子了 你知道吧 然後呢 切換到動畫模式裏面 你比如說我現在隨便做個動畫好吧 哎 你看隨便來一個了 就做成這樣子 好吧 你看是一個拆解效果啊 一個一個莫名其妙的拆解效果 然後莫名其妙 然後呢 我們把這個相機呢 也給他固定住啊 比如說一開始是這個相機 然後呢 打開以後呢 我們就轉換到這個面了啊 好吧 反正你不在意效果 而是在意方法啊 你看我做了一個這樣的動畫對不對 然後呢 把這個動畫這個相機播放模式呢 給它打開 你看轉一下對不對 好 那麼在這個時候呢 我們在這上面有一個空白的 那你點一下 可以叫新增標記 比如說我們新增標記 A好吧 新增標記A看到沒有 你一定要有這個標記啊 就是你要是A就是這個意思啊 就是我們這個這玩意兒來來來來 隨便跳轉啊 我先給他加在這啊 A 然後呢 我再切換回我的動畫 這個視圖模式裏面 哎 把這玩意兒關了啊 然後呢 我選擇他 我現在給他改了 我改成另外一個神祕的代碼 叫做Play Marker Sequence 冒號 斜槓 A 看到沒有 大寫的A啊 大寫的A 然後呢 我們現在呢關閉這個設計模式 我還點一下 你看 哎 等會等會等會更新啊 更新一下 看到沒有 我點一下 他就會切換過來 變成播放這個動畫 那我現在雙擊回去啊 你看我雙擊回去 對吧 點一下 看到沒有 就這一個 這個小祕密啊 小祕笈 那我寫上去啊 那隨便切換啊 那跳開 跳轉 並且開始播放 某某段的動畫 那某某段動畫的話呢 他的這個指令的話呢 叫做 我還得看一下 PlayMarker Sequence 冒號 兩斜槓 對吧 那例如 例如 我還是複製吧 後悔自己 增強 A啊 就是 播放 這個標籤爲A的動畫 對吧 拿這個標籤爲A 啥意思呢 那在這呢 拿A 看到沒有 拿標籤爲A的動畫 就這意思 然後它的播放呢 有一個有意思的 就是什麼呢 就是從 A 開始播放 到下一個標籤 停止 對 沒錯 它是有停止的 喵嘛 你比如說你看 我現在就播放到這 對不對 我在這裏標個B 對吧 標個B 那我現在切換回去 你看 它就只會播放到B 你看 你看播放 停 看到沒有 它能夠可以選擇停 那如果這個時候 我再加一個標籤 選個B呢 它就會從B接着開始播放 所以這就是我們要說的 幾種玩法裏面 比較重要的兩個指令 核心的兩個指令 一個在這 看到沒有 一個在這 就是這兩個指令 如果你不記得沒關係 到時候你直接複製就完事了 不要嘛 複製就完事了 但是一定記得 你要把小寫關掉 編寫指令的時候 第一個 關閉大寫模式 關閉大寫 必須是小寫 我也沒試過大寫怎麼樣 反正有bug 第二個就是關閉 中文輸入模式 也就是說關閉輸入法 其實就是按那個什麼 按shift切換英文輸入 英文輸入 知道吧 就一定是這倆 明白嗎 就是來回切換 所以這就是我們說 做家戶自動化 比較重要的一個功能 其實就是這個鏈接 然後這個鏈接 只要你能做出來 我覺得就OK了 好吧 好了 這幾個呢 我們先講到這 下幾個呢 我們來講一下這玩意 我們要怎麼去佈局