Building UI for games with the new UI Builder - Unite Copenhagen

  Рет қаралды 216,441

Unity

Unity

4 жыл бұрын

A single, unified, UI editing tool in Unity - that's our goal for UIElements. In this session, we cover what's available now, share what we're working on, and give a glimpse of what's coming in the future. Learn about UIElements for runtime, new UI authoring workflows, and how we're building the tools to benefit artists and creators.
Speaker:
Damian Campeanu - Unity
Slides available here: www.slideshare.net/unity3d/bu...

Пікірлер: 317
@rnbpl
@rnbpl 3 жыл бұрын
can't wait for my grandchildren to be able to use this in production!
@dimafreeman2669
@dimafreeman2669 2 жыл бұрын
😂
@sconosciutosconosciuto2196
@sconosciutosconosciuto2196 2 жыл бұрын
😂😂🤣
@SHOOTINGDNA
@SHOOTINGDNA 2 жыл бұрын
👃👆
@LagowiecDev
@LagowiecDev 10 ай бұрын
😂
@sirflimflam
@sirflimflam 4 жыл бұрын
This is blowing my damn mind right now. How can you go from the garbage we have right now to something so feature rich and beautiful.
@Deliveredmean42
@Deliveredmean42 4 жыл бұрын
Dang right! I was waiting for something like this for years! No more basic Unity UI.
@catdevpete
@catdevpete 4 жыл бұрын
It was adapted from nGUI, that's why (which was considered a step up from IMGUI). At the time, that was one of the most popular UI tools on the asset store, so Unity hired the author to adapt something similar for the engine.
@nullllllllllllllllllllllllllll
@nullllllllllllllllllllllllllll 4 жыл бұрын
@@catdevpete Just goes to show if you're good at what you do, you can literally change things for everyone for the better.
@gadgetboyplaysmc
@gadgetboyplaysmc 4 жыл бұрын
When is this going to be in Unity?
@unhommequicourt
@unhommequicourt 3 жыл бұрын
it s been one year and the UI editor still looks like garbage. I didn t hear it would come out in the next version? any news about that?
@marcospereira6034
@marcospereira6034 3 жыл бұрын
0:00 Introduction 2:34 Code example 6:20 Overview of the UI Builder 11:25 How UIElements works at runtime 14:35 Anchoring 18:36 Extracting inline styles to a new class on the stylesheet 21:55 Adding visual feedback to the UI buttons using :hover and :active styles 23:06 Preview mode in the UI Builder 23:22 UIElements debugger 24:50 Adding the stats box and player list 31:15 Debrief 36:57 Q&A
@karl-johanv.jensen3659
@karl-johanv.jensen3659 2 жыл бұрын
Sticky this. Right now!
@CaioMGA
@CaioMGA Жыл бұрын
thanks, mate
@BlackMetal-Clips
@BlackMetal-Clips 4 жыл бұрын
what a time to be alive!
@FerdinandJosephFernandez
@FerdinandJosephFernandez 4 жыл бұрын
When the UIElements Debugger was working even on the UI Builder itself, it gave me a chuckle, that was impressive. This whole thing is a step in the right direction.
@behnamrasooli8801
@behnamrasooli8801 4 жыл бұрын
Coming from web development, I really appreciate this new workflow.
@mandisaw
@mandisaw 4 жыл бұрын
Web turned mobile dev here - it's no Interface Builder, but I'll take 15yo Dreamweaver crammed into Unity over what we have now.
@chanhokim7750
@chanhokim7750 4 жыл бұрын
yea me too. this is so mind-blowing. so friendly to UI/UX designers with web/app background. also the tools, layout, and functionality seem very very very well thought-out. debugging very similar to google chrome inspection too.
@CarlitoProductions
@CarlitoProductions 4 жыл бұрын
same!
@fizihkull
@fizihkull 4 жыл бұрын
@@mandisaw LOL!
@thomasbrown7912
@thomasbrown7912 3 жыл бұрын
Massive improvement over current UI. Seriously great job guys!
@siarheipilat8152
@siarheipilat8152 4 жыл бұрын
Go, Damian, go! You are doing such a great job! Thanks so much for helping me out at Unite!
@Infextro
@Infextro 4 жыл бұрын
It's time to become a Full Stack Unity Developer :)
@walanaprotech7192
@walanaprotech7192 4 жыл бұрын
yes :)
@CariagaXIII
@CariagaXIII 4 жыл бұрын
that would be super hard unless your just talking about mostly unity specific stuff
@nickgennady
@nickgennady 4 жыл бұрын
Some people in the game industry only work on UI so go for it.
@captainnoyaux
@captainnoyaux 6 ай бұрын
Super interesting to see it live coding, wow ! Respect to Damian Campeanu the speaker it's not an easy exercise to do !
@rod-abreu
@rod-abreu 4 жыл бұрын
This is what I've been wanting to have on Unity for years.
@morpheus7422
@morpheus7422 4 жыл бұрын
I was looking at crafting this myself although miniature version, automating layouts realtime through code like flutter, you guys have saved me a Huge load of work!. Great job Unity!!!.
@mattsponholz8350
@mattsponholz8350 4 жыл бұрын
BRILLIANT! Can’t wait to play with this next time I open up Unity :D
@TheJishanator
@TheJishanator 4 жыл бұрын
This looks sooo good. Can't wait!!!
@jasonhighlander
@jasonhighlander 4 жыл бұрын
This looks great! The existing UI is painful to use. Now it looks like a first class developer experience.
@Chubzdoomer
@Chubzdoomer 4 жыл бұрын
What makes the existing UI so bad? I just used it for really basic stuff and never had much of an issue with it, but I've heard tons of bad things about it.
@ojls3724
@ojls3724 4 жыл бұрын
@@Chubzdoomer thats exactly the issue its for basic stuff... absolutely basic you had to use a bunch of programs like Photoshop to achieve something decent which is not that scalable if scalable at all
@5argon
@5argon 4 жыл бұрын
​@@Chubzdoomer Design wise it got reasonable after 2018.4's new prefab system. (Of course I want the buttons to be the same one with different text) Performance wise, uGUI is an attempt to bake UI into Unity's GameObject concept. It is a massive tree of GameObjects trying to make each other behave in a way that's not just a simple classical transform hierarchy (that could be efficient with matrix operation). Turns out to be fitting round peg in a square hole. RectTransform, an invention that trying to fake classical Transform to think they are all a rectangle cause ripple effect on API design and performance. Components sometimes wants the sibling and not the child to adapt to each other (i.e. the "flex box" behaviour) where GameObject transform tree wasn't designed to efficiently enables that. Input handling is servicable enough since GraphicRaycaster did far more simpler check than even 2DPhysicsRaycaster, but still could be improved if we didn't rely on GO tree in the first place. Rendering is hard to optimize because it work together with shader that comes with Image component inside the tree. z-index when rendering is figured out by game object ordering, seems intuitive in some case this turns out to be painful. (Imaging a 3d card game where your hand usually be an overlapping cards horizontally, then you want the selected one to be on front but stay where it was horizontally. Now you can't because the game object ordering is already used for horizontal layout.) Lastly every little thing you do randomly cause or not causing layout rebuild (visible in the Profiler) of an entire tree. This is because the system is too relaxed as a GameObject, there are many possibility for outsider such as Animation/Playable Director/scripts to change any rect that affects multiple things. Overall I think UI is a unique problem and cannot be made generic and "Unity-native" by forcing them into GO. New one using Yoga open source layout engine that's designed for UI is already a good start.
@fafase
@fafase 4 жыл бұрын
Thousands of games and apps have been developed solely on the UI system or heavily relying on it with advanced features. There has been nothing I have not been able to do with the current UI system. Sometimes, it could be done easier, just easier.
@sssncodesstuff3364
@sssncodesstuff3364 4 жыл бұрын
@@fafase Yes you can do anything, but you have to be aware of shitloads of stuff to get good performance and you have to do much much more work in many cases, just simple thing like changing style of all buttons in project? With this you can do good looking UI pretty fast with few icons, with old UI you would need to prepare lot of stuff in photoshop or similar before even starting and you would never get to 1 drawcall for whole UI. It will be shittons easier to have coherent style, change stuff altogether and get good performance out of this UI system, It borows a lot from web and ui heavy app development tools and the reason is simple, they are trying to nail down most effeicient way how to create and control UI for decades already. Its whole different level really.
@paweczebreszuk168
@paweczebreszuk168 4 жыл бұрын
That's amazing! It's not just a step forward, it's an entire leap ahead of existing UI development workflow in Unity.
@LeutnantJoker
@LeutnantJoker 4 жыл бұрын
I agree. And this is also a UI system that is in line with industry standards so a lot of people will find themselves right at home AND it has by default all the strengths of other UI systems based on HTML and CSS. This is the way to go. THe other UI systems so far were ok ideas but this is really the way forward. This one is here to stay.
@mrvectorhc7348
@mrvectorhc7348 4 жыл бұрын
Yeah, that is just awesome! It can actually bring me back to Unity!
@nosinfantasia
@nosinfantasia 4 жыл бұрын
finally ,2020 and unity start to wakeup
@ShafterPlay
@ShafterPlay 4 жыл бұрын
I'm so fricking happy that I can use flex properties just like in standard CSS! 😍 That will help A LOT on building responsive UI!
@oasane
@oasane 4 жыл бұрын
This is so great news, thanks for the effort guys!
@ToadieBog
@ToadieBog 4 жыл бұрын
Looks promising. What makes me very reluctant is that Unity has so many core systems that seem to be constantly scrapped (networking), reinvented (UI), or not really fully featured (terrain).
@VladimirGV
@VladimirGV 4 жыл бұрын
right direction. but! 1) how to add animations? 2) what about localization 3) how to add 3D objects, how to configure the camera to display them 4) where are the paticles? 5) how to work with different materials? 6) how to work with lists. animated insert / delete / move Without all this, the library is just a beautiful toy
@digitalboxcar8071
@digitalboxcar8071 4 жыл бұрын
Thank you, we needed this so much :)
@DannyMichaeli5
@DannyMichaeli5 4 жыл бұрын
Yessss !!! my dream come true :-) THANKS FOR UNITY TEAM !!!!
@Ziboo30
@Ziboo30 4 жыл бұрын
This looks amazing. What about animation, tweens, etc.. ? Any build-in features ?
@Ziboo30
@Ziboo30 4 жыл бұрын
@@uDamian Nice! What about vector graphics?
@mandisaw
@mandisaw 4 жыл бұрын
You'd have to check the performance hit, but animation should still be possible in code (the old-school, value-modifying way). It's just a question of how their renderer optimizations handle it.
@Ziboo30
@Ziboo30 4 жыл бұрын
@@uDamian Nice. I just watch the talk about UIForia.... It seems that it is exactly what UIElement will be, but more feature rich (animation, tween, c# code inside template, vector graphics).. Have you talk to the dev, maybe create a collaboration ?
3 жыл бұрын
Pretty cool Idea! Congrats! Hopefully, it gets to be fully useable soon. Right now without the Panel Renderer as part of the package seems too susceptible to errors.
@Haapavuo
@Haapavuo 4 жыл бұрын
This is very nice! Finally, creating UIs in Unity seems like a pleasure! Two questions: 1. Does it support 3D objects in the UI? 2. How does it support animations?
@DampireX
@DampireX 4 жыл бұрын
@@uDamian How easy to impelment damage layer with popping numbers and messages all around screen like any RPG? From the video I can't see that possibility at all.
@gamedevbeast462
@gamedevbeast462 4 жыл бұрын
@@uDamian How to make it mobile friendly? does it have anchor tags?
@brandontyson6300
@brandontyson6300 4 жыл бұрын
@@uDamian In other words, you expect all of us who don't write code to learn USS and code our animations. This is a reason not to adopt the system at all, for my team. We value artists building and animating UI.
@kalucky0
@kalucky0 4 жыл бұрын
Reminds me of Android Studio layout editor.
@babomeister8034
@babomeister8034 4 жыл бұрын
Oh my sweet lord! That's so damn awesome!!!
@antonm_
@antonm_ 4 жыл бұрын
It would be great if they can expose an API to create custom USS styles (like CSS Houdini) using C#. That would make a lot of custom animation in C# portable and easy to migrate and maintain. One big plus for custom styles is that users won't have to wait for a certain CSS style to be adopted in USS; things could just be polyfilled.
@FatManOnBike
@FatManOnBike 4 жыл бұрын
Very good presentation!
@erdiizgi5189
@erdiizgi5189 4 жыл бұрын
It is amazing. I have been using other UI assets that have XML and CSS based options to build my UI. I am glad that it is supported natively by Unity. Obviously, it will take some time to support more features, but I am happy with the current state as well. Modular UI is finally not a dream!
@apiadept
@apiadept 4 жыл бұрын
Awesome experience! When web specs meets high performance game engine. Thanks Unity Team!
@Cargold_
@Cargold_ 3 жыл бұрын
와.... 신세계다, 역시 유니티 내장 UI를 써야 됩니닷 !!!
@Mehrdad995GTa
@Mehrdad995GTa 4 жыл бұрын
It looks great. would love to see some performance comparison as well and how it handles animated elements.
@tatsuuuuuu
@tatsuuuuuu 4 жыл бұрын
I can't create add "pannel renderer" or "pannel scaler" or "Event System" what kind of component am I supposed to create?
@ivopalchev
@ivopalchev 4 жыл бұрын
same
@julsqqdesign
@julsqqdesign 4 жыл бұрын
@@ivopalchev same
@cyriljghys
@cyriljghys 4 жыл бұрын
Still same for me, maybe do you have any updates ?
@jesseleerader
@jesseleerader 3 жыл бұрын
Add this line to your manifest file. "com.unity.ui.runtime": "0.0.4-preview"
@reaper84
@reaper84 2 жыл бұрын
Wow, giant improvement
@jochenpanjaer980
@jochenpanjaer980 4 жыл бұрын
CSS for unity UI. Yesssssss!
@ukrainestudios
@ukrainestudios 4 жыл бұрын
Good news for Unity Developers!
@sie85
@sie85 4 жыл бұрын
As a webdeveloper now trying to make games i would love to see this released. I can't wait to get my hands on it. XML and CSS what more do we need :) I hope it will also support animations and stuff but this is great. I can't work with the current UI system.
@captainnoyaux
@captainnoyaux 6 ай бұрын
Did you end up using it ? I'm a web dev too and I'm wondering if it'd be interesting to learn and use :)
@ogserver25
@ogserver25 4 жыл бұрын
Is this full project available anywhere? I've downloaded the samples from package manager, but you didn't really show at all how the code interacts with this system.
@CloudS3rf
@CloudS3rf 3 жыл бұрын
Did you ever figure this out? Here I am ten months later struggling to find out how to interact with this UI in runtime.
@robosergTV
@robosergTV 3 жыл бұрын
@@CloudS3rf did you find the example ?
@esbensloth
@esbensloth 4 жыл бұрын
Will using custom shaders be possible? This looks amazing, please don't limit it to a single drawcall, I don't want to be stuck on the old system.
@itslegoyoda
@itslegoyoda 4 жыл бұрын
Does anyone know where to find the panel renderer component? It's not there for me
@itslegoyoda
@itslegoyoda 4 жыл бұрын
@@uDamian Cool thanks for the reply, great talk too
@CHAPI929292
@CHAPI929292 4 жыл бұрын
@@uDamian Hey I've downloaded the preview 2019.3 and 2020 versions hoping to be able to test the builder with in game UI but I couldn't find the panel renderer in there either Great talk btw
@CHAPI929292
@CHAPI929292 4 жыл бұрын
@@uDamian Any update on the first release? Unity 2019.3 is still delayed :/
@josealvarezcabrera561
@josealvarezcabrera561 4 жыл бұрын
Is this component public now? I can't find it.
@josealvarezcabrera561
@josealvarezcabrera561 4 жыл бұрын
@@CHAPI929292 where you able to find it?
@ferna2294
@ferna2294 4 жыл бұрын
Incredible way of oversimplifying this tedious process. I really like where this is heading.
@huseyindogan7404
@huseyindogan7404 4 жыл бұрын
Awesome!
@skizooooooooo
@skizooooooooo 3 жыл бұрын
I don't see the Panel Renderer Component. I used UI Builder to make a hud but idk how to display it.
@tr233
@tr233 3 жыл бұрын
23:20 looks really cool!
@Lodewikus
@Lodewikus 3 жыл бұрын
This is a game changer!
@apreasher
@apreasher 4 жыл бұрын
Damn , it's about time.
@mandisaw
@mandisaw 4 жыл бұрын
Great talk - I was skeptical, but this has made me a believer! Will the UXML & USS assets have Addressable support? Being able to set/update my themes remotely and/or per-platform (or per-graphics level, similar to Android's resource buckets), is pretty much the "missing link" here. The Builder will be welcome at design-time, but maintainability is key.
@aravindramachandran3978
@aravindramachandran3978 3 жыл бұрын
Where did the Panel Renderer magically came into the project? Am I missing something.. please enlighten me..
@raveheart58
@raveheart58 4 жыл бұрын
Wow this is ridiculous! Great to see Unity pushing web-tech inside game development. This is going to make creating game UI's so much easier for everyone, and can finally leverage all the web developers and designers experience in the game industry. Nice!
@JTMoustache
@JTMoustache 4 жыл бұрын
Amazing !
@donaldleow6119
@donaldleow6119 4 жыл бұрын
Very excited about this new feature! But the current UI Builder package (at this time of posting) doesn't include Panel Scaler or Renderer, nothing is shown on the game screen. :( Using 2019.2 version and tried in the beta (since the demo is shown in that version) but to no avail. Guess we have to wait for it. Feels like candy without the sweetness here XD
@donaldleow6119
@donaldleow6119 4 жыл бұрын
@@uDamian Ah I see, I didn't catch that part. Thanks a lot!
@Graghma
@Graghma 4 жыл бұрын
Going back to not using the hierarchy is unfortunate. I get that you run it in your own hierarchy/system, but it is just more intuitive when you can visually see the structure for debugging purposes (major time sink...). Can your UI builder window have its own, authoritative hierarchy? I don't wanna do a V4 of the UI system...
@ZoidbergForPresident
@ZoidbergForPresident 4 жыл бұрын
This went fast but damn, looks cool! Need more tutorials for this!
@ZoidbergForPresident
@ZoidbergForPresident 4 жыл бұрын
Geez there really is no material to be found to learn this, besides it seems directed towards editor stuff...
@OddStare
@OddStare 3 жыл бұрын
I've been wanting to implement a html engine to unity i can't believe this will be a native feature
@r1pfake521
@r1pfake521 4 жыл бұрын
Does it support data binding (for example like WPF)?
@sps014
@sps014 4 жыл бұрын
Data Binding will be very useful , i also wish they add this in future.
@nikoszervo
@nikoszervo 3 жыл бұрын
Do we know when it's gonna be ready?
@Ptiteigne
@Ptiteigne 3 жыл бұрын
The UI Toolkit 1.0 runtime is currently planned for Unity 2021.2 (they want to be part of the 2021 LTS)
@nikoszervo
@nikoszervo 3 жыл бұрын
@@Ptiteigne awesome! It's one of the most exciting features for me!!!
@sebastianfeistl
@sebastianfeistl 4 жыл бұрын
I am about to build a fairly complex and dynamic UI and I hope this is what I need! I've read in the docs that there might be bigger changes because it's still in the Beta. Can you elaborate on that?
@Demozo_
@Demozo_ 4 жыл бұрын
It is most likely just a disclaimer, that they are not responsible if your UI breaks due to updates.
@Ceyx100
@Ceyx100 4 жыл бұрын
just installed the package but no PanelRenderer... am I missing something ?
@vjanomolee
@vjanomolee 4 жыл бұрын
same here. tried with several different editor versions. Cant seem to get UI builder stuff to work at all because of this.
@ibrahimalazzawi2949
@ibrahimalazzawi2949 4 жыл бұрын
@@vjanomolee Same here.
@matthewhope5211
@matthewhope5211 4 жыл бұрын
If you look at the component icon it looks like a C# script, likely something that you currently have to code yourself (or at least find some source code online to implement)
@FullMe7alJacke7
@FullMe7alJacke7 4 жыл бұрын
@@matthewhope5211 This is correct. It can be found on the github but I've chosen to just wait until it's fully implemented.
@josealvarezcabrera561
@josealvarezcabrera561 4 жыл бұрын
@@FullMe7alJacke7 where is the GitHub that you mention? I would really like to take a loot at it to test this out.
@lukazivanovic5565
@lukazivanovic5565 4 жыл бұрын
Is there an example of simple gui made using UIElements? All I have found is editor changes using it.
@JetBlackJester
@JetBlackJester 3 жыл бұрын
Has anyone tried this on mobile? What's the performance like vs the original Unity UI tools?
@gadgetboyplaysmc
@gadgetboyplaysmc 4 жыл бұрын
Is there an equivalent software for this in Web Development? This workflow is amazing.
@yaulinfung9615
@yaulinfung9615 3 жыл бұрын
damn this tool is so powerful
@yaulinfung9615
@yaulinfung9615 3 жыл бұрын
will you support importing CSS library in the future? like convert bs4.css into ucss file so we could all otherr css on internet
@bitteohnesoe2893
@bitteohnesoe2893 4 жыл бұрын
Will it be possible to make animations with it aswell? For example like css' keyframes.
@lonelycrescendo
@lonelycrescendo 2 жыл бұрын
The information on this package needs to be updated!!!
@lvx969
@lvx969 4 жыл бұрын
12:55 Or you could just give everyone the dark theme :)
@marshmallow_fellow
@marshmallow_fellow 4 жыл бұрын
no, that's illegal
@HAWXLEADER
@HAWXLEADER 3 жыл бұрын
@@marshmallow_fellow They made it legal ^^
@marshmallow_fellow
@marshmallow_fellow 3 жыл бұрын
@@HAWXLEADER ikr, It's a miracle!
@mattiasfagerlund
@mattiasfagerlund 4 жыл бұрын
Looks like they've replicated the jquery way of writing ux, which we used 10 years ago in HTML. What about the angular way (declarative bindings between ui and backend)? That was a massive shift for web devs...
@iNBee24
@iNBee24 4 жыл бұрын
For me personally, this is the most monumental upgrade I have seen since hopping on board the Unity train 7 or more years ago. I hate building UI, and that may be because of the default UI systems Unity has offered to date. Some of my projects demand user-created content, so lots of input and 'reflection' of properties/fields in custom classes that need to be serialized/deserialized and represented in the UI. So I try to make everything work programmatically where possible. The number of hacky workarounds and toil trying to create generic methods and clever patterns of inheritance and custom attributes and keeping track of UnityEvent listeners and delegates and so on has been maddening. I don't want to mess around with prefabs more than necessary, because much of what I want to do is not that complicated and from what I can tell this will solve much of my problems.
@debasishsinha9667
@debasishsinha9667 4 жыл бұрын
I am not able to get the "Panel renderer" from add component
@PandasHuggingPonies
@PandasHuggingPonies 4 жыл бұрын
That is not until 2019.3, which at time of posting, is not released.
@lukass7156
@lukass7156 4 жыл бұрын
@@PandasHuggingPonies hm, I can't seem to find the component in Unity 2019.3.0b9 (the beta release). Are you sure it's there?
@Pheidias73
@Pheidias73 4 жыл бұрын
@@lukass7156 Hi Lukas, not sure if you have found this yet. In package manager you need to select Advanced -> Show preview packages. Then it will show the UI Builder.
@lukass7156
@lukass7156 4 жыл бұрын
@@Pheidias73 yes, I installed the UI Builder from the Preview Packages. But when I want to add the "Panel Renderer", there is none in the component list.
@philliphartford5576
@philliphartford5576 4 жыл бұрын
@@lukass7156 it will be included in the 2019.3 release. Beta version doesn't have it.
@tecuntecs
@tecuntecs 4 жыл бұрын
Is this new technology stable and recommended for production apps yet?
@Deliveredmean42
@Deliveredmean42 4 жыл бұрын
Hopefully the reduction of the use of the standard Unity UI in a lot of basic Indie games will be reduced thanks to this.
@berthold64
@berthold64 4 жыл бұрын
how about CSS transitions and animations? Are those also available?
@explorewithsups
@explorewithsups 4 жыл бұрын
This is great! I am trying this but not getting "Panel Renderer" component that you attached to the game object to render UI to screen. Using unity version 2019.3.0b10 . Please help with this.
@philliphartford5576
@philliphartford5576 4 жыл бұрын
The panel renderer component will be available when 2019.3 is released. Beta doesn't have it.
@jesseleerader
@jesseleerader 4 жыл бұрын
@@philliphartford5576 - So as is, we can't recreate what he is doing here because we can't access the panel renderer component at all? Are we then stuck to building editor windows and such until 2019.3 release when we can put uielements in our game?
@philliphartford5576
@philliphartford5576 4 жыл бұрын
@@jesseleerader Yeah anything that required displaying or clicking game UI cannot be done yet but you can still create your UI now to test how it looks. I might have been misinformed but I believe 2019.3 is coming out by the end of this November.
@jesseleerader
@jesseleerader 4 жыл бұрын
@@philliphartford5576 Thanks so much for the info! Can't wait to get playing with it.
@Hicool515
@Hicool515 4 жыл бұрын
Is it out? If not when will it be released? Excited!!
@8BitsPerPlay
@8BitsPerPlay 4 жыл бұрын
I am using it in my project already because it is so nice. Currently using Unity version 2019.3 beta 8. To get it go into package manager and look into preview packages near the bottom find the package UI Builder.
@andreigatina1846
@andreigatina1846 4 жыл бұрын
@@8BitsPerPlay How do you open the "UI Builder" section that he has open? The views that he works with are not available for me
@8BitsPerPlay
@8BitsPerPlay 4 жыл бұрын
@@andreigatina1846 I will be making a small video on how to download it, open it, and use some of it's features. Had a lot of people ask about it, so figured I would make a small video this week to just help out. A lot of people been mainly wanting to know about the binding data from scripts to the UI.> I will replay back to this message when the video is uploaded.
@badakml7366
@badakml7366 4 жыл бұрын
@@8BitsPerPlay thanks bro
@andreigatina1846
@andreigatina1846 4 жыл бұрын
@@8BitsPerPlay Hey, did you manage to make the video?
@DJnoratos
@DJnoratos 4 жыл бұрын
I guess this will not be joystick compatible. I am currently working on UI and GameMenu with multiple windows is so far done with enabling / disabling control classes and window itself to do the trick. It is separated due to window preview, but the control must stay in the current window.
@mandisaw
@mandisaw 4 жыл бұрын
Why wouldn't it be joystick-compatible? This just affects how you design layout - you'd still need to manage focusable "windows" and controls yourself.
@miraculousshow5932
@miraculousshow5932 4 жыл бұрын
Good!
@ehsanakrami4365
@ehsanakrami4365 4 жыл бұрын
Wow Nice Can we Assign Shader And Material to UI Element? like glitch shader or RenderToTexture workflow
@Cripplette
@Cripplette 4 жыл бұрын
Will it be possible to load UXML at runtime !?
@dalu_
@dalu_ 4 жыл бұрын
So what's it called and how do you get it? Does it cost anything? Ah I have 2018.4.15f1 LTS installed, that's why I'm asking like this. Right then, upgrade unity editor to more recent version.
@SowedCastelli
@SowedCastelli 4 жыл бұрын
Wow! Now this gives my Unity UI experience a degree of web UI experience steroids.
@SigmaZer0
@SigmaZer0 4 жыл бұрын
Wow that's a lot of work, and 'deep in the hierarchy' is a very accurate statement... :\ At least the editor makes it better.
@LeutnantJoker
@LeutnantJoker 4 жыл бұрын
As a developer working in UI design I can tell you it may look intimidating at first but you'll get used to this in no time once you start using it a bit. We barely ever design UIs in editors except when animations or complex timelines are required. THe layout and styling is done manipulating the code directly and it's a very quick workflow. Don't be discouraged, play around with it.
@mandisaw
@mandisaw 4 жыл бұрын
@@LeutnantJoker Coming from a code+UX background, I think having a visual editor is really time- & sanity-saving. Definitely faster in many cases to write stylesheets & layout resources directly, but being able to see a live-preview, or hop to the specific parent style you want, those add to the intuitiveness of the design process.
@AntonQvarfordt
@AntonQvarfordt 4 жыл бұрын
I guess this is good, I just wish it was out before I extensively learnt the other two systems :P
@mandisaw
@mandisaw 4 жыл бұрын
You still kind of need to know how UI graphics differ from in-world graphics in terms of performance, layout, scaling, etc. This builder is great for leveraging web UI approaches/designers, but from a technical standpoint it's still important to understand that games are not rendered like web pages. At the end of the day, all the auto-layout and styling/themes get translated into something not unlike IMGUI.
@joegshanahan
@joegshanahan 4 жыл бұрын
I feel the same way. It's like "this is really cool, but I already invested so much time learning the current system and the idea of throwing all that away makes me sad".
@mandisaw
@mandisaw 4 жыл бұрын
@@joegshanahan Old knowledge doesn't get thrown away, it just gets recontextualized. I still use the regular expressions I learned writing Perl scripts 20+ years ago.
@AntonQvarfordt
@AntonQvarfordt 4 жыл бұрын
​@@joegshanahan Yeah I think that's just the nature of tech though in the end.. You just got to stay light on your feet and try to learn as widely applicable concepts and skills as possible primarily, etc. I think at a certain point you have enough system literacy to be able to understand most parts of a new system based on prior knowledge.
@joegshanahan
@joegshanahan 4 жыл бұрын
@@AntonQvarfordt you're right, but I'm still not convinced by the ECS stuff - object oriented programming is just too nice to give up right now. This new UI stuff will probably be easier once I've learned it though.
@supercc66
@supercc66 4 жыл бұрын
what 's the time we can use this to Develop the new Game ????
@niuage
@niuage 4 жыл бұрын
Are there any recent tutorials on this tool?
@nikrbawker
@nikrbawker 3 жыл бұрын
I think they were both wrong. You can easily implement your own 3d GUI both underneath and above Canvas. Don't know why they said you couldn't. For instance you can have a 3d animated title text in the game scene either above below or on a different camera layer entirely displayed on the scene. Although I understand from the UI builder guys response it's not a feature of UI builder but it is a feature of Unity itself that allows you to basically make anything you can imagine, don't think UI builder needs to implement that since it's not hard to just display elements like that without using UI builder. Opened up UI builder started making my title screen for my game. Text went black while I selected white text pretty frustrating. Hmm scaling the font size repaired the color to white.
@Spherous
@Spherous 4 жыл бұрын
So 2019.3 is live and released, Panel Renderer and Panel Scaler are still unavailable.
@radenzito
@radenzito 4 жыл бұрын
Yes, it don't have any sense. Why they publish the Builder if you can't use it in your game until they release the rendering components ? what a poor releases planing
@Wandows95
@Wandows95 4 жыл бұрын
​@@radenzito If you go to the sample UIElements project on Github, it has the UIElements Runtime Package. Unity's UIElements forum has a thread discussing their plans for releasing and how you can get access to the plugin.
@mohsennechaverdie6132
@mohsennechaverdie6132 4 жыл бұрын
@@Wandows95 Can you please post the link to this package here? I checked their Github, I couldn't find it.
@radenzito
@radenzito 4 жыл бұрын
@@Wandows95 mee too, can't find that package on the project. Can you please provide a link or more info about how to get it?
@cyriljghys
@cyriljghys 4 жыл бұрын
Hello, do you have any updates ? Have you found those Panels ? I still can't find them :(
@s73v306
@s73v306 4 жыл бұрын
...thank you
@reigiputra18
@reigiputra18 4 жыл бұрын
Unity learn well from what Unreal did, well done
@ekzac
@ekzac 3 жыл бұрын
It seems to be more inspired on Web than Unreal.
@josealvarezcabrera561
@josealvarezcabrera561 4 жыл бұрын
Any leads on how to create the Panel Renderer script to show the UI at runtime? Coming 100% from the old workflow I feel a bit lost.
@jesseleerader
@jesseleerader 3 жыл бұрын
Add this line to your manifest file. "com.unity.ui.runtime": "0.0.4-preview"
@crimson7632
@crimson7632 Жыл бұрын
how are u moving from game screen to main menu ?? how to do that ?
@xzesstence8862
@xzesstence8862 4 жыл бұрын
i would love to see real sass and real html5 compatible code with the possibility of javascript instead of reinventing the wheel
@basilpankratoff8002
@basilpankratoff8002 4 жыл бұрын
So when do we get React Native bindings?
@BlackteaBEEF
@BlackteaBEEF 4 жыл бұрын
why I don't get item data when I change ListView id to "player-list". What I missed?
@BlackteaBEEF
@BlackteaBEEF 4 жыл бұрын
Oh...I see. I replace the uxml is main menu..... The GameManager script cannot work
@user-dm5qi4nb6l
@user-dm5qi4nb6l 3 жыл бұрын
I think I like this UI but I see why it's in preview, sometime there are some weird behaviors when I press ctr+s like all my content disappears and I have to close and open again the builder on top of that if I use canvas background/main camera it gets kinda sluggish not just inside there but my pc intel(R)Core(TM) i3-4005U CPU 1.70Hz 6GB Window 8.1
@user-dm5qi4nb6l
@user-dm5qi4nb6l 3 жыл бұрын
I added a style sheet and now it saves the changes correctly
@AnthelmeDumont
@AnthelmeDumont 4 жыл бұрын
What about media queries and the use of percentage instead of pixels or even responsive in general?
@lazykid9167
@lazykid9167 3 жыл бұрын
love
@MohammadFaizanKhanJ
@MohammadFaizanKhanJ 4 жыл бұрын
I am regular unity user, I don't know how I missed this? 8 months ago, watching now.
@julsqqdesign
@julsqqdesign 4 жыл бұрын
How do you add the UI Builder? I cant find it on the package manager
@julsqqdesign
@julsqqdesign 4 жыл бұрын
just found it! haha, its a preview package and it wasn't showing up on the package manager
@myavatargotsnowedon9156
@myavatargotsnowedon9156 4 жыл бұрын
Honestly, a UI tab should have happened back in 4.6 instead of that canvas thing. The legacy GUI components could've been updated for it but now there are 3 different UI systems.
Tales from the optimization trenches - Unite Copenhagen
42:14
He tried to save his parking spot, instant karma
00:28
Zach King
Рет қаралды 22 МЛН
Best Practices for fast game design in Unity - Unite LA
46:16
Unite Europe 2016 - Next Generation AI for Unity
1:01:07
Unity
Рет қаралды 30 М.
Блэк Кити в Биг Сити 2 (Конец) 😼
13:29
Valera Ghosther
Рет қаралды 922 М.