Where is the source code for Babylon.js Editor?

[[email protected]]

Is the source code for the editor open source? I saw an empty github project for it at https://github.com/BabylonJS/Editor.

 

Thanks,

Dan

[GameMonetize]

Here:

https://github.com/BabylonJS/Editor/tree/develop

[[email protected]]

Fantastic, I have been searching high and low for hours!

 

-Thanks,

Dan

[[email protected]]

I tried to run it by opening index.html and got almost a blank screen with only two tabs on the left side: General and Material  (I ran chrome like this: start chrome --allow-file-access-from-files)

 

Then I tried to load the sln project into vs2012 and got the the following error in the VS output window:

http://localhost:1411 : error  : Error opening web http://localhost:1411. Unable to open the Web site 'http://localhost:1411'.  The Web server 'http://localhost:1411' could not be found.

 

I am new to Babylon, so I definitely do not know what I am doing here. For one thing, I have VS2012 ultimate, not 2013 which the solution is created for. But I think the "localhost:1411" error shall be due to something else though.

 

-Thanks

Dan

[[email protected]]

I figured out the first part, i.e., how to run the Editor. The issue was that the Editor does not come with Babylon.js files, I have to copy them into the Babylon.js folder.

 

The 2nd problem still remains though: i.e., error on loading the solution to VS2012.

[joshcamas]

Aw man, having this link would have been great!

 

It's possible that you're not able to load the shader files, possibly?

[[email protected]]

I can already run the Editor (and hence load the shaders) as is. My problem right now is not being able to open the VS2013 solution with my VS2012. I understand my VS version is lower than VS2013  that creates the solution file, but the "http://localhost:1411" error does not appear to be caused by the version difference. 

 

Peeking into the solution file, it seems to refers to /localhost_1411 specifically (seems that the Visual Studio solution requires a local server to be running???).

 

Below is the complete solution file for the Editor:

 

Microsoft Visual Studio Solution File, Format Version 12.00

# Visual Studio 2013

VisualStudioVersion = 12.0.21005.1

MinimumVisualStudioVersion = 10.0.40219.1

Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "BabylonJSEditor", "http://localhost:1411", "{3D481FEA-281D-4E78-BE69-62A1841C25D7}"

ProjectSection(WebsiteProperties) = preProject

UseIISExpress = "true"

TargetFrameworkMoniker = ".NETFramework,Version%3Dv4.5"

Debug.AspNetCompiler.VirtualPath = "/localhost_1411"

Debug.AspNetCompiler.PhysicalPath = "..\BabylonJSEditor\"

Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_1411\"

Debug.AspNetCompiler.Updateable = "true"

Debug.AspNetCompiler.ForceOverwrite = "true"

Debug.AspNetCompiler.FixedNames = "false"

Debug.AspNetCompiler.Debug = "True"

Release.AspNetCompiler.VirtualPath = "/localhost_1411"

Release.AspNetCompiler.PhysicalPath = "..\BabylonJSEditor\"

Release.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_1411\"

Release.AspNetCompiler.Updateable = "true"

Release.AspNetCompiler.ForceOverwrite = "true"

Release.AspNetCompiler.FixedNames = "false"

Release.AspNetCompiler.Debug = "False"

SlnRelativePath = "..\BabylonJSEditor\"

EndProjectSection

EndProject

Global

GlobalSection(SolutionConfigurationPlatforms) = preSolution

Debug|Any CPU = Debug|Any CPU

EndGlobalSection

GlobalSection(ProjectConfigurationPlatforms) = postSolution

{3D481FEA-281D-4E78-BE69-62A1841C25D7}.Debug|Any CPU.ActiveCfg = Debug|Any CPU

{3D481FEA-281D-4E78-BE69-62A1841C25D7}.Debug|Any CPU.Build.0 = Debug|Any CPU

EndGlobalSection

GlobalSection(SolutionProperties) = preSolution

HideSolutionNode = FALSE

EndGlobalSection

EndGlobal

[AlexeyJr]

Sorry i still don't understand How to run Editor???

[RaananW]

 

@AlexeyJr - This is a VS2013 Project. Open is with visual studio and run it

@[email protected] - VS2013 comes with an internal web server (i assume 2012 as well?). It randomally selects a port to each project. The port selected here is 33404 (https://github.com/BabylonJS/Editor/blob/develop/BabylonJSEditor.csproj#L174) . Not sure when you got this port number. What file content did you paste here? 

[AlexeyJr]

Thank you, RaananW
I soon will install VisualStudio and try run it again

[julien-moreau]

Hi AlexeyJr,

To run the editor, you can use Visual Studio 2015 Community (free) or simply using node.js

Install the packages: "npm install"

Build Editor: "gulp build"

Run the editor: "gulp webserver"

[AlexeyJr]

On 20.03.2016 at 11:20 PM, Luaacro said:

Hi AlexeyJr,

To run the editor, you can use Visual Studio 2015 Community (free) or simply using node.js

Install the packages: "npm install"

Build Editor: "gulp build"

Run the editor: "gulp webserver"

Thank You, Luaacro.

I installed "node.js" & "npn" from here: https://nodejs.org/en/
Then run "cmd" and paste this "npm install --save-dev gulp-webserver", and this "npm install -g gulp-server-livereload"
But Action Builder is still "script error"
Honestly i don't fully understand what is npm and gulp webserver...
Shall I make virtual http server via this "gulp webserver" or somthing?
Please, one more help )
 

[julien-moreau]

no worry, you do not need to go too deep

Just install node.js ans npm (done), open a command line interface (cmd, done), go to the directory of the editor and type these commands :

- npm install

- gulp build

- gulp webserver

that's all

for the actions builder, can you get the latest version of the editor ? It is possible that the version you have now has some bugs. Now with the latest version it should be ok

 

[AlexeyJr]

Thank You!

[Nabroski]

wget -m [website]

works for me

[Boz]

Just a bit off-topic sry

@Nabroski : how do you get a quick screen GIF as you did ? very useful

[Nabroski]

Hey, No Problem!
You're welcome! I use GifCam.
http://blog.bahraniapps.com/gifcam/

optional:
edit for smaller file size.
http://ezgif.com/resize

[julien-moreau]

+1 thanks for the tip