CREATING CUSTOM UI'S WITH JSON UI (Minecraft Bedrock scripting api)

  Рет қаралды 19,643

Dingsel

Dingsel

7 ай бұрын

In this video, 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
Join my Discord! : / discord
My Website : 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:
Script API ActionFormData Forms (Server Forms)
JSON UI Conditional UI Rendering
Binding in JSON UI
Factories in JSON UI
JSON UI Text Operation and Manipulation

Пікірлер: 89
@khoidol1720
@khoidol1720 7 ай бұрын
You are the one who inspired me a lot of things about Scripting! Keep going
@bolognatious1684
@bolognatious1684 7 ай бұрын
I found this channel yesterday, and ive been waiting for custom ui. So les goo
@causalguide
@causalguide 7 ай бұрын
same
@LiechYT
@LiechYT 6 ай бұрын
Omgg I have been searching this for yearssss thank you so muchhhh keep gooooing
@喵嗷嗚
@喵嗷嗚 6 ай бұрын
Oh…2周前(?)
@RedxAx2
@RedxAx2 6 ай бұрын
all of us needed this fr fr, even AI can't provide these info !, please keep going and teach us how to display a form that replace the normal java UI for geyserMC !
@Dingsel
@Dingsel 6 ай бұрын
To do it in geyserMC just ignore the scripting part and try to figure out the title names that geyser gives
@deesekai07
@deesekai07 7 ай бұрын
Finally i found the useful video for teaching about json ui😭, it's 3am right now
@transparent0000
@transparent0000 7 ай бұрын
我之前有訂閱 而且最近剛好在學自訂ui 然後這部片就出了owo I had a subscription before and I just happened to be learning to customize UI recently, and then this movie came out owo
@Mythicode
@Mythicode 4 ай бұрын
This is amazing! Are you going to make videos on modifying Modal Forms aswell?
@herotorxp1796
@herotorxp1796 6 ай бұрын
auto subscribed! thank you I really need this tutorial.😭😭
@xdsumi
@xdsumi 4 ай бұрын
i loved this ❤
@secRaphyTwin
@secRaphyTwin 7 ай бұрын
Nice vid ❤
@KhaledBairamBikDaghstani
@KhaledBairamBikDaghstani 6 ай бұрын
Please dont stop!
@DonTheDevMC
@DonTheDevMC 7 ай бұрын
You’re the g 🎉
@dasoftieguy
@dasoftieguy 15 күн бұрын
Hello! you're by far the most informative guy in this topic since you actually showed how to open the json ui, but is there a way to code a custom ui (lets say, "newui.json") into the java code? or does it have to be an edit of an already existing file?
@Dingsel
@Dingsel 15 күн бұрын
You will always have to modify existing code but you can move your code into new files
@dasoftieguy
@dasoftieguy 15 күн бұрын
@@Dingsel Alr, thank you!
@causalguide
@causalguide 5 ай бұрын
very useful tutorial (sori for bad englidh)
@user-zx4bl5tf3g
@user-zx4bl5tf3g 7 ай бұрын
You are crazy!
@MetalGoldRT
@MetalGoldRT 14 күн бұрын
Yeah, but I would like to know more or less specifically how to add a watermark, or texts on the screen like some addons do
@Whoim264
@Whoim264 3 ай бұрын
pls made video about overlay/hud like on the hive deathrun in right up corner(sorry for so bad eng)
@arandomcementcubeoflife
@arandomcementcubeoflife 20 күн бұрын
Is there a way to make the ui open up by a command or function?
@ayqet
@ayqet 7 ай бұрын
Hello Dingsel, I follow the files exactly how you had them laid out but when trying to use this it did nothing for me. Both the normal and custom forms continued to open. Any way you could help me out with this?
@Dingsel
@Dingsel 7 ай бұрын
I need to see more. Join my discor dand share your code there
@InvysibI
@InvysibI 7 ай бұрын
Father ding, please start the stream
@jaibliss_agent87
@jaibliss_agent87 7 ай бұрын
I just need to know if there's a way to get a custom health bar
@nahoy_dev
@nahoy_dev 6 ай бұрын
Hud_screen
@aucraft
@aucraft 3 ай бұрын
Sim
@itsjanak6337
@itsjanak6337 7 ай бұрын
yayyyyyyyyyyy
@bbfiche
@bbfiche 5 ай бұрын
Love the video, very informative. I am having trouble with it working in minecraft. Is it still compatible today and if so, would it be possibly to get the .mcaddon file template to possibly work with it? Thanks!
@Dingsel
@Dingsel 5 ай бұрын
Yeh it still works. I may not have the mcaddon file but i have the code on skyls.de
@THE_CAPPY
@THE_CAPPY 7 ай бұрын
Now can you teach how to modify the ModalFormData please?
@Dingsel
@Dingsel 7 ай бұрын
what exactly? and why wouldnt this method not apply to modals aswell?
@THE_CAPPY
@THE_CAPPY 7 ай бұрын
​@@Dingselbasically what I want is to make the textField bigger, I clarify that I don't know anything about json ui
@ewoker17gaming
@ewoker17gaming 3 ай бұрын
The bridge coding?
@nixytutorials
@nixytutorials 6 ай бұрын
on nukkit servers, behavior packs dont want to load. Do you know how to use behavior packs on nukkit?
@Dingsel
@Dingsel 6 ай бұрын
I dont think you can
@Icarian_Kotori
@Icarian_Kotori 5 ай бұрын
How do you make the buttons run a command when being pressed?
@Dingsel
@Dingsel 5 ай бұрын
Hey, you will need to know how to use server forms in scripting for that. I did make a video on that but its kinda dated and in german. You might be able to find one of my other responses tho
@GamingUduExtra
@GamingUduExtra 7 ай бұрын
Ihope The next part does not take a couple of months.😅😅
@Dingsel
@Dingsel 7 ай бұрын
🥲
@EmpireCool4
@EmpireCool4 5 ай бұрын
Hello Dingsel. How can i add to the code that if i click a button something will happen.
@Dingsel
@Dingsel 5 ай бұрын
Hey, you will need to know how to use server forms in scripting for that. I did make a video on that but its kinda dated and in german. You might be able to find one of my other responses tho
@Kirito-ew1ns
@Kirito-ew1ns 2 ай бұрын
I can not get this to work after 3.56
@JadenAllen
@JadenAllen 5 ай бұрын
has mojang swapped over to the ore ui yet? or is this still relevant
@Dingsel
@Dingsel 5 ай бұрын
Nope. JSON Ui is right now your only option
@cybi124
@cybi124 3 ай бұрын
@@Dingsel can u put copy and paste for the manifest so its easy to add the other stuff
@WardenStar
@WardenStar 6 ай бұрын
I really don't understand why you need a resource pack, couldn't you just use a behavior pack because unless you wanted a custom item or something. If someone could explain. :)
@Dingsel
@Dingsel 6 ай бұрын
It is to style the ui.
@WardenStar
@WardenStar 6 ай бұрын
@@Dingsel ahh okay 👍
@lordianlol7790
@lordianlol7790 7 ай бұрын
i know this guy
@Dingsel
@Dingsel 7 ай бұрын
Fr?
@bl4ckband
@bl4ckband 3 ай бұрын
Hey can u just link the pack so I can see what I did wrong
@FlameGuy5
@FlameGuy5 Ай бұрын
Check the desc
@H_PX
@H_PX 4 ай бұрын
🙏🙏🙏🙏🙏
@_Wrku
@_Wrku 6 ай бұрын
Kannst du das nochmal in deutsch machen?
@Dingsel
@Dingsel 6 ай бұрын
Schwierig
@Fake_Black6
@Fake_Black6 Ай бұрын
Kannst du das auf deutsch nochmal erklären?
@LakkzScratch
@LakkzScratch 6 ай бұрын
how does he even have all the .json files all created and sorted?
@Dingsel
@Dingsel 6 ай бұрын
can you explain your question further?
@LakkzScratch
@LakkzScratch 6 ай бұрын
@@Dingsel You start the tutorial with the manifest, config, and all of these files without explaining how you got them, or you weren't clear enough with how you got them. It just throws me off. Edit1: Also, how do I test the addon? Edit2: I figured out how to test it, but using the compass and clock don't work. Edit3: A lot of bugs started appearing, I followed the tutorial the best I could, I didnt know where you were copy+pasting from so I wrote the copied lines myself. The tutorial was really hard to follow. Edit4: I tried to follow the tutorial but I don't understand, it doesn't make much since. So I am giving up, unless you know how to fix these problems because I sure can't.
@Dingsel
@Dingsel 6 ай бұрын
@@LakkzScratch I made this video with the asumption that people who wach this know what a behavior and a rp pack are and how their base strucure looks like. Json ui is quite a complex topic and requires knowlage in many different corners in the minecraft bedrock development. This is by no means a tutorial for beginers. Yes I did use a build tool to coppy over the files to the com.mojang directory which might have been confusing but that is why I only mentioned the stuff that anyone, regardless of their workspace, can recreate. If you have questions to the some files or folders i'm happy to answer them.
@LakkzScratch
@LakkzScratch 6 ай бұрын
@@Dingsel It turns out, I missed a period, one little dot. Night development has me tired...
@Dingsel
@Dingsel 6 ай бұрын
I wonder where that dot was required
@miracucraftbedrock
@miracucraftbedrock 6 ай бұрын
Heeeeeelp
@Dingsel
@Dingsel 6 ай бұрын
whaaaaaaaat join my discord
@miracucraftbedrock
@miracucraftbedrock 6 ай бұрын
@@Dingsel is not working
@Dingsel
@Dingsel 6 ай бұрын
@@miracucraftbedrock well I can't do anything with this information. Join my discord and show what you did.
@miracucraftbedrock
@miracucraftbedrock 6 ай бұрын
Link of discord
@miracucraftbedrock
@miracucraftbedrock 6 ай бұрын
The UI json is not working, I'm doing it for my addon "Miracucraft for Bedrock" and it's not opening and I'm not good with it either
@SCTHEROOOOOK-gm6ez
@SCTHEROOOOOK-gm6ez 2 ай бұрын
Tye vanilla rp keeps crashing my game
@rubylikessonic2
@rubylikessonic2 11 күн бұрын
Copied the code exactly from the website and it does not work :(
@Dingsel
@Dingsel 11 күн бұрын
well download the pack and try that
@rubylikessonic2
@rubylikessonic2 10 күн бұрын
@@Dingsel I have, still not working
@User05365
@User05365 27 күн бұрын
Tutorial for 1.21?
@Dingsel
@Dingsel 27 күн бұрын
dude this also works for 1.21
@User05365
@User05365 27 күн бұрын
@@Dingsel oh sorry, do you know why when you click on the menu it doesn't appear?
@thebloodstonegamers9899
@thebloodstonegamers9899 Ай бұрын
Yeah, i made chatgpt make this code it didn't work hers the code import { world, system, ui } from "@minecraft/server"; let isUIVisible = false; // Function to create and display the custom UI function showVideoUI(player) { // Create a simple UI layout const layout = ` #uiContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; border: 1px solid black; padding: 20px; text-align: center; } #closeButton { position: absolute; top: 10px; right: 10px; cursor: pointer; } #videoInput { width: 80%; margin-bottom: 10px; } #startButton { padding: 10px 20px; cursor: pointer; } X Start Video function closeUI() { system.run(() => { ui.close(player); isUIVisible = false; }); } function startVideo() { const videoLink = document.getElementById('videoInput').value; system.run(() => { world.sendMessage(player, \`Playing video: \${videoLink}\`); // Add logic here to actually start the video }); } `; // Display the UI to the player ui.open(player, layout); } // Function to check the distance between the player and the custom block function checkPlayerDistance() { for (const player of world.getPlayers()) { for (const block of world.getBlocks()) { if (block.id === "pa:video") { const distance = player.location.distanceTo(block.location); if (distance 3 && isUIVisible) { closeOpenButton(player); isUIVisible = false; } } } } system.run(checkPlayerDistance); } // Function to show the "Open" button function showOpenButton(player) { const openButtonLayout = ` #openButton { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 10px 20px; background-color: white; border: 1px solid black; cursor: pointer; } Open function openVideoUI() { system.run(() => { showVideoUI(player); }); } `; // Display the "Open" button to the player ui.open(player, openButtonLayout); } // Function to close the "Open" button function closeOpenButton(player) { ui.close(player); } // Main tick function to keep the script running function mainTick() { checkPlayerDistance(); } system.run(mainTick);
@Dingsel
@Dingsel Ай бұрын
stop the chat gpt
@thebloodstonegamers9899
@thebloodstonegamers9899 Ай бұрын
@Dingsel It is chatgpt I specifally said that
@thebloodstonegamers9899
@thebloodstonegamers9899 Ай бұрын
@Dingsel my bad autocorrect, I put yeah, I made chagpt make this code, it autocorrected to yeah I've been working on code in It didn't work hers the code
@thebloodstonegamers9899
@thebloodstonegamers9899 Ай бұрын
@@Dingsel ill change it
@dasoftieguy
@dasoftieguy 15 күн бұрын
this mixes a whole bunch of different language's terms and just random stuff that doesnt mean or do anything Do not use chatgpt for anything, its not gonna make it easier and you just show as lazy
@Phrogfather
@Phrogfather 7 ай бұрын
I'm going to say sth racist
@khoidol1720
@khoidol1720 7 ай бұрын
BBlud What
How to Customize UI - Basic Tutorial [Minecraft Bedrock]
6:42
The Octazen
Рет қаралды 5 М.
Despicable Me Fart Blaster
00:51
_vector_
Рет қаралды 15 МЛН
DEFINITELY NOT HAPPENING ON MY WATCH! 😒
00:12
Laro Benz
Рет қаралды 47 МЛН
Scary Teacher 3D Nick Troll Squid Game in Brush Teeth White or Black Challenge #shorts
00:47
LOVE LETTER - POPPY PLAYTIME CHAPTER 3 | GH'S ANIMATION
00:15
Scripting API Tutorial - The Basics (E01)
23:41
Jaden Allen
Рет қаралды 1,5 М.
How to create Modular and Scalable UI systems in Unreal Engine
19:15
Minecraft Bedrock Script API || GUI Testing || RandomGuyOnTheNet
2:27
Minecraft Bedrock Has SECRET Custom Superflat NOW!
19:07
ibxtoycat
Рет қаралды 754 М.
Jonathan Blow on scripting languages
9:30
Jeru Sanders
Рет қаралды 124 М.
THE CHEST UI (Part 1) - Make BEDWARS [3]
24:46
Lobster Fish MC
Рет қаралды 36 М.
How to Make an OnJoin Function In Minecraft Bedrock (SUPER EASY)
14:01
Soulless Reaper
Рет қаралды 1,7 М.
ЧОП ДОСЫН ЖОҒАЛТЫП АЛДЫ (GTA V)
14:10
MANGO PLAY
Рет қаралды 24 М.