Spine 動畫教程:皮膚制作

一、前言

擱了很久的抖音直播小玩法開發,最近又讓我想起來了。由于是初次嘗試,所以我將開發費用的預算降到為零。不但不買服務器采用 UnitySDK 的指令直推,而且游戲的資產也用 AI 生成,主打省時又省錢。

但是圖片有了,動畫還是得自己做,于是我又從零開始學了一下 Spine 動畫制作。整個過程也是有很多值得記錄下來的,比如制作皮膚的教程,網上還是比較少,問 DeepSeek 也不全,做完后導入 Unity3D 報錯等問題。所以,跟著我這篇文章動手走一遍,還是能快速制作動畫皮膚的。

二、工具

Spine 3.8.75

spine-unity-3.8-2021-11-10

三、皮膚制作

在動手制作前,可以先對照一下自己的 Spine 版本,和 Unity3D 的 Spine 插件版本,后面我會說一個很有意思的導入問題,那下面就開始如何制作皮膚了。

1. 簡單的圖片皮膚示例

1.1. 畫面創建

導入兩張形狀一致,但紋理不同的圖片,然后兩張圖全部綁定在一個骨骼下,層級結構參考下圖。

1.2. 添加皮膚

在層級樹的皮膚中,點擊創建兩個皮膚,名字自定義。

1.3. 創建皮膚占位符

在層級樹中選擇一個皮膚,點擊左邊的 “眼睛(小圓點,表顯示)”,然后選中某插槽下的一個附件(圖片)。選擇后再點擊下面的 “新建” -> “皮膚占位符”。,名字自定。

1.4. 檢查皮膚切換

通過點擊皮膚左邊的眼睛按鈕,看看能不能展開皮膚占位符里的附件,因為給附件添加皮膚占位符后,就被折疊進占位符中了。

1.5. 創建動畫

進入動畫模式后,點擊兩張圖片上的骨骼,在攝影表中給該骨骼添加移動的關鍵幀,最后我們在播放時就可以切換皮膚了。

2. 簡單的網格皮膚演示

裝配和上面圖片的皮膚示例一樣,但是在綁定骨骼前,現對圖片網格處理(蒙皮),然后綁骨骼,刷權重。

2.1. 網格編輯

點擊圖片 -> 勾選網格 -> 編輯網格 -> 新建,然后對圖片的輪廓圍起來(像 PS 里的鋼筆一樣操作)。

2.2. 添加骨骼

選擇自定義的根骨骼,按照預期的動畫效果,添加幾個骨骼。

2.3. 給網格綁定骨骼

選中網格,點擊添加骨骼上方的 “權重” 按鈕,彈出一個權重窗口,點擊綁定,然后將下面添加的幾個骨骼選中(按 ctrl 多選),最后再點一下綁定。

2.4. 添加皮膚

第二張圖片重復前面的添加網格,但是不用再新建骨骼,和第一張共用,皮膚切換的作用就在這里了,多個皮膚共用一套骨骼動畫。

就像我們玩游戲的時候,不管怎么換皮膚,英雄的招式是一樣的,當然打擊特效可能也拆分出了皮膚除外。

2.5. 創建皮膚占位符

皮膚添加和占位符創建和前面的圖片皮膚示例一樣,只是這次是點擊網格而不是附件了。

四、導出與導入

導出是在 Spine 中導出能在 Unity3D 中使用的動畫文件,這里要注意格式和添加方法,還有前面提到的導入游戲引擎中報錯問題。

Spine 導出

點擊導出,選擇 “JSON”,確定輸出文件夾后,點擊 “打包設置”,為了被 Unity3D 支持,圖集擴展名要加上 “.txt”。

導入 Unity3D

從 Spine 導出后有三個文件,分別是 atlas.txt 的圖集文件,json 數據和 png 貼圖。

放入一個文件夾后直接復制到 Unity3D 項目的 Resources 后,游戲引擎會再生成一個 atlas 和 skeletonData 的 asset 文件,以及一個 mat 文件。

進入編輯器中,只需要將 SkeletonData.asset 拖到場景中即可。

導入運行報錯

當我第一次導進去后就提示錯誤:Error reading skeleton JSON file for SkeletonData asset: skeleton_SkeletonData Unsupported skeleton data, please export with a newer version of Spine。

根據提示是導出的 Spine 文件版本太低,其實就是我安裝的 Spine-Unity 插件和 Spine3.8.75 不匹配。一般的做法就是換新版 Spine,或安裝低版本 Unity 插件,但是我這次就對比了一下可以使用的 spine 動畫 json 文件。

發現格式都差不多,唯一不同的只是 skeleton 下的 spine 版本號,原本的是 3.8.75,當我改成 3.8.99 重新加載進去后竟然就可以了。這整得我也是很無語,就只是校驗了一下版本號,我還以為是格式不對。

五、寫在后面

其實想要快速制作游戲動畫,還有以一種更好的方法,那就是序列幀動畫。首先將 AI 生成的圖片,再輸入指定動作的提示詞,用圖生視頻。然后將視頻拆成圖片幀,最后只需要挑選一些摳圖做成圖片精靈就可以了。

雖然我一開始就是這樣想的,但是了解到 Spine 優點后就放棄這種方式。第二個原因,通過學習 Spine 我可以可持續制作動畫貼圖,還能上傳到平臺賺取收益,以后有時間我也會不定時地更新 Spine 動畫制作小案例。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/78345.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/78345.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/78345.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

論文閱讀筆記——π0.5: a Vision-Language-Action Model with Open-World Generalization

π0.5 論文 通過異構數據協同訓練與分層推理,用中等規模的目標數據(400小時)實現了大規模泛化能力,為現實世界機器人學習提供了新范式。 高層推理(high-level) 根據當前觀測和任務指令預測子任務(如“打開抽屜”&…

記錄搭建自己應用中心

記錄搭建自己應用中心 應用架構主應用-管理中心系統文件系統子應用 日志系統日志系統前端日志系統后端 用戶系統接入使用暫未完成 研發管理需求面板消息推送任務分配應用發布 應用架構 一直想做個試試,這是一個簡易版的,主要是整合下知識的,…

【網工第6版】第5章 網絡互聯⑦

目錄 ▲ 路由協議OSPF ◎ OSPF簡介 ◎ OSPF特點 本章重要程度:☆☆☆☆☆ ▲ 路由協議OSPF ◎ OSPF簡介 OSPF(Open Shortest Path First,開放式最短路徑優先協議)是目前應用最廣泛的路由協議。 OSPF是一種內部網關協議IGP,也是鏈路狀態路由協議&am…

5.3 Dify:低代碼平臺,適用于企業快速部署合規AI應用

Dify作為一款開源低代碼平臺,已成為企業快速構建和部署合規AI應用的首選工具。Dify通過整合后端即服務(Backend-as-a-Service, BaaS)、大型語言模型操作(LLMOps)以及直觀的視覺化界面,顯著降低了AI應用開發…

AI 編程工具:Augment Code

Meet Augment Agent: Your AI pair programmer that deeply understands your codebase, and learns as you work Augment 是開發人員AI平臺,它可以幫助您理解代碼、調試問題,并更快地發布,因為它了解您的代碼庫。使用聊天、Next Edit和Augme…

vc++ 如何調用poco庫

1. 下載并安裝 Poco 庫 你可以從 Poco 的官方網站(POCO C Libraries - Simplify C Development )下載其源代碼壓縮包。下載完成后,按照下面的步驟進行編譯和安裝: 解壓源代碼:把下載的壓縮包解壓到指定目錄。配置編譯…

淺談OpenAIClaude LLM Tools的額外配置

前言 https://platform.openai.com/docs/guides/function-calling?api-modechat&strict-modedisabled#additional-configurationshttps://docs.anthropic.com/en/docs/build-with-claude/tool-use/overview#forcing-tool-use tool_choice “none” 就是不用tools&#x…

SystemWeaver詳解:從入門到精通的深度實戰指南

SystemWeaver詳解:從入門到精通的深度實戰指南 文章目錄 SystemWeaver詳解:從入門到精通的深度實戰指南一、SystemWeaver環境搭建與基礎配置1.1 多平臺安裝全流程 二、新手必學的十大核心操作2.1 項目創建全流程2.2 建模工具箱深度解析 三、需求工程與系…

力扣DAY68 | 熱100 | 尋找兩個正序數組的中位數

前言 困難 ○ 這題搞了3天實在太難了,本質就是每次排除k/2個數,直到找到第k個數。 題目 給定兩個大小分別為 m 和 n 的正序(從小到大)數組 nums1 和 nums2。請你找出并返回這兩個正序數組的 中位數 。 算法的時間復雜度應該為…

Linux常見故障:排查思路與錯誤分析指南

引言 當Linux系統"生病"時,它不會說話但卻會通過各種癥狀"求救"🆘!本文將帶你建立系統化的故障排查思維,從磁盤到內存,從網絡到服務,全方位掌握Linux系統的"把脈問診"技巧。…

深度解析:從12306看混合云架構下的高并發系統設計

作為曾參與12306余票查詢系統高并發升級的技術從業者,筆者注意到公眾對于12306底層技術常存在認知盲區。為破解這一迷思,特此分享十年前的架構解密文獻(該技術之前名叫 gemfire 現已晉升為Apache頂級項目Geode,代碼庫詳見&#xf…

華為Pura X的智控鍵:讓折疊機體驗更上一層樓的設計

還記得Mate 70系列剛出那會,我體驗了下智控鍵,那時候就覺得這個“把快捷方式做進電源鍵”的交互方式非常驚艷,沒想到在Pura X上,這種便捷體驗感更上了一層樓。 智控鍵:折疊屏手機的天選快捷方式? 傳統折疊…

springboot如何管理多數據源?

靜態多數據源管理 配置多個數據源 :創建多個數據源的配置類,通常使用 @ConfigurationProperties 注解來綁定配置文件中的數據源屬性,并通過 @Bean 注解定義多個 DataSource Bean 。例如: 配置類: @Configuration public class DataSourceConfig {@Bean(name = "prima…

谷歌終止新冠疫情時期結構化數據支持:SEO影響與應對策略

2025年4月,谷歌悄然宣布將于7月31日起停止支持新冠疫情時期的“特殊公告”(SpecialAnnouncement)結構化數據。這一舉措標志著谷歌正式結束一項在疫情期間推出的實驗性功能,對依賴該結構化數據的網站管理員和SEO從業者來說&#xf…

常見游戲引擎介紹與對比

Unreal Engine (UE4/UE5) 主語言:C Unreal Engine 主要使用 C 作為開發語言。C 提供了高性能的底層控制,適用于需要精細調優的 AAA 級游戲。C 在 Unreal 中用于開發核心游戲邏輯、物理引擎等性能要求較高的部分。 腳本語言:藍圖(B…

【C++】繼承----下篇

文章目錄 前言一、實現一個不能繼承的類二、友元與繼承三、繼承與靜態成員四、多繼承以及菱形繼承問題1.繼承模型:2.菱形繼承的問題3.虛擬繼承解決數據冗余和二義性的原理4.虛擬繼承的原理 五、繼承的總結和反思1.繼承和組合 總結 前言 各位好呀!今天呢我們接著講繼…

洛谷 B3647:【模板】Floyd 算法

【題目來源】 https://www.luogu.com.cn/problem/B3647 【題目描述】 給出一張由 n 個點 m 條邊組成的無向圖。 求出所有點對 (i,j) 之間的最短路徑。 【輸入格式】 第一行為兩個整數 n,m,分別代表點的個數和邊的條數。 接下來 m 行,每行三…

netlist

在電子設計自動化(EDA)中,網表(Netlist) 是描述電路設計連接關系的核心數據結構,本質上是電路元件(如邏輯門、晶體管、模塊)及其互連關系的 文本化或結構化表示。它是從抽象設計&…

Cadence學習筆記之---原理圖設計基本操作

目錄 01 | 引 言 02 | 環境描述 03 | 原理圖工具介紹 04 | 原理圖設計基本操作 05 | 生成頁間引用 06 | 元件自動編號 07 | 結 尾 01 | 引 言 書接上回,在前文中講述了怎樣制作常用的庫元件,如電阻、二極管,IC器件,以及怎…

【華為HCIP | 華為數通工程師】821—多選解析—第十七頁

多選835、IS-IS協議所使用的NSAP地址主要由哪幾個部分構成? A、AREA ID B、SEL C、DSCp D、SYSTEM ID 解析:NSAP地址:網絡服務訪問點(Network Service Access Point)是 OSI 協議中用于定位資源的地址。NSAP 的地址結構如圖所示,它由 IDP(Initial Domain …