Needs advice
on
JavaScriptJavaScriptreact-isreact-is
and
Vue.jsVue.js

I want to create an application in Unity in which all my UI parts will be created using web technologies (Html, CSS, JavaScript, React, etc). This Means the whole UI will be handled in web technologies and the 3D rendering (shaders, lighting, materials, etc everything) will be handled in unity3d.

I have the following questions - 1. Is this possible?

  1. If yes, then what tools/frameworks/technologies should we use? Please share some useful links.

  2. Should we use react or vue for UI or the basic Html, CSS, JavaScript with a Bootstrap theme?

READ LESS
6 upvotes·25.8K views
Replies (2)

I don't recommend that you use Vue but that is just my biased opinion for react against vue. If you want a better user experience, use Next.js server side rendering. You will need to use Web Assembly to compile your unity 3d game on the web. DO NOT use html, css and js for your game. I recommend you use a tailwind UI kit, Chakra UI or material UI.

READ MORE
8 upvotes·16.1K views
Frontend Developer ·
Recommends
on
JavaScript

It's possible by using the webview plugin.

I wouldn't recommend you to use Vue.js nor React.js as it would be too overblown if what you want to do is a videogame, if that's not the case then use React native for mobiles or NWjs/Electron with whatever frontend framework (maybe give it a try with Vue?) but do not use Unity 3D.

I imagine you know how to do frontend by the questions you asked, so for videogames vanilla CSS is the best. And if you aren't handy with CSS you can always use Bootstrap or Tailwind.

READ MORE
GitHub - gree/unity-webview (github.com)
6 upvotes·1 comment·15.1K views
Paul Whittemore
Paul Whittemore
·
December 6th 2021 at 10:48PM

It sounds possible with a webview applied on top of the Unity display, and I am a Vue fan, although React would be lighter for a case like this, still I agree with Luan that if you just want to render buttons etc, then you probably should skip the framework as that would just add weight to the project. You could probably have static HTML "pages" as overlays without any components, just some JS for interaction and CSS for styling. There are several webview plugins that provide HTML on top of Unity (e.g. https://uniwebview.com/ ) and also some that provide webviews within Unity (e.g. https://developer.vuplex.com/webview/overview ) but it sounds like you're looking for the ability to overlay UI on top of the Unity render (so the former not the latter). Good luck, this sounds like an interesting project.

·
Reply
Avatar of Gagandeep Singh