Avatar of Luan Himmlisch

Luan Himmlisch

Frontend Developer
Avatar of luanhimmlisch
Frontend Developer ·
Recommends
on
JavaScriptJavaScript

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.2K 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 luanhimmlisch
Frontend Developer ·

Bootstrap and Tailwind are different tools with different uses and for different occasions, and not mutually exclusive.

Bootstrap is a set of components made with CSS.

Tailwind is a compiler to extract individual CSS styles to its own class name.

And so, you could recreate each component from Boostrap with Tailwind, since Tailwind is just a tool to write CSS in a less verbose way.

If you don't want to design but rather edit what others have done to quickly scaffold a site, use Boostrap.

If you want to write less CSS and already use a template engine that doesn't need CSS' modular nature, use Tailwind.

If you don't want to design and at the same time use Tailwind, check a component library built on Tailwind such as daisyUI

READ MORE
Himmlisch Studios | Desarrollo Web Artístico (web.himmlisch.com.mx)
3 upvotes·181 views
Avatar of luanhimmlisch
Frontend Developer ·

Just learn to learn. Learn to search and develop your logical thinking, that's all you need. No books, no deep study of how computers work, just logic and willingness to learn

2 upvotes·169.7K views