Home › Forums › Programming › Embedding App locally in my react App
Tagged: programming
- This topic has 8 replies, 5 voices, and was last updated 4 years ago by Ivan Lyubovnikov.
-
AuthorPosts
-
2020-03-27 at 7:34 am #25027gr8temiParticipant
Hi,
I am currently trying to run my web scene inside my react App. I keep getting v3d not defined. Is there a tutorial on how to use verge3D directly in your app instead of uploading it to verge3D network and using Iframes?2020-03-27 at 8:47 am #25029Yuri KovelenovStaffHi,
the most straightforward way to use Verge3D with React is to add v3d.js to the public folder, and use the code from your_application.js to initialize the Verge3D application from your React-based app.
https://stackoverflow.com/questions/44405718/how-to-include-custom-js-files-in-to-react-create-app
2020-03-28 at 9:44 am #25077Ivan LyubovnikovStaffHi gr8temi,
We’ll probably add some tutorial to the manual about how to integrate verge3d applications into a react project.
As for now we have a simple example explaining how to make a basic react app with a verge3d scene in it. We have not released it yet, but here’s a link to the archive if you’re interested: Embeddable.zip.
There’s README.md inside with instructions telling step-by-step what you need to do to integrate verge3d and react.Attachments:
You must be logged in to view attached files.Co-founder and lead developer at Soft8Soft.
2020-04-08 at 10:23 am #25479gr8temiParticipantAlright, Thanks. I’ll definitely go through this
2020-04-08 at 4:02 pm #25509Ivan LyubovnikovStaffWe’ll probably add some tutorial to the manual about how to integrate verge3d applications into a react project.
Btw, we’ve also added that information into the manual, here’s the link: https://www.soft8soft.com/docs/manual/en/programmers_guide/Integration-with-Reactjs-Vuejs.html
Co-founder and lead developer at Soft8Soft.
2020-04-08 at 4:05 pm #25510GLiFTeKCustomerWe’ll probably add some tutorial to the manual about how to integrate verge3d applications into a react project.
Btw, we’ve also added that information into the manual, here’s the link: https://www.soft8soft.com/docs/manual/en/programmers_guide/Integration-with-Reactjs-Vuejs.html
yay Vue!
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-08-07 at 10:02 pm #31282garyCustomerIs anyone willing to share an example of their React wrapper component? The new info in the manual is a good start but I’m having difficulty placing that into a component along with other components on a page.
2020-08-10 at 11:48 am #31319Yuri KovelenovStaffHi Gary,
I’m having difficulty placing that into a component along with other components on a page.
Can you show some code or project that does not work as intended?
2020-11-24 at 9:20 am #35811Ivan LyubovnikovStaffIs anyone willing to share an example of their React wrapper component?
we’ve updated the documentation about React/Verge3D integration (https://www.soft8soft.com/docs/manual/en/programmers_guide/Integration-with-Reactjs-Vuejs.html#Verge3D_React) – the example there shows how to wrap a verge3d application with a React component
Co-founder and lead developer at Soft8Soft.
-
AuthorPosts
- You must be logged in to reply to this topic.