MODIFYING UI'S WITH JSON UI (Minecraft Bedrock scripting api)

Рет қаралды 13,708

6 ай бұрын

In this series, I demonstrate how to use JSON UI in combination with the scripting api in the Minecraft Bedrock Edition.
🔗Links :
Like What I Am Doing? Concider Supporting Me! : ko-fi.com/dingsel
Last Video : • CREATING CUSTOM UI'S W...
Join my Discord! : / discord
My Website and Code : skyls.de
Music : • Into the Unknown
JSON UI docs : wiki.bedrock.dev/json-ui/json...
Vanilla RP : github.com/ZtechNetwork/MCBVa...
🔥Topics covered in this video:
JSON UI Labels
Binding in JSON UI
Factories in JSON UI
Server Forms
Panel vs Stack Panel
Changing Buttons
Button Icons

Пікірлер: 104

@FailRaceFan 6 ай бұрын

Woah, the tutorials are so well done. I just have to learn JavaScript now to do this myself...

@secRaphyTwin 6 ай бұрын

OMG I'm hyped ngl ❤🎉

@mrhealthfitness683 6 ай бұрын

Cant wait for it bro

@naker_n 6 ай бұрын

Bro's the saver of the bedrock addon community

@yKoro 6 ай бұрын

you are a angel, thanks

@Real_ZeroPlanet 6 ай бұрын

Fr dude, he are a angel.

@SL0357 6 ай бұрын

thanks for helpful video👍

@herotorxp1796 6 ай бұрын

waiting👀👀👀👀🤩🤩

@JadenAllen 6 ай бұрын

thank you for this!

@user-ce6by9kz5u 6 ай бұрын

Hello! Thanks for 2 episodes. Here's an idea for the next episode: show how to create more than two menus (I mean the design of the panel, buttons, etc.

@Dingsel 6 ай бұрын

you can just add another panel and change their references to your other custom panel. Dont forget to edit the show condition tho

@user-ce6by9kz5u 6 ай бұрын

@@Dingsel Thank you, you are the best KZfaqr who really shows useful things and answers in the comments.

@user-ce6by9kz5u 6 ай бұрын

Hello again! Last question. In the original panel where you showed how to create the opposite (if it is not a menu called Custom Forms, then the original panel is shown). How to apply and to the second title? If you don't understand my question, you can ask again

@Dingsel 6 ай бұрын

@@user-ce6by9kz5u just subtract the 2nd form title from the text aswell

@user-ce6by9kz5u 6 ай бұрын

THANK YOU! I succeeded! You are the best KZfaqr who helps people!

@Jemz_gg Ай бұрын

more tur bro i love your content

@Amaan-5347 6 ай бұрын

Würde es sogar cool finden wenn du zeigen könntest wie man mehrer macht also so das wenn man z.B. auf Skins geht wieder ein Menu sich öffnet.

@ve3dy 3 ай бұрын

Subscribed. can you make more content about Minecraft Scripting + JSON UI please, thank you. 😀

@Dingsel 3 ай бұрын

what specificly?

@ve3dy 3 ай бұрын

@@Dingsel maybe some animated UI, like a fake loading/splash screen. Also, creating a dynamic UI that appears under certain conditions, like buttons only appearing when specific conditions are met, would be a great video guide. Thanks!

@GamilinoMC 6 ай бұрын

Very Good Video, A form with a grid would be interesting though, maybe in your next Vidoe right!

@lordian7776 6 ай бұрын

w video i love it

@agentx-y5654 6 ай бұрын

Pls make a tutorial about how to make a custom crafting table ui

@user-md8uy3bp3s 5 ай бұрын

thank you

@naruru0416 6 ай бұрын

thank you!!!!!!!!

@polanexas 4 ай бұрын

I feel like giving links to your code would be really useful, or at least for the first video

@Dingsel 3 ай бұрын

I do

@polanexas 3 ай бұрын

Yes, I know now, just didn't notice it😆 Sorry

@timbo_665bo7 6 ай бұрын

Nice thx

@KawEduh_dv 6 ай бұрын

Hello, thank you very much for the tutorial, but I would like to know if it is possible to create a UI where, for example, buttons 1, 2 and 3 are vertically on the left side, and other buttons such as 4, 5, 6 and 7 horizontally on the left side

@Dingsel 6 ай бұрын

Yeh for that you have to make the buttons 1,2 and 3 not be included in the button factory. In the same panel as the factory, add your button to the controlls and manually give it a collection index property (from 0 - 2) you do that for all buttons.

@KawEduh_dv 6 ай бұрын

@@DingselDo you know where I can find a specific file with this, or where there is the necessary documentation?

@Dingsel 6 ай бұрын

@@KawEduh_dv you are out of luck there. I do have the links to the json ui docs in the description but i dont think they will help you. If you can not find an exaple for this then you just have to take my word on that

@mrhealthfitness683 6 ай бұрын

@@Dingsel Bro could you explain more about the json ui . like make a ui like the hive or cube craft

@Dingsel 6 ай бұрын

@@mrhealthfitness683 tbh its all just textures. If you read my responses on other qurstions you might already be able to do that on your own.

@Driver_2467MC 6 ай бұрын

now a tutorial on how to make an inventory please 😊

@Dingsel 6 ай бұрын

What exactly

@FallenCosmo 6 ай бұрын

coooooooooooooooooooooockie

@knachman 2 ай бұрын

how do you make it run a command after you press a button?

@KerolusPremium 4 ай бұрын

How can i set the button background color to invisible

@Amaan-5347 6 ай бұрын

Denke das du Deutsch kannst.... Finde es total cool könntest du vllt. mal ein Tutorial machen wie man den weißen Rand zu einer anderen Farbe ändert? Außerdem würde ich es cool finden wenn du das in Bridge V2 mschen könntest den so hab ich 0 Plan wo und wie ich welchen File einfügen soll. Danke fürs lesen btw. Byee

@Dingsel 6 ай бұрын

Der Rand sollte einfach nur eine Textur sein die du ändern musst. Und von meinen Ordnern könnte man ablesen was in was gehört. So gehören files von dem BP Ordner ins behavior pack und files von RP ins texturepack. Die Struktur des Aufbaues ist gleich.

@martinrademakers4215 6 ай бұрын

when i put the icons in the ui folder it gives purple and black icons what am i doing wrong?

@martinrademakers4215 6 ай бұрын

lmao i already fixed it. I put it in the wrong folder :)

@alonels0 6 ай бұрын

yeees

@LeojBaldonado Ай бұрын

Is it possible to create a button? For example the jump button

@Dingsel Ай бұрын

on screen without a menu? no.

@martinrademakers4215 6 ай бұрын

Now how do i make the buttons open things like other forms and run commands?

@Dingsel 6 ай бұрын

That has to do with scripting. I did make a video on server forms once but it is in german. Alternetifly you can join my discord server and get help from there.

@ItsDogpeeps Ай бұрын

how do I make them with functions. It's not working for me. when I try one way it says player is not defined, and the other way it says form is not defined

@Dingsel Ай бұрын

well I cant do that alot with that information. Just post your code on my discord server and someone will help

@ItsDogpeeps Ай бұрын

@@Dingselok thanks 😊

@ClickbaiterZ 6 ай бұрын

Will this apply to all custom ActionFormData? Or we can edit only the specific ActionFormData?

@Dingsel 6 ай бұрын

Watch last video. It is done conditionally

@swit_azya 2 күн бұрын

Hello, can you explain me how to create more than two form ? I've try to create a third form but it overlap.

@Dingsel 2 күн бұрын

wich means you have set up the conditions wrong

@Dingsel 6 ай бұрын

Code will be available soon on skyls.de

@KerolusPremium 4 ай бұрын

How can I make the type of panel to grid

@Dingsel 4 ай бұрын

since a lot of people asked me this : In your button factory change type from stack panel to grid remove orientation property add grid_dimensions and grid_fill_direction and grid_rescaling_type (optional) reference your button in grid_item_template change the binding_name_override to #maximum_grid_items

@shaneruegg1402 3 ай бұрын

How do I add a custom image icon to my button

@bl4ckband 18 күн бұрын

Okay so you're going to want to go into your code if it's a custom icon you're going to have to adopt PNG to the file path so on the the older ones so if you download the pack that he has you'll see that the buttons have a comma and then a quotation after the button that shows a file path to an image write for custom ones you have to have. PNG and for the ones in Minecraft you just have to leave the path like that and if you check inside the actual pack they sent on the second custom ui you will see

@LiechYT 6 ай бұрын

Emm I need some help. I import the rp and bp pack into Minecraft bedrock world. Nothing is wrong but I just can’t open the ui. Can you anyone help me?

@Dingsel 5 ай бұрын

Hey if you still have issues with that join my discord

@rafamarcos9387 6 ай бұрын

You are the best, could you explain in a next video how to make a ctm block, that is, with connected textures. 🫠

@Dingsel 6 ай бұрын

Idk what ctm blocks are

@secRaphyTwin 6 ай бұрын

@@DingselCTM ist ein feature von Optifine(java), wo man connected textures machen kann z.B. wenn grass neben dirt ist, wird das so zusammengeführt sag ich mal, dass die texturen besser matchen

@secRaphyTwin 6 ай бұрын

@@underblade6918 Ich weiß, ich habe mich mal recht lange damit auseinandergesetzt, es gibt aber keine Möglichkeit.

@user-ce6by9kz5u 6 ай бұрын

Hello! I succeeded, all 2 Episodes! Thank you! However, if you create multiple buttons, they will extend beyond the frame. How can I make them fit the frame? (Same as standard design)

@Dingsel 6 ай бұрын

reference the panel with the factory in a scroling panel github.com/ZtechNetwork/MCBVanillaResourcePack/blob/b893d1304468df543e11fa74f82ccaf9b57aa874/ui/server_form.json#L55C7-L66C10

@user-ce6by9kz5u 6 ай бұрын

@@Dingsel Thank you, you helped me! You answered all my questions, you really the best KZfaqr (I know I already said this, but I want to express my gratitude)

@KerolusPremium 4 ай бұрын

When is part 3

@RedStoneCraftGG 5 ай бұрын

How about three or more form panels? I tried to add more long forms and make the same binding rules, but it didn't work. Edit: Finally, I found a way to make the form panel not overleap, and now, how can I make the custom button scrollable since I have too many buttons?

@Dingsel 5 ай бұрын

You need to put the content into a scroling panel and make the the stack panel a grid. Not easy tbh. Maybe something for JSONUI #3

@RedStoneCraftGG 5 ай бұрын

@@Dingsel Thanks. I finally figured it out

@RedStoneCraftGG 5 ай бұрын

@@Dingsel How do I make the text background size match the length of the text?

@Motikofus Ай бұрын

But if you change offset you will have a problem because it will not display correctly on all screens

@Dingsel Ай бұрын

Nah pixels are consistent on all devices. Adding percentages would make problems but the main panels size is in pixel as well

@Motikofus Ай бұрын

@@Dingsel oh okay. Can you do a tutorial to find out how to do several custom interface

@Motikofus Ай бұрын

please

@Dingsel Ай бұрын

@@Motikofus well you just add another panel to the other panels and add the conditions like I did in part 1

@LakkzScratch 6 ай бұрын

How can I run a command when a button is clicked, like "/give @s cooked_beef 64". This is all I need to use the JSON UI.

@Dingsel 6 ай бұрын

Thats just scripting. Json ui is only for styling the forms. I did have a rather oöd video on that but it is in german. Short version is : yourActionform.show returns a promise with an object containing the button selected. You then use an if statement or swich case to check wich button was pressed und run the command.

@LakkzScratch 6 ай бұрын

@@Dingsel ik JSON UI is for styling the forms, I just need to know how to activate in-game commands when a button is clicked. Idk how to check which button was pressed and idk how to activate an in-game command when a button is clicked. That is what I ment if you didn't understand.

@Dingsel 6 ай бұрын

@@LakkzScratch There are some people in my discord who can help you out with scripting if thats what you are asking

@MinecraftBedrockArabic 6 ай бұрын

the text clip outside of the box if it is too big

@Dingsel 6 ай бұрын

You just have to experiment there on your own like changing and setting sizes for the text container or changing the font size there are many ways to solve this

@MinecraftBedrockArabic 6 ай бұрын

yeah i did that @@Dingsel

@TykkShorts 4 ай бұрын

its nic ebut what did he do in the behavier pack?? nothing or something tell me PLS

@Dingsel 4 ай бұрын

watch part 1

@gameparade2970 4 ай бұрын

@@Dingselbro is it possible to make every button have different positions and sizes?

@gameparade2970 4 ай бұрын

@@Dingselpls reply 😅

@KeeleyChaos-official 6 ай бұрын

Is it possible to create buttons based off people around you? Kind of like: testfor @a[r=5] Found , , But instead something like: ________________ | Message | [] [] [] [ Cancel ] ----------

@Dingsel 6 ай бұрын

Yeh just add mpre buttons lol. I need to know where you are strugeling with