TexturePacker 這個工具,用來產生MovieClip需要的Sprite Sheet圖檔與Data file。
在做 App 的開發時,難免會需要在專案中加入許多的圖片,尤其在開發遊戲專案時,當加入的圖檔越來越多,程式難免越來越肥厚,這時候就需要Texture Packer將圖檔作打包的動作。
只要20秒就能創建一個屬於你的sprite sheet
只需要簡單3步驟
- 拖曳sprite 到TexturePacker
- 選擇匯出和圖像格式
- 點選發佈
優化你的遊戲
TexturePacker可以幫助你減少記憶體使用空間,提高遊戲性能
為了提升性能,你可直接匯出成預期製作出來的系統圖像格式,如PVR、KTX等
系統需求
Supported operating systems
TexturePacker is a GUI and command line tool to create sprite sheets or sprite atlases. Without specifying any additional options TexturePacker already creates very good results, but you also have many options available to adjust things to your needs.
- macOS 10.14 and newer, including macOS 13 (Intel as well as Apple Silicon)
- Windows 10 and Windows 11
- Ubuntu 20.04 and newer
If you're using an older operating system and experiencing issues with the latest version of TexturePacker, you can download and use an older version that is compatible with your OS.
Pack your sprite sheets in seconds
Use TexturePacker to create sprite sheets from your images. Fast. Optimized. Easy to use.
Efficient packing algorithms
Grid
Use this algorithm if your game engine doesn't support sheet data files. All sprites are packed in an equal spaced grid.
Basic
The basic algorithm fills the sprite sheet from top to bottom, different sprite sizes are supported. It's the fastest algorithm but usually requires more space.
MaxRects
This algorithm minimizes the sprite sheet size by placing sprites in gaps between other sprites. Your game engine must be able to import packing information files — which most game engines do.
Polygon
The polygon algorithm removes transparent parts of the sprites to pack them even tighter. This requires a game engine that supports polygon sprites. E.g. Unity or cocos2d-x.
Trimming and identical sprite detection
Trimming / Crop
Trimming removes transparent areas around a sprite which allows tighter placement of the sprites. This decreases the memory usage and at the same time increases the performance of your game. A data file contains the information about the trimmed areas — this is why the sprites still behave in the same way as the original sprites in your game engine.
Alias detection
Sometimes it's necessary to use the same sprite multiple times, e.g. in an animation. TexturePacker detects these identical sprites and only adds them to the sprite sheet once. The animation still plays as expected because the animation frames reference the identical sprites.
Pack multiple sprite sheets
Multipack
Use multipack to pack all your sprites at once. TexturePacker creates the least amount of sprite sheets that can hold all your sprites.
Filters
Use filters to control which sprite is placed on a specific sprite sheet. E.g. put all background on one sheet or sprite sheet variants based on pre-scaled sprites.
Easy to use
Drag & drop user interface
To create a sprite sheet simply drag the folder containing the sprites onto TexturePacker. That's it.
Smart-folders
TexturePacker detects changes in your sprite folders: Newly added, renamed or deleted sprites automatically trigger a re-packing of the sprite sheet.
Optimize graphics for your game
TexturePacker can not only provide graphics at the right resolution, it can also reduce the memory usage of your graphics.
Support multiple screen resolutions
Automatically downscale sprites for all devices
- Create high-resolution images only
- TexturePacker scales images
- Publish for all devices with a single click
- Automatically downscale sprites for all devices
Prescaled images
- reduce runtime memory consumption
- increase the frame rate (fps)
- reduce download size and time
- (when only loading the device-specific variant)
Optimize your png sprite sheets
Use png compressed textures to reduce the download size of your game.
PngQuant
Use the included pngquant algorithm to create high quality, lossy compressed png files to reduce the size of your sprite sheets.
Zopfli compression
TexturePacker includes Google's favorite Zopfli compression algorithm to reduce the size of the compressed PNG file even further.
Hardware compression
Use hardware compressed textures to reduce the runtime memory usage of your game.
Use hardware compressed textures
TexturePacker supports the following hardware texture codecs: ETC1, ETC2, PVRTC1, PVRTC2, DXT1, DXT5, ASTC, Basis Universal (with ETC1S and UASTC)
Hardware optimized formats
Hardware compression is available in the following image output formats: PKM, DDS, PVR, KTX, ATF, ASTC, BASIS, KTX2
Pixel formats
TexturePacker also supports non-compressed standard formats such as RGBA8888, RGB888, RGB565, RGBA4444 and more.
TexturePacker for artists
No more artifacts!
TexturePacker optimizes your sprite sheets in a way that reduces artifacts on your sprites. Say good bye to
- flickering lines between tiled sprites
- jagged sprite edges
- colored halos around your sprites
- strange color on sprite borders
9-scale sprites and Pivot Points
9-patch / 9-scale Editor
9-patch sprites scale the borders and content separately. They are perfect for UI elements with variable content size such as dialog boxes, buttons, and input fields. Configure your 9-patch slices in the 9-patch editor.
Pivot point Editor
Set your sprite's pivot points in TexturePacker's visual editor. Align animation frames while watching the result in the animation previewer.
Animation preview
Preview your sprite animation directly in TexturePacker
Bonus: The animation preview runs while you edit the pivot points. So you can see the results of your adjustments in real-time.
Sprite sheet splitter
You already have a sprite sheet that you want to re-pack with TexturePacker? Use the included sprite sheet splitter to extract sprites from an existing sheet.
在僅僅17秒內完成您的2D物件輸出
PhysicsEditor 是一款可編輯Box2D和Chipmunk collision形狀的物理編輯器。您可以使用它來添加圖像,跟蹤他們的輪廓,以物理參數匯出編輯內容。
PhysicsEditor附帶的Helper檔,可以只管理shape和物理屬性,不負責bodydef和fixturedef的代碼,這可以讓設計更加靈活隨意。
它最強的地方在於只需輕點一下魔術棒就能自動完成標記頂點和分隔polygon的過程。
特點介紹
- 簡單易用的圖形化使用者介面
- 自動跟蹤形狀
- 凹多邊形的自動處理
- 在專案管理中管理所有你需要專案
系統需求
Supported operating systems by the current version of PhysicsEditor:
- macOS 10.14 and newer, including macOS 12
- Windows 8 and newer, including Windows 11
- Ubuntu 20 and newer
Easy to use editor
Shape tracer
Let PhysicsEditor create the collision outlines automatically
Tracer with live preview
The tracer displays the traced shape in while you tweak the settings.
Use the tracer tolerance to get the optimum ratio between shape fit and vertex count.
Shape editor
Use the vector editing tools to manually tweak your shapes
Shape creation tools
Use the shape editor to create the collision elements, your physics engine supports: Circles and polygons
Multiple fixtures per body
Create detailed fixtures for each body part to distinguish where a collision was detected: Head, limbs, torso.
Use sensors to detect incoming collisions
Sensors can detect if a game object is close to another without already touching it. E.g. let your game character stretch out his arms before hitting a wall.
Convex decomposition
Done for you....
Almost all physics engines do not support concave collision shapes. The shapes have to be destructured into convex sub-polygons.
You don't have to care about this because PhysicsEditor automatically exports the shapes as convex polygons.
Collision & Physics Parameters
Physics parameters
These parameters define how an object behaves in the physics engine
Physics parameters
Edit physics parameters on fixtures and collision bodies: Mass/Density, Friction, Restitution, Elasticity, Bounce
Collision parameters
Edit collision parameters on fixtures and collision bodies: Collision groups, categories, masks and filters.
Own parameters
Create and edit your own custom parameters by creating a custom exporter.
SpriteIlluminator
SpriteIlluminator in Action: Generate your normal maps
What is a normal map?
Rendering dynamic lighting & other effects requires information in which direction a pixel is facing. The direction information — encoded into a color value — is called a normal map.
BabelEdit
Translation editor for web apps
Spellchecker
BabelEdit contains a spell checker to simplify your daily work.
- Check spelling while you type
- Suggest corrections
- Check each translation in its own language
- Extend dictionary with unknown words
- Supports 42 languages
Suggestions & Pre-translate
Let BabelEdit fetch translations from Google Translate. You can use them as suggestion for a single phrase or fetch all translations for a language.
- Get translation suggestions from Google Translate
- Fill all missing translations for a new language
- Preview your application in another language
- Speed up translation process