Luaacro

BabylonJS Editor V2

Recommended Posts

Hello awsome community!

The BabylonJS Editor V2 is now available and online! It comes with a web version and a native desktop application (Electron)!

From the V1, this new editor comes with a better user interface and more tools to write less, less, less lines of code

Demo

This demo video shows a project 100% made inside the editor. It includes custom scripts written using TypeScript, path finding, custom post-process and custom animations

Features

  • Create and edit particle systems
  • Create and edit animations
  • Create and edit lens flares systems
  • Create and edit physics states on meshes
  • Create and edit materials (including materials library)
  • Add and edit sounds
  • Add and edit textures (including render target textures & procedural textures)
  • Save projects on OneDrive / local with Electron
  • Deploy project template on OneDrive / local with Electron
  • Scene graph view
  • Create and edit custom post-process
  • Create and edit custom materials
  • Attach custom scripts (JavaScript and TypeScript) to your objects
  • Test your scenes with debug support

Video tutorials

The documentation is available in the BabylonJS Documentation but now comes with videos to illustrate the written documentation: https://www.youtube.com/channel/UCNogU8tcA5IegFvMwE2Rckw/playlists

Some links

Full documentation: http://doc.babylonjs.com/resources/

Editor: http://editor.babylonjs.com/

Desktop Application: http://doc.babylonjs.com/resources/getting_started

Git Repository: https://github.com/BabylonJS/Editor

Conclusion

If you encounter a bug, don't hesitate to report in the forum and I'll make my best to resolve it.

Thanks for being BabylonJS users. Hope you'll like using this editor :)

Share this post


Link to post
Share on other sites

Great.

Very polished.

Like the desktop option.

Question: How do you now focus camera on an item and rotate camera around it?.
This was there in the previous version. Hope we didn't remove that

Share this post


Link to post
Share on other sites

Hey @satguru hopefully not! I got enough feedbacks to set the free camera as the default one. Anyway you can change the camera type in the preview panel (Cameras -> Arc Rotate) and it’ll be saved in your project.

Hope to see one of your projects made using the editor ! =D

Share this post


Link to post
Share on other sites

@Luaacro

Right now the ArcRotate camera just rotates about itself. It does not rotate about the object selected.

Is there a shortcut key to focus on an object?

Sometime double clicking an object shifts focus to it. But that seems to be buggy. It does not work most of the time. Also after focusing, if you left click, hold and drag the mouse the screen remains unresponsive and  if you let go off the mouse the mouse goes into free look.

Share this post


Link to post
Share on other sites

@Luaacro 
Nice . Much better now. Thx.
You should also add a  keyboard shortcut  and a button with an icon like a magnifying glass to focus. Double click works but only if you double click very fast.

Share this post


Link to post
Share on other sites

@Luaacro

Nice.

Few other issues.

1) Under menu item "Project", the  "Clean Project" does not seem to work. The same project is displayed again but this time I am unable to select anything.

2) Instead of "Clean Project" maybe it should be called "New Project" ? Thats what most other  editors have.

3) I find the "Project" menu confusing.

We have
"Import Project", "Export Project", "Save Project as."
and
"Download Scene", "Export Scene As"

Not sure about the difference between
Export Project and Save Project
or
Download Scene and Export Scene. (what about import Scene?)

Also Project options and Scene options should be clubbed together under the Project menu?

4)  Anyway to select , edit or delete GUI Items in the screen?

Share this post


Link to post
Share on other sites

@Luaacro

That was fast.
Much cleaner now.

"Import Project" does not seem to be working.
I see following error in console
Uncaught (in promise) TypeError: Cannot read property 'name' of undefined
    at Editor.eval (editor.js:1)
    at step (editor.js:1)
    at Object.eval [as next] (editor.js:1)
    at eval (editor.js:1)
    at new Promise (<anonymous>)
    at __awaiter (editor.js:1)
    at dialogCallback (editor.js:1)
    at eval (editor.js:1)
    at Object.eval [as callBack] (editor.js:1)
    at HTMLButtonElement.<anonymous> (w2ui.min.js:7)

 

"2) New Project with empty scene?" 
Is there any other way to create an empty scene?
Is there a way to delete everything in the scene in one stroke?
I tried deleting each item in the scene one at a time but wasn't able to delete any of the GUI elements.
So yes a new Project with empty scene would help

What is "Export Template"?
Is it a way to publish my scene?
When I do that it tries to log me into some Microsoft account. 
Why? 
What if i do not have or want a a Microsoft account?
It should allow me to save it to my disk

 


 

 

 

 

 

Share this post


Link to post
Share on other sites

@satguru

Oups! It works on my side, can you share the scene you are importing? Thanks!

2) ok for empty scene, just added, will be available ASAP :)

For the export template I have to update the doc to explain. The template contains a project for developers with the final scene and a minimalist typescript code to load the game you are developing (in mean index.html, scene, libraries etc) so you are able to develop your game as you can do without using the editor directly. Will update the doc and make a video to explain :)

Anyway, please use the electron version to export template or save your project. The web version of the editor will try to save files using OneDrive

Share this post


Link to post
Share on other sites

How within the realm of possibility is it to get a native linux version of the editor? Or is it possible to self host in the browser by downloading files? My main computer uses ubuntu. Still exploring the git repo.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.