Hello, I’m hoping someone can tell me what I might be missing in trying to get Babylonjs set up in Visual Studio. A quick background, the manufacturing company I work for is looking to add 3D drawings to our existing 2D layouts. We evaluated five different options and decided that Babylonjs was the best choice. Even though it’s a gaming engine, we think it will work just fine for engineering drawings.
I’m new to Angular 9, Typescript, and Babylonjs, and I’ve been working on setting up a simple proof of concept. Before I start working with the loader plugins, I just want to get some of the playground code displaying in our solution. Everything looks good if I just open the HTML file in Chrome. But when I run my solution in Visual Studio 2019, I just see blank white space where my drawing should be. The same thing happens if I build using ng serve and open my browser to localhost:7474.
I’ve done an npm install in my workspace folder, I’ve updated all my packages, and I’ve done an npm install for babylonjs, babylonjs-gui, and babylonjs-loaders. It wasn’t clear to me if I needed any of the other Babylonjs packages to start out. I also added all three to the types list in tsconfig.json, and I have them included in my HTML as a script. Our solution uses Typescript, so I need to make sure I have everything set up to enable Babylonjs with Typescript. I’ve spent days going through documentation and I can’t seem to figure out what what else I might be missing that would allow a simple playground Typescript example to display when running the solution through Visual Studio. Does anyone know what I may have missed in installing the packages and setting up my environment? Thanks.