Lmst

Made a videoplayer app for the #RaspberryPi 5 using #haxe #openfl #feathersUI and #hxvlc

It's quite a smooth experience.
And of course it runs on windows mac and other linux to :)

And here's a screenshot of the Moonshine.dev visual form designer for #FeathersUI, #OpenFL, and #Haxe.

Drag-and-drop GUI for building forms with Feathers UI. Components and Outline view on the left, Code and Design tabs in the center (with Design selected, and a form being created and Properties view on the right with a background skin drop down active.

In collaboration with the Moonshine.dev team, a new visual form designer is now available for Feathers UI. Drag-and-drop GUI controls into containers (including nesting), edit common properties in the GUI, apply layouts (with percent sizing), and adjust font and background styles.

It generates MXHX markup, a new XML dialect for GUIs in Haxe, inspired by Adobe Flex's MXML, but targeted at Haxe instead of AS3.

https://feathersui.com/blog/2024/11/21/moonshine-dev-feathers-ui-drag-and-drop-visual-designer/

#Haxe #OpenFL #FeathersUI #MXHX #AS3 #AdobeFlex #ActionScript

Check out the new Feathers UI v1.3, with new Drag-and-Drop capabilities, the Collapsible component, a new optional dispose() method on all components, and ton of bug fixes.

https://feathersui.com/blog/2024/08/01/feathers-ui-version-1-3-haxe-openfl-release-announcement/

#OpenFL #Haxe #FeathersUI #GUI

TilBuci is a software editing suite that allows you to create interactive content like narrative games and digital books. Built by Lucas Junqueira with #FeathersUI, #OpenFL, and #Haxe. It's free and #OpenSource!

Video:

https://www.youtube.com/watch?v=P1MxAHrJMMM

GitHub repo:
https://github.com/TilBuci/TilBuci

A few more #FeathersUI samples (compiled to SWF with Haxe) running on #Ruffle.

A minor graphical glitch in the TodoMVC sample (the select all arrow), but otherwise, looking really nice!

Feathers UI HorizontalLayout percentage sizing sample running in Ruffle

Feathers UI Hacker News reader sample running in Ruffle

Feathers UI Todo MVC sample running in Ruffle

Just for fun: I prototyped a small reactive programming library for #FeathersUI, #OpenFL, and #Haxe. Not sure I'll do anything with it, but it was a fun exercise.

I wish the props didn't use reflection and were strictly checked at compile-time. However, I really like the state system — especially the transform() method that can convert a state value into a different type with a callback. Perfect for converting values into strings.

var count = Reactive.state(0);
var group = Reactive.create(LayoutGroup, {layout: new VerticalLayout()},
Reactive.create(Button, {
text: "Click Me",
"on:click": (event:MouseEvent) -> {
count.value++;
}
}),
Reactive.create(Label, {
text: count.transform(value -> {
return 'Clicked $value time' + (value == 1 ? "" : "s");
})
})
);
addChild(group);

Another preview at the XML component format that I'm developing for #FeathersUI and #OpenFL. This screenshot shows a snippet that customizes the appearance of a RectangleSkin with a fill and border.

Yes, it's very verbose, and no, this absolutely won't be the recommended way to skin a component.

I'm just proud of how the XML format can even represent #Haxe enums with arguments. In this case, that includes FillStyle.Gradient, LineStyle.SolidColor, and GradientBoxTransform.RotateDegrees.

A screenshot of XML code for Feathers UI that shows how to change the fields of a RectangleSkin.

I've been working on a way to build custom components for #FeathersUI and #OpenFL using XML. I'm aiming for something very similar to #MXML in #ApacheFlex.

Last week, I finally compiled my first real sample component (after spending tons of time writing necessary low-level tests).

The XML code in the screenshot recreates one of the #FeathersUI samples that was originally written in #Haxe. The XML is parsed at compile-time with a Haxe build macro, which generates a class.

A screenshot of XML code representing a custom Feathers UI component.

Bring your designer's vision to life with the flexible skinning APIs in Feathers UI.
https://feathersui.com/learn/haxe-openfl/shape-skins/
#feathersui #haxe #openfl

Three versions of the same app, side by side, each with a different visual theme.

Thanks to the awesome people working on OpenFL, who fixed the issue I discovered yesterday, here is a demo of the ColorMatrixFilter using my helper class and editor system https://matse.skwatt.com/haxe/valedit/filter/ColorFilterHelper/

#haxe #openfl #feathersui

The other day, I implemented custom margins before and after specific items in HorizontalLayout and VerticalLayout (in #feathersui). They get appended to the layout's gap (and can even be negative to make the gap smaller for a specific item).
#haxe #openfl

#feathersUI

Client Info