溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

【spine】spine 簡介

發(fā)布時間:2020-06-27 14:16:39 來源:網(wǎng)絡(luò) 閱讀:4593 作者:kingzeus 欄目:web開發(fā)

寫在前面


      某天,在一陣頭腦發(fā)熱之后,買了 spine。放了很久,最近,才想起來,應(yīng)該好好利用下。于是,開始了新的折騰。好吧,再看了官網(wǎng)的價格之后,立馬心情大好。好了,不說了,又挖了個新的大坑。


什么是 Spine?

Spine 是一款針對游戲的 2D 骨骼動畫編輯工具。 Spine 旨在提供更高效和簡潔 的工作流程,以創(chuàng)建游戲所需的動畫。

優(yōu)勢


在 Spine 中通過將圖片綁定到骨骼上,然后再控制骨骼實現(xiàn)動畫。 2D 骨骼動畫相對于傳統(tǒng)的逐幀動畫有以下優(yōu)勢:

  • 最小的體積: 傳統(tǒng)的動畫需要提供每一幀圖片。而 Spine 動畫只保存骨骼的動 畫數(shù)據(jù),它所占用的空間非常小,并能為你的游戲提供獨(dú)一無二的動畫。

  • 美術(shù)需求: Spine 動畫需要的美術(shù)資源更少,能為您節(jié)省出更多的人力物力更 好的投入到游戲開發(fā)中去。

  • 流暢性: Spine 動畫使用差值算法計算中間幀,這能讓你的動畫總是保持流暢 的效果。

  • 裝備附件: 圖片綁定在骨骼上來實現(xiàn)動畫。如果你需要可以方便的更換角色的 裝備滿足不同的需求。甚至改變角色的樣貌來達(dá)到動畫重用的效果。

  • 混合: 動畫之間可以進(jìn)行混合。比如一個角色可以開槍射擊,同時也可以走、 跑、跳或者游泳。

  • 程序動畫: 可以通過代碼控制骨骼,比如可以實現(xiàn)跟隨鼠標(biāo)的射擊,注視敵人, 或者上坡時的身體前傾等效果。


功能 Features

攝影表 Dopesheet

在動畫制作過程中攝影表是最核心的地方。這里顯示所有關(guān)鍵的細(xì)節(jié),通過它可以 創(chuàng)建動畫以及對時間節(jié)奏進(jìn)行微調(diào)。

【spine】spine 簡介

曲線編輯器 Graph Editor

在曲線編輯器中可以通過調(diào)整貝賽爾曲線來控制兩幀之間的差值,以實現(xiàn)栩栩如生 的動畫效果。

【spine】spine 簡介

反向動力學(xué)工具 IK Posing

Pose 工具可以利用反向動力學(xué)便捷的調(diào)整姿勢。

【spine】spine 簡介

皮膚 Skins

皮膚可以為做好的動畫切換圖片素材。通過改變附加在骨骼上的圖片來實現(xiàn)動畫的 重用。

【spine】spine 簡介

邊界框 Bounding Boxes

邊界框是一個附加到骨骼上,隨著骨骼移動的對象。它可以用于碰撞檢測和物理集 成。

【spine】spine 簡介

網(wǎng)格 Meshes

網(wǎng)格允許你在矩形邊界內(nèi)定義多邊形。這將提高最終紋理貼圖集的空間使用率,因 為在多邊形外的像素將被忽略掉,這種優(yōu)化對移動設(shè)備來特別重要。網(wǎng)格的另外一 個功能就是支持自由變形 FFD 和蒙皮 Skinning。

【spine】spine 簡介

自由變形 Free-Form Deformation

自由變形 FFD 允許你通過移動網(wǎng)格點(diǎn)來變形圖片。FFD 能實現(xiàn)網(wǎng)格的:拉伸、擠 壓、彎曲、反彈,等一些矩形圖片無法實現(xiàn)的功能。

【spine】spine 簡介

蒙皮 Skinning

蒙皮允許將網(wǎng)格中指定的點(diǎn)附加給指定骨骼。然后點(diǎn)將隨著骨骼移動,網(wǎng)格則隨之 自動發(fā)生變形?,F(xiàn)在可以用骨骼動作控制角色的圖片進(jìn)行彎曲變形了。

輸出格式 Export formats

Spine 能將項目中的動畫導(dǎo)出為 JSON 或二進(jìn)制格式文件,它們能在 Spine 運(yùn)行時 庫中完美的再現(xiàn)。 Spine 同時還可以導(dǎo)出 GIF 動畫, PNG 或 JPG 序列圖,還有 AVI 或 QuickTime 的視頻文件。

【spine】spine 簡介

導(dǎo)入 Importing

Spine 通過一個路徑查找并導(dǎo)入其它工具生成的數(shù)據(jù)文件,它能夠識別符合要求的 JSON 或二進(jìn)制格式數(shù)據(jù)。也可以從別的 Spine 項目中導(dǎo)入骨架和動畫。

【spine】spine 簡介

圖片打包 Texture Packer

Spine 能將圖片打包成紋理貼圖集,這能提高你在游戲中的渲染效率。Spine 的紋 理貼圖打包工具擁有很多功能比如剝離空白區(qū)域,旋轉(zhuǎn),自動縮放等等…(目的主要 是為了充分利用空間)

【spine】spine 簡介

運(yùn)行庫 Runtimes

制作出驚艷的動畫只是工作的一部分 —— 您還需要在游戲中顯示它們。Spine運(yùn)行庫可以讓您的游戲引擎播放這些動畫,效果就如同在動畫編輯器里顯示的那樣。

Spine運(yùn)行庫提供了一組API,可以直接訪問骨骼(bones),附件(p_w_uploads),皮膚(skins)和其它動畫數(shù)據(jù)。在程序中可以控制骨骼,混合動畫、淡入淡出等等。

官方的運(yùn)行庫放在GitHub上,并授權(quán)允許Spine用戶在其程序中使用Spine運(yùn)行庫。這里提供了所有源碼,它將是你游戲中必不可少的一部分。

官方運(yùn)行庫

  • Unity, C#

  • Unity 2D Toolkit, C#

  • cocos2d-iphone, Objective-C

  • cocos2d-x, C++

  • XNA, C#

  • MonoGame, C#

  • Starling, ActionScript 3 (demo)

  • libgdx, Java

  • Turbulenz, JavaScript (demo)

  • SFML, C++

  • Torque2D, C++ / TorqueScript

  • Corona, Lua

  • LVE, Lua


官方通用運(yùn)行庫

不涉及描畫部分的通用實現(xiàn).

  • C / C++ / Objective-C

  • C#

  • ActionScript 3 (demo)

  • Lua

  • JavaScript (demo)


第三方運(yùn)行庫

社區(qū)提供支持

  • iOS 7 SpriteKit, simonkim

  • iOS 7 SpriteKit, mredig

  • GameMaker, official

  • GameMaker, C

  • GameMaker (alternate)

  • spine-cocos2d-html5, JavaScript

  • XNA/MonoGame with content pipeline

  • Unity Futile, C#

  • pixi.js (demo)

  • Marmalade

  • Monkey (demo, thread)

  • Wave Engine, C#

  • Gideros, Lua

  • Ruby

  • Google's Go (generic)

  • Eng, Go

  • SmoothStep2D, HTML5

  • CAAT, JavaScript

  • GameBuilder Studio

  • sHTiF, AS3

  • Pascal (FPC, Delphi, Smart Mobile Studio)

  • flyover/spine.js, JavaScript (demo)

  • Ignifuga, Python

  • Python

  • Haxe

  • HaxePunk

  • Haxe NME

  • Haxe 3 and NME 4

  • MonoGame and Gdna

  • MOAI, Lua

  • MOAI, Lua (thread)


開發(fā) Development

Spine尚在積極開發(fā)中。官方經(jīng)常一周發(fā)部多個新版本。您可以密切關(guān)注更新日志了解詳情。如果想更詳進(jìn)的了解官方的開發(fā)計劃和進(jìn)度,請關(guān)注“Spine動畫編輯器”和“Spine運(yùn)行庫”的 Trello board(一種管理進(jìn)度的團(tuán)隊協(xié)作工具)。在上面你可以對開發(fā)任務(wù)進(jìn)行投票和評論,還可以訂閱它,這樣當(dāng)開發(fā)完成時,您就會收到電子郵件通知。

spine在持續(xù)開發(fā)新功能同時,也在不斷的完善和優(yōu)化軟件的各個方面。通常這些意見都來自用戶的反饋??梢缘絊pine官方論壇分享您的心得吧。

最后


關(guān)于 spine的使用,也可以關(guān)注本專題的后續(xù)文章.

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI