VirtualJoystick - Why does it need it's own separate 2D context canvas?

arcman7 · October 29, 2024, 7:27pm

Regarding the implementation of the VirtualJoystick class:

BabylonJS/Babylon.js/blob/25bfe74afd370e13153b176fbcfad7f6fc7c30f9/packages/dev/core/src/Misc/virtualJoystick.ts#L189


      
              if (VirtualJoystick.Canvas) {

                  VirtualJoystick.Canvas.width = VirtualJoystick._VJCanvasWidth;

                  VirtualJoystick.Canvas.height = VirtualJoystick._VJCanvasHeight;

              }

              VirtualJoystick._HalfWidth = VirtualJoystick._VJCanvasWidth / 2;

          };

          

          // injecting a canvas element on top of the canvas 3D game

          if (!VirtualJoystick.Canvas) {

              window.addEventListener("resize", this._onResize, false);

              VirtualJoystick.Canvas = document.createElement("canvas");

              VirtualJoystick._VJCanvasWidth = window.innerWidth;

              VirtualJoystick._VJCanvasHeight = window.innerHeight;

              VirtualJoystick.Canvas.width = window.innerWidth;

              VirtualJoystick.Canvas.height = window.innerHeight;

              VirtualJoystick.Canvas.style.width = "100%";

              VirtualJoystick.Canvas.style.height = "100%";

              VirtualJoystick.Canvas.style.position = "absolute";

              VirtualJoystick.Canvas.style.backgroundColor = "transparent";

              VirtualJoystick.Canvas.style.top = "0px";

              VirtualJoystick.Canvas.style.left = "0px";

Why does the it need it’s own separate 2D context canvas? Why can’t it use an advanced texture like the other GUI elements/components?

Deltakosh · October 29, 2024, 11:31pm

Because it was created LONG before we had ADT
This is something I want to revisit at some point but no plan to do it soon

Topic		Replies	Views
BABYLON.VirtualJoystick.Canvas size Questions	2	398	December 20, 2022
Babylonjs virtual joystick and scene actions Questions gui , camera , joystick	5	162	May 24, 2024
How to use VirtualJoystickCamera with the rest of the app? Questions input	8	911	May 16, 2022
VirtualJoysticksCamera and HTML Questions	3	412	June 15, 2019
Virtual joystick resize issue Bugs joystick	2	268	March 20, 2023

VirtualJoystick - Why does it need it's own separate 2D context canvas?

Related topics