Best visual editor solution for babylonjs VR work

Questions
1

Hi All,

I’m still relatively new to this ecosystem; so, be nice! :stuck_out_tongue: I’ve been messing around with https://newart.city/ recently, which is basically three.js w/a CMS. Been great to quickly throw objects into a 3D world and walk around them. I’m wondering what y’all think is the fastest/easiest way to throw objects into a 3D VR world and manipulate them: is it with the babylonjs visual editor that I download and use on my desktop? Are there VR examples for it? I’m coding a pretty complex VR scene just with glitch, but I’m also wondering what I should use for “rapid visual prototyping”? Appreciate the advice.

2

Hey @saitogroup - Definitely a lot of different ways to answer this question.

Hopefully a few of these resources will help point you in the right direction:
https://doc.babylonjs.com/how_to/introduction_to_webxr

https://doc.babylonjs.com/how_to/webxr_camera

https://doc.babylonjs.com/how_to/webxr_experience_helpers

https://doc.babylonjs.com/how_to/webxr_controllers_support

I’ll also add the experts as well for advice.

@julien-moreau is the master craftsman behind the Editor, and @RaananW is the master of all things VR/AR/XR for Babylon.js

1 Like
3

Thank you! Yeah, I’m actually doing OK at the moment in “scripting” in webxr; so, now I’m mostly curious if the visual editor works for webxr and if there are good webxr examples I can download and use in the visual editor (or, if I should take the webxr code I’m already using and port it over).

1 Like
4

Awesome! Glad you’re getting up and running!

@julien-moreau is definitely the right person to chat with about the Editor and WebXR!

1 Like
5

Hey @saitogroup ! :slight_smile:

That’s an excellent question. But firts, to be sure, have you installed the Editor v3 ? Or the v4 ?
I highly recommand to use the v4 instead as it’ll be released in few weeks and is much more stable/powerful.

You can find the beta downloads here: BabylonJS Editor v4.0.0 beta · BabylonJS/Editor Wiki · GitHub
And the documentation still WIP here: Editor/doc.md at release/4.0.0 · BabylonJS/Editor · GitHub

I still have to explore the WebXR support in the Editor (there is an open issues for that Provide Project Templates For WebXR · Issue #181 · BabylonJS/Editor · GitHub and Integrate WebXR · Issue #180 · BabylonJS/Editor · GitHub). Anyway, I’m not really familiar with WebXR and I don’t have any VR headset to try it.

It would be great if we can work together and see what you are looking for in the Editor and its WebXR integration. I’ll be a pleasure to help and integrate with the help of WebXR professionals!

Today, the Editor v4 can be used, in your case, to design your scenes. I mean adding meshes, lights, particle systems, etc. It produces output scenes in .babylon format by default but also provides the support to export to GLTF/GLB.

2 Likes
6

@julien-moreau Wow!!! The next version of the editor is REALLY COOL. I was using the previous version. I would love to go back and forth with you about this particular problem: setting up a demo VR scene (in addition to your other demos). I’m definitely not a WebXR expert, but I’m slowly getting deeper and deeper into it, and it’s where I’d like concentrate/focus my studies. I’ll DM you!