<cat>Dev.UI</cat> <title>World UI</title> <upload src="a5727/8d982ea77614757.png" size="1495562" name="image.png" /> WorldPanels let you render and interact with [UI](UI) within the world. They are actually being drawn in the world, in the right transparent draw order. So they draw behind things and in front of things like you'd expect. Great for name tags etc. A WorldPanel inherits all the behavior of a RootPanel meaning you can use it exactly the same as any standard UI panel, the only difference is it renders to the world. # Creating world panels Creating world panels is nearly identical to [creating any other UI panel](UI), however instead of deriving from a Panel we derive from a WorldPanel. ```csharp using Sandbox.UI; using Sandbox.UI.Construct; class MyWorldPanel : WorldPanel { public MyWorldPanel() { StyleSheet.Load( "/UI/MyWorldPanel.scss" ); Add.Label( "hello world" ); } } ``` ⤶ ## Spawning WorldPanels ⤶ # Spawning WorldPanels The world panel can then be spawned simply as if it's an entity, setting it's position and rotation. ```csharp var worldPanel = new MyWorldPanel(); worldPanel.Transform = Local.Pawn.Transform; ``` <note>WorldPanels have to be created **clientside**, if you want it synced across clients you can create it in a serverside entity using [Entity.ClientSpawn()](Sandbox.Entity.ClientSpawn).</note> ⤶ ## Deleting WorldPanels ⤶ # Interacting with WorldPanels ⤶ In order to interact with WorldPanels your game needs to call WorldInput.Update periodically, this emulates mouse inputs on all WorldPanels.⤶ ⤶ ```csharp⤶ [Event.Frame]⤶ public void UpdateWorldInput()⤶ {⤶ // Make a ray of where the local pawn is looking⤶ var ray = new Ray( Local.Pawn.EyePos, Local.Pawn.EyeRot.Forward );⤶ ⤶ // Emulate the mouse buttons with any inputs we want⤶ var leftMouseDown = Input.Down( InputButton.Attack1 );⤶ var rightMouseDown = Input.Down( InputButton.Attack2 );⤶ var scroll = new Vector2 { x = Input.MouseWheel }; // ( only x is used )⤶ ⤶ WorldInput.Update( ray, leftMouseDown, rightMouseDown, scroll );⤶ }⤶ ```⤶ ⤶ # Deleting WorldPanels⤶ Like entities, world panels are not garbage collected - in order to remove your panel you need to call `WorldPanel.Delete()`.