Phaser UI Comps

screenshot of Phaser UI Comps

Phaser 3 UI Components built by Adobe Animate

Overview:

Phaser 3 UI Components is a user interface library built by Adobe AnimateComponentClip. It allows you to easily create and control UI components using JSON and atlases. With the help of the UIComponentPrototype, you can switch states, listen to events like clicks and drags, and ensure that components remain functional even if their associated clip instances are removed. The library also provides a convenient way to export bitmaps to png files and pack them into atlases using tools like TexturePacker.

Features:

  • AnimateComponentClip: Allows components to build themselves using JSON and atlases.
  • UIComponentPrototype: Helps in controlling components, switching states, and listening to events.
  • Bitmap Export: Easy exporting of bitmaps to png files with the same folder structure as in the Animate document library.
  • Atlas Packing: Integration with tools like TexturePacker for packing bitmaps into atlases.
ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.