Text Mesh Pro Question

[shut kernel]

Let's say I have another scene that uses TextMeshPro, is that something I can get working even if Needle Engine doesn't work with TMP?

I'd imagine there's a way to have an overlay completely outside of the Needle Engine that loads on top of my game, after everything loads in Needle. For context, I'm experimenting with web wallets and want to see what my options are here, if anyone has had any success in that department when using Needle I'd be very interested! Maybe I'd have to go with something that's pure webGL for this.

[cedar mason]

Hello there – I'm an AI powered assistant 🤖 that might be able to help you with your question. Would you like me to try helping you?

💡 Did you know that we now also have a forum?
Join now with your discord account!

How it works:
Reply to the messages of the bot that end with a thread_id to interact with it and ask follow-up questions. You can also mention the bot directly in this channel to get help.

Help requested: please wait a moment...

[cedar mason]

Here is what I found for you 🧠 #1211475070271234101 message

[cedar mason]

Hello TheYellowBitRoad,

If you're using Needle Engine and require text rendering functionality that TextMesh Pro (TMP) offers but is unsupported by Needle Engine, you have a few alternatives to consider:

1. Use Legacy Text Components: Even though TMP is not supported, Needle Engine provides legacy text components which can be used for basic text rendering needs. Check the documentation for Text component functionality which might cover some of your needs.

2. Web-based Overlays: For more complex or specific use cases, like web wallets integration, you can indeed overlay a separate HTML/CSS/JS layer on top of your Needle Engine game. This approach allows you to use any text rendering library that works in the browser, including but not limited to web native versions of TMP, or even React components. This overlay would be completely separate from the Needle Engine rendering pipeline, thus allowing you to leverage the full ecosystem of web technologies.

3. Custom WebGL Solutions: If you find the overlay approach limiting or not suitable for your project's needs, creating a custom solution using WebGL for rendering text and other elements might be the way to go. This approach requires a deeper understanding of WebGL and might be more work but offers maximum flexibility.

When integrating these solutions, especially for use cases like web wallets, ensure that you handle user data securely and adhere to best practices for web security.

Feel free to explore these alternatives to enable the functionality you require for your project while using Needle Engine.

1 messages left
thread_qQzfNtRitvxYwBalLS8DwFkz
Thanks for your feedback!

[shut kernel]

@cedar mason How would I do a web based overlay on top of another scene?

[cedar mason]

Here is what I found for you 🧠 #1211475070271234101 message

[cedar mason]

To create a web-based overlay on top of a scene rendered using Needle Engine, you can follow these steps:

1. Create an Overlay HTML file: Create an HTML file that will serve as your overlay. This file should contain the necessary HTML, CSS, and JavaScript for your overlay content.

2. Positioning: Use CSS to position your overlay content over the Needle Engine canvas. You can use absolute positioning and z-index to ensure the overlay is displayed on top of the scene.

3. Inject Overlay: Once your overlay file is ready, you can inject it into the main HTML file where your Needle Engine canvas is rendered. This can be done dynamically using JavaScript.

4. Communication: If you need interaction between the overlay and the Needle Engine scene, you can use postMessage API or other communication methods provided by the browser to enable communication between the overlay and the scene.

5. Styling and Responsiveness: Ensure that your overlay is styled and responsive to different screen sizes to work well on various devices.

By following these steps, you can create a web-based overlay on top of a scene rendered using Needle Engine. This approach allows you to combine the capabilities of web technologies with your Needle Engine project.

0 messages left
thread_qQzfNtRitvxYwBalLS8DwFkz

[trim creek]

Hey, TMPro is currently not supported but we plan to support it at some point. In the meantime, please use Legacy Text

For overlays over your scene, we recommend HTML – we have a number of samples for how to do that

But basically you can just add regular HTML into your index.html file for a start, and have it interact with your scene and vice versa (see e.g. the JavaScript Interop sample and others)