Playground Github

[Nabroski]

So i read it somewhere a few days ago the playground were open sourced by some individuals.

I take a closer look at the code, i found at github.
Now the question: So the half of it is missing. The Paths to the single source files needed are changed

I think it is a good idea to make pull a requst first were all paths pointing again to https://github.com/BabylonJS/Babylon.js ???

and the do the hard stuff like, change buttons, ui, add new presets... textures.

 

i think this is a difficult question. becourse the playground is running on a different server for now. and when i start to remap the paths back to babylonjs, its kind of counterproductive. 

[GameMonetize]

Hello I'm not sure to understand what you mean.

The repo for the playground is here: https://github.com/BabylonJS/Babylon.js/tree/master/Playground

Just pull the entire repo, launch your webserver to serve the root of the folder, navigate to /playground/index - local.html and you are good to go

If you are using VS, just open the Babylon.sln at the root of the repo

[Nabroski]

No worries, i'll fix it later

<script src="node_modules/monaco-editor/min/vs/loader.js"></script>

[Nabroski]

Anyway its late, i think i have to install node.js with the right packages. But anyway, Thank you! I will make a pull soon! 

[GameMonetize]

Oh ok...just go to playground folder (after installing node) and run "npm install"

 

[Sebavan]

You can since today just do not in the tools/gulp folder and that will install all the required thing for you.

Then debugging would be much easier I am writing the doc for it asap.

[Nabroski]

@Sebavan Thank you this is really,really great. I currently to lazy, but i'm already open you tutorial like 3x times in a new tab  

[Nabroski]

@Sebavan 

Hello

Open VSCode on the newly created BabylonJS folder and launch the test task. To do so, 3 solutions:

1. Use the shortcut to run a task (Ctrl+Shift+p) and begin to type test. You should be on run test task, so hit enter.
2. Use the shortcut you previously bind to the command in your keyboard bindings (default is Ctrl+Alf+Shift+t)
3. Open a terminal on Tools/Gulp and run gulp run

So i set up everything - running. What do you mean with "newly created BabylonJS folder" - a folder created from git, i assume. Okay.

• What is a test task ?
• I navigate the VSCode to the LocalDev Folder and copy pase the Playground Code their, than i can simple make changes, right ?

[Sebavan]

Hello,

Yes, you have the good folder open (the git cloned BJS folder).

The test task is a VSCode notion:

The points 1, 2, 3 are 3 ways to launch it. I guess for you it is running from the python command line as I can see the url on port 1338 working and some off the logs in this command line.

Your playground code has to be copied in LocalDev/src inside of the index.js file (this folder is gitignore so your changes won t impact the repo)

Once done, got in the debug tab of VS Code and launch the localdev in debug. That is it you breakpoint should work:

If the doc is not clear enough, please feel free to make a pull request.

 

[Nabroski]

Thank you! Okay. i fixed a bug. how to merge files. just drag on drop my file back to the "global" playground folder ? I'm a fast learner, but i'm always have a low start.

@Sebavan

[Nabroski]

I mean make a pull request on github via browser ? Or is their an other way

[Sebavan]

Via github, that would be easier for the validation :-)