Problem building WebGL and running it on react-unity-webgl

[K3]

Reply by saurav0037 | 2024-09-23 11:52:49

convaiClient is available in react now

[K3]

Reply by erikmendes | 2024-09-23 11:52:58

can i get into trouble because convai web sdk exists in my project?

because I need to have the websdk and also a webgl in the same project, but on different routes…

[K3]

Reply by saurav0037 | 2024-09-23 11:53:53

I’d suggest using iframe in that case

[K3]

Reply by saurav0037 | 2024-09-23 11:54:08

or host the unity project differently

[K3]

Reply by saurav0037 | 2024-09-23 11:56:09

react is a spa so in any case it’ll get messy this way

[K3]

Reply by saurav0037 | 2024-09-23 11:57:09

Did you try react-unity-webgl package

[K3]

Replying to saurav0037’s Message

Reply by saurav0037 | 2024-09-23 11:57:09
Did you try react-unity-webgl package

Reply by erikmendes | 2024-09-23 11:57:25

I’m using it

[K3]

Reply by erikmendes | 2024-09-23 11:57:55

import React from ‘react’;
import { Unity, useUnityContext } from “react-unity-webgl”;

function UnityLoader() {
const { unityProvider, isLoaded, loadingProgression } = useUnityContext({
loaderUrl: “UnityBuild/Build/euvatarwebgl.loader.js”,
dataUrl: “UnityBuild/Build/euvatarwebgl.data”,
frameworkUrl: “UnityBuild/Build/euvatarwebgl.framework.js”,
codeUrl: “UnityBuild/Build/euvatarwebgl.wasm”,
});

return (

{!isLoaded &&

Carregando… {Math.round(loadingProgression * 100)}%

}
<Unity unityProvider={unityProvider} style={{ width: “100%”, height: “600px” }} />

);
}

export default UnityLoader;

[K3]

Reply by erikmendes | 2024-09-23 11:58:36

import React from ‘react’;
import UnityLoader from ‘…/Loader/UnityLoader’;

function UnityPage() {
return (

EuvatarAI

);
}

export default UnityPage;

[K3]

Reply by saurav0037 | 2024-09-23 11:59:02

okay i’ll try solving this but this will take some time. Better solution would still be to use iframe

[K3]

Reply by saurav0037 | 2024-09-23 11:59:26

its spa so if we include scripts in index it’ll be in the entire project

[K3]

Reply by erikmendes | 2024-09-23 12:01:20

I’ll look for an alternative solution in the meantime…