Multicanvas Render in React, Camera Keyboard Inputs not working on engine.InputTarget change

Hoooookay, this is kinda hard to demonstrate unless you go to here:

and do a local deploy of the editor.

Basically I can get the camera to see the mouse inputs but not the keyboard after the inputTarget is changed.

is where the engine.inputTarget is changed.

And then this is where the input is bond when the react component mounts for the first time.

Just ignore everything else about DynamicGrass. If this is too much for people to understand, I can prolly make an easier component to deal with.

But its going to be hard to test it outside of this React context, so anyone that takes the extra time to take a look I would much appreciate it.

Nobody else is interested in multicanvas input support and react? :sob: No one even clicked the link but me!!!

Savage… </3

haha man! I’m with you…It happens to me a lot as well :slight_smile:

1 Like

Bumpidy bump bump the bump bump bumped thread.

If someone is even willing to do a quick deploy of this on their local and take a look for a hour or two I to give me some advice or possibly fix it. I would gladly provide some compensation for your time seeing how this is kind of a lot to digest (just PM me before hand so we can agree to something).

Kinda doing this to understand the connection between react and webGL/BJS and how different methods can be deployed. I was able to do this with whole system already with Functional Components but it was not as efficient for the complex state management. Anyways I’m rambling… yeah someone come save me please.

aaaand bump… come on… someone has to have some sort of suggestion of something to try. Guess nobody wants to make any $$$…

Hooookay, sense there where not takers on this I decided to make a really simplified version of the same problem.

Could someone please help me figure out how to get the keyboard inputs working here?

Line 56 of GameSystem.tsx is where the new canvas is attached when the react layer is ready.

The mouse works, but I can not for the life of me get the keyboard to work.

I have tried a ton of different ways, this only happens with a react setup.

So this is a shoot in the dark but can you try to set your = 1 (same with zIndex)

:frowning: nope… hmm, honestly I’m pretty stumped by this.