Smart UI Framework for Construct 3

Smart UI is a framework and a set of addons developed with the purpose to simplify the UI design and build in the game engine Construct 3. The framework is still in development but has already reach a stage where the addons and the design components are fully usable to create functional UI's.

The framework came from the need of upgrading the existing tools and addons from Construct's SDK v1 which has evolved into the SDK v2, introducing breaking changes and forbidding backwards compatibility for the tools developed by the community. Therefore, I decided to develop my own framework, highly integrated with the current SDK and aiming to live for long to keep my game projects running for several years. Compatibility with the SDK v2 is a major challenge, considering that the current state of the SDK is still in development, but with a stable version already rolled out.

As part of this project, I've been reporting multiple bugs that Scirra, who has been resolving them swiftly, allowing me to move on and complete the milestones I've set for these addons, while helping the Construct 3 community to have a more stable SDK in the process.

youtube.com/playlist

If you have questions or suggestion, feel free to drop a message or leave your comment. I'd like to know how many devs would be interested in these addons.

Read the full article here: wp.me/parV9i-s0

Thanks! I actually took all what I would like to have in a UI. I'm also looking for feedback on what components and features people look for more often in a UI, so feel free to leave your thoughts.

New Tutorial Video for Progress Bars:

I'm working in the scrollview just right now, and I was wondering if anyone has any specific concern or feedback about what you expect from a scrollview.

By now I've already covered the following for it:

Minimum expected:

• Scroll content clamped to scrollview size
• Children interactions are limited to scrollview quad
• Vertical, Horizontal and Both movements are supported as well as Mouse-wheel scrolling for the first 2.
• Swipe gesture with inertia supported
• Actions: Scroll-to-position (relative and absolute), and Scroll-to-object (child object) are available

New

• Scrollview behaves like a container, inheriting all its characteristics (focus, navigation, cascade enabling, etc.)
• Scrollview uses dynamic layers, creating them over the Scrollview original layer, then moving its contents to the new layer, automatically setting up clipping.
• Behavior Properties can be set by actions
• In Process Scrollviews use scrollbars to displace its content. The new scrollbars can be use as sliders, and as scrollbars with value-set buttons

If anyone there has suggestions over these, I really appreciate them.

Some Screenshots of the ACE's

This year for sure, I'm planning a closed alpha testing cycle. I'm just finishing the details to launch the invitation and share the date.