Belly The Be all and end all of bevy UI Plugins

In this video I show off the belly plugin, it really is an incredible plugin that you should consider for any games that you want to make, it makes laying out your UI easy, fast, and fully customisable.
It has the functionality to easily like pieces of UI back into your game without needing complex and cluttering systems to pull and place data in a format that UI can render and users can input.
Patreon = / phaestusfox
Official Code found here = github.com/jkb0o/belly
My Bevy 0.11 Update here = github.com/PhaestusFox/belly
BevyEngine = bevyengine.org/
00:00 intro
01:51 From the top
03:42 The Basics of Belly
04:19 Using the Ess
05:50 How Small An Interactive Ui Can Get
06:41 The Ess Ordering
08:04 Data Binding
12:15 Modifying Elements
13:03 Loops
14:33 Slots
15:44 Outro
Plugins I'm using:
Bevy Snippets - suggested by Pixl - marketplace.visualstudio.com/...
Rust Extension Pack - marketplace.visualstudio.com/...
Error Lens - marketplace.visualstudio.com/...
Stock Images from unsplash.com/
#Bevy #GameDev #bevyengine

[@estranhokonsta]

Thanks for the video. These type of library intro are really neefed to help a community grow by just sharing common knowledge, practices.

[@jeffg4686]

On a more serious note, this is a really nice UI.
Nice to be able to use html/css like syntax (familiar)

[@PhaestusFox]

Yeah it is really nice to be able to use html, but something that really buggs me it that isn't not quite CSS to vs code it's always giving me yellow warning saying I can't use position-type: absolute because it doesn't know what it is

[@QIZI94]

Sounds a lot like Qt framework even with naming xD looks awesome thanks for the video

[@JosephCatrambone]

Oh, that's brilliant. I can't believe I haven't heard of this.

[@PhaestusFox]

I know it's a pretty powerful plugin

[@ajinkyax]

I think the author of Belly moved to polako (same developer)

[@minutesock9649]

I'm watching this video 9 months after upload and belly still does not have a crate. I'm perplexed why such a feature rich library isn't available as a crate from cargo? Is it complicated to create a crate? Surely it's much easier than what jkb0o as accomplished with belly!
I hope that one day belly will be adopted as the official method to create ui in bevy and become a part of the engine.

[@PhaestusFox]

Sadly the creator has decided to stop developing belly, I think the reason it never made it to crates was because some people like to have it finished before publishing it

[@tomaspecl1082]

Wow! Rust macros are magical. But every time you use those kinds of macros you are basically using a new language. You have to learn all the new syntax and all. And the linter will not help you. But I get that if you are familiar with html then you will probably use it without many problems.

[@PhaestusFox]

Yeah I do a agree it's like learning a new language, but it is nice when that language is as well documented and standardised as HTML, at least compared to bevy and it's UI, it can be really hard to find information on how to do some things using it. But I do believe the linter can help, at least the macro is written with that in mind, like belly's eml macro tells you if you forget to close a tag or if you can't use a specific value with custom error message and everything

[@xyangst]

last update 5 months ago..

[@PhaestusFox]

Yeah if I remember the creator of the plugin doesn't think it meets there vision and so has stopped working on it, they are apparently working on a replacement tho

[@jeffg4686]

@1:47 "Skippity bop." - wrote a song for it
Skippity bop.
A spinning top.
I think this whole language is about to flop.
About to flop.

[@SEOTADEO]

I wonder if there is a project that just renders html and css and exposes an interface like the JS api we are used to from browsers, e.g. `document.getElementById("button").style = "color: red;"`

[@PhaestusFox]

Don't know, belly stays within the ECS framework of bevy so I can't be as pure as a virtual dom