Playground Embed

Hello, I’m a 3D designer and a hack front-end dev. I’ve been having a lot of fun building on Playground for a few months now. I’ve got a firm grasp of the Babylon.js elements within playground, but now I’m ready to deploy my code into a React App. I’ve cloned a lot of github repos in the attempt to ‘plug-in’ my playground typescript snippet, but I’ve failed. I’m assuming that there isn’t a plug-and-play/copy-and-paste solution. Can anyone recommend a resource to help me accomplish displaying my playground scene in a React App?

Hello and welcome to the Babylon community! :smiley: I think this resource will be very helpful to you: Babylon.js and React | Babylon.js Documentation (babylonjs.com)

1 Like

@syntheticmagus is working on helping with almost exactly this

1 Like

Hi Brett_Campbell,

The Playground to Production dev story will, I think, have a lot of good information that might help you. That dev story specifically describes taking code from the Playground into a personal code repository using the Template Repository Workflow, then deploying that experience in an app. The dev story specifically describes deploying to an Ionic app using React, but you could also use almost the same steps to deploy to any other NPM-based mechanism. Hope this helps, and best of luck!

1 Like