帶你三天學會交互式動畫製作,這還學不會,我退出機械圈!
2026年11月12日
AI 生成·可能包含錯誤
視頻概述
AI 生成本视频详细讲解了如何创建交互式动画,重点介绍了通过“链接”功能实现的功能跳转、视图切换及动画触发,旨在提升方案展示或毕业设计的专业度。
好嘞
那麼我們這一個來個交互式動畫
首先你要知道什麼叫做交互式動畫
就是我們說在動畫裏面
我可以通過鼠標的點擊
哎來實現一些不同的功能
那你比如我現在點
打開了這個就是交互動畫
其實呢也是跟我們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操作一樣
country 加 a
然後呢全選刪掉就行了刪乾淨
刪完以後我現在打開個網頁
比如說打開到這
對吧這是我們的官網嘛對不對複製
然後呢給他粘貼上來
好 ok 然後呢我們關閉他你再看看
呃
哎
網頁好像不行呢
哦應該可能跟瀏覽器有一定的關係
他這個可能可能真的跟瀏覽器有一定的關係
他這個網頁還真不行
我記得有一個版本是可以的哦
哦
不對
等一下啊
複製
粘貼啊
我說
網頁確實不行哈哈
啊那你當我沒說啊那你當我沒說
其實網頁呢也不是不行啊
就是你我一般會把這個網頁呢
如果能夠另成爲
比如說另成爲桌面啊
連到桌面大樹工坊教育啊
那有一個 html 格式的一個文件
知道吧 html 格式的一個文件
然後呢會存在桌面上對不對
好 ok
那如果這個時候再來幹應該就可以了
那那也是點後面三個小點
哎全選刪除
然後呢點小點
那
html 這玩意一般來說呢
就是網頁格式知道吧
我搜索
哈哈等會
嗯
我給他放哪了
快捷方式
等會
html
啊在這啊點確定
對吧這一次應該就 ok 了啊
那關掉再再看一下
那看到沒有
就我現在給你關掉啊
一點開那這就是我們的網頁了
知道吧也就是說呢
你還可以調動這個瀏覽器
然後呢打開這個網頁
比如說我現在看什麼課程
對吧都 ok
這是我們的玩法二就是你
但是呢你要把 html 給它整下來
知道吧就你一定要整下來這個東西
我看看這個
嗯
就是把網頁另存爲
網頁打開啊
需要把網頁另存爲本地
html 格式啊
鏈接之後啊
直接打開也是 ok 的
所以其實嚴格來說
玩法一和玩法二是很類似的
就是他幾乎能打開所有的東西
知道嗎他幾乎能打開所有的東西
所以你在這裏面
你有時候就做一些什麼小
小彩蛋啊啥玩意的
我覺得都是 ok 的
把他把他該死的麥克風給他關掉
難看難看死了
對吧然後呢認真聽啊
接下來就海第三個
那玩法三
玩法三啊
那玩法三的話呢
就首先第一個需要仕途的配合了
哦他這兩個爆炸仕途啊我看一下
哈哈
這個
我能撤回嗎
撤回啊等會
他他他他他不讓我撤回了
這個爆炸仕途呢是 servos 裏面自帶的
但是呢你很明顯的一點就什麼了
就地面沒有了
地面不見了知道嗎
那這就比較麻煩了來協同
這個環境把地面勾選
你看我們之前不是說他放到了嗎
對不對
放到了嗎那你就得調回來哎呀
自己給自己找事做啊
ok 你看放到這
那放着放到這裏以後啊
那我現在可以創建仕途
對吧比如說等一下
先把這個裝配的模式關掉啊
來比如說這是第一個仕途
對吧然後呢轉個邊靠近這是第二個仕途
然後呢看底面第三個仕途
我隨便創建幾個啊
那真的是隨便創建幾個
在這吧好吧那第四個是好吧
那然後呢我們現在切換到第一個仕途來
對不對第一個仕途來
那麼第一個仕途的話呢
我應該怎麼玩呢其實很簡單啊
你看我現在在這裏創建一個
作者然後呢來一個
2d 文本呢在這啊比如說
仕途切換
到三好吧
我就先做個三做個案例
然後呢這玩意有點小
把這文本的調大一點點啊
那就放在這個界面上啊
然後呢更新一下仕途兄弟們
記得更新一下仕途啊
你不然的話你回頭一切
啊這就沒有了
然後再切回來也沒有了知道吧
然後呢跟仕途切換三之後呢
你看我們點擊這個標籤
我們可以找到鏈接鏈接的話
接下來記住這個神祕的代碼啊
把小寫關掉
把大寫關掉
把把中文輸入關掉輸入法
還有大寫全部關掉
v i e w
冒號兩個斜槓
這是一個神祕代碼
那我待會複製到筆記裏面
你們直接複製用就可以了
對吧兩個斜槓之後啊然後呢
標個鏈接的話呢
後面兩個斜槓之後呢標個三
好不管了
對吧不管了
然後呢你更改了以後記得更新仕途
然後這個時候
你把第三個仕途的名字改成三
好我們來看一下很有意思的東西啊
你看我點一下
他就切換到是說三了看到嗎
看到沒有
我點一下我就切換到是說三了
然後呢我把v1改成1啊1
那來再來我再加一個回去的按鈕啊
home
好吧
home按鈕啊你看看放這麼大
對吧然後呢
鏈接的話呢一樣的v i e w
冒號兩個斜槓
1對吧然後呢更新仕途
好 ok
我們現在關閉設計模式之後你看
我能回去
看到沒有我點一下他能過來
我點一下他能回去
所以大家記住啊這個玩法三
就叫什麼叫做叫做指令
切換啊指令切換首先第一個
跳轉到某某仕途
他的指令是什麼呢是 v
等一下把把書法關掉
v i e w 冒號兩個槓啊
兩個槓對吧
好例如
例如 v i e 哎
怎麼把大寫又開了後呀
v i e
v
w
冒號三啊
就是切換到
名字爲三的仕途
知道吧那你看這就是切換的意思
明白吧
就是切換仕途跳轉的仕途
v 本來就是仕途的意思嗎
對不對明白了嗎
然後所以我們在這裏的話
我們可以通過這玩意
可以通過這個指令來回切換
所以呢
我接下來給你
給大家來一個來回切換的效果啊
所以這個就是一個來回的切換
所以也就是說其實你要想清楚
你有這些功能有這些要求
然後在一開始的時候
你就要把這些東西全部設定好
明白嗎你看我我我有這些展示
然後呢我也有什麼核心的動作
這個效果展示三個動畫
這個 boom 清單
我還是給他加到第一欄裏面
好吧這個 boom 清單
我還是說實話
給他加到第一個清單裏面
第一個欄目靈魂稍微好一點點
然後呢還有一個神祕的小代碼
啊那來
現在打開設計模式啊
記得打開設計模式啊
你做動畫的時候一定要開這個模式
你不開的話
你得給自己玩一陣子你知道吧
然後呢切換到動畫模式裏面
比如說我現在隨便做個動畫好吧
哎
等一下
隨便來一個來
對吧就做成這樣子好吧你看
是一個拆解效果啊
一個一個莫名其妙的拆解效果
然後莫名其妙
然後呢我們把這個相機呢也給它固定住啊
比如說一開始是這個相機
然後呢打開以後呢我們就
轉換到這個面來啊好吧
反正你不在意效果而是在意方法啊
你看我做了一個這樣的動畫對不對
然後呢把這個動畫
這個相機播放模式呢給它打開
你看轉一下對不對好
那麼在這個時候呢
我們在這上面有一個空白的
那你點一下可以叫新增標記
比如說我們新增標記
a 好吧新增標記a 看到沒有
你一定要有這個標記啊
就是你要是a就是這個意思啊
就是我們這個這玩意來來來來
指紋跳轉啊
我先給它加在這啊
哎然後呢我再切換回我的動畫
這個視圖模式裏面
哎
我把這玩意關了啊
然後呢我選擇它我現在給它改了
我改成另外一個神祕的代碼叫做play
marker
sequence
冒號斜槓
a 看到沒有大寫的a啊大寫的a
然後呢我們現在呢關閉這個設計模式
我還點一下你看
哎等會等會等會更新啊更新一下
看到沒有我點一下它就會切換過來
變成播放這個動畫
那我現在雙擊回去啊
你看我雙擊回去
對吧點一下看到沒有
就這個這個小祕密啊小祕籍
那我寫上去啊
那指定切換啊
那跳
開跳轉並且開始播放
某某段的動畫
那某某段動畫的話呢
它的這個指令的話呢叫做
我還得看一下playmarker
sequence
冒號兩斜槓
對吧啊例如
例如
啊我還是複製吧
後悔自己這增強 a 啊
就是
播放
這個標籤爲 a 的動畫
對吧拿這個標籤爲 a 啥意思呢
那在在這呢啊
拿 a
看到沒有拿標籤爲 a 的動畫
就這意思
然後它的播放呢有一個有意思的是什麼呢
就是從
a
開始播放到下一個標籤
停止對沒錯它是有停止的
喵嘛你比如說你看我現在播放到這
對不對我在這裏標個 b
對吧標個 b 啊標個 b
那我現在切換回去你看
它就只會播放到 b
你看
你看播放
停看到沒有
它能夠可以選擇停
那如果這個時候我再加一個標籤
選個 b 呢
它就會從 b 接着開始播放
所以這就是我們要說的幾種玩法
裏面比較重要的幾點兩個指令
啊核心的兩個指令一個在這
一個在這
看到沒有
那一個在這就是這兩個指令
如果你不記得沒關係
到時候你直接複製就完事了
不要嗎複製就完事了
但是一定記得啊你要把小寫關掉
編寫指令的時候啊
第一個啊關閉大寫
我關閉大寫啊
必須是小寫
我也沒試過大寫怎麼樣反正有 bug
第二個呢就是關閉
中文輸入
模式啊也就是說關閉輸入法
其實就是按那個什麼按 shift
切換啊英文輸入
英文輸入
知道吧就一定是這倆明白嗎
就是來回切換
所以這就是我們說做家戶自動化
比較重要的一個功能
其實就是這個鏈接
然後這個鏈接只要你能做出來
我覺得就 ok 了
好吧好了這幾個呢我們先講到這
下幾個呢我們來講一下這玩意
我們要怎麼去佈局
比較容易
買單

