babylonjs / website

Main babylon.js website

Babylon.js website

Installation process

    npm install -g gulp
    npm install

Development mode

Web site will be available at http://localhost:8080/

    gulp run

Additional options for the page

Page title

this property available as part of page level Json property

    "title": "BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript"

Meta tags

meta tags can be unique for each page. This property available as part of page level Json property and contains list of tags

    "metaTags": [
    {
      "name": "description",
      "content": "BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript"
    },
    {
      "property": "og:title", //optional property for open graph
      "content": "BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript"
    }
  ]

website's Issues

Local errors: can't run demos, files not found

I cloned the repo and turned on the web server. I'm on android but that wont make a difference since the demos work on the babylonjs website.

I'm trying to get the Windows Café demo to work locally but instead i get a white screen.

Next, i viewed the page source and some of the images were not found but still somehow were being showed in the browser, so i replaced the HTML with that of the babylonjs website demo for WCafe.

suggestion: redirect https://models.babylonjs.com/ to "Available Meshes to Import" doc page

it is a very tiny priority :-D but in case it's easy to do, https://models.babylonjs.com/ could be an easy link to remember when searching for an example mesh in a new playground

Demo clearcoat and Sheen

http://www.babylonjs.com/Scenes/Worldmonger/index.html does not work in Firefox

See https://bugzilla.mozilla.org/show_bug.cgi?id=1066883#c1 ,

makes infinite loop.

How to run the SponzaDynamicShadows demo?

New to Babylon.js, I'm trying to run the SponzaDynamicShadows demo, with the following attempt:

git clone https://github.com/BabylonJS/Samples.git
cd Samples
python -m SimpleHTTPServer
# navigate browser to http://localhost:8000/Demos/SponzaDynamicShadows/

However, this gives me the following errors in the web console:

127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Demos/SponzaDynamicShadows/ HTTP/1.1" 200 -
127.0.0.1 - - [02/Mar/2016 13:10:39] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /css/index.css HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /babylon.js HTTP/1.1" 200 -
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Demos/SponzaDynamicShadows/demo.js HTTP/1.1" 200 -
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /js/loader.js HTTP/1.1" 200 -
127.0.0.1 - - [02/Mar/2016 13:10:39] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Assets/CamTouchOff.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:39] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Assets/CamDeviceOff.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:39] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Assets/CamGamepadJoy.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:39] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Assets/CamVirtualJoy.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:39] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Assets/CamAnaGly.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:39] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:39] "GET /Assets/camera.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:40] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:40] "GET /Assets/CamTouchOff.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:40] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:40] "GET /Assets/CamDeviceOff.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:40] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:40] "GET /Assets/CamGamepadJoy.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:40] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:40] "GET /Assets/CamVirtualJoy.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:40] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:40] "GET /Assets/camera.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:40] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:40] "GET /Assets/CamAnaGly.png HTTP/1.1" 404 -
127.0.0.1 - - [02/Mar/2016 13:10:40] code 404, message File not found
127.0.0.1 - - [02/Mar/2016 13:10:40] "GET /Scenes/SponzaDynamicShadows/SponzaDynamicShadows.babylon HTTP/1.1" 404 -

The browser is then stuck at the spinning loading screen, and there is a JSON error SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data babylon.js:13:25158 that is probably a fallout of the missing file.

Searching the repository tree, I can't locate the files, especially /Scenes/SponzaDynamicShadows/SponzaDynamicShadows.babylon.

When I run the file Samples/Demos/SponzaDynamicShadows/index.html via file:/// URL, I do see the star particle trail moving around what appears otherwise a blank canvas.

Sorry if I'm missing something obvious, I was unable to find the steps to how to run this demo. Could someone help me get the demo running? What I am looking for is to run an offline/locally hosted copy of http://www.babylonjs.com/demos/SponzaDynamicShadows/. Thanks!

Performance difference between babylon.js and babylon.max.js

Is there supposed to be a performance gap when switching between babylon.max.js and babylon.js ? I tried switching between them in a couple of demos, but didn't observe any performance change. (Planning on using babylon.max.js as it is more readable).
Thanks.

versionBuilder page suggestion: Check All / None

could be useful to get full BJS version in one click IMO:

How to Install

Please let us know install and run on localhost step by step

GUI and Viewer extensions listed as main features

Since extensions are not part of the framework, why are they listed as main features? I especially think the Viewer shouldn't be there, since it's a standalone application.

babylon.js.org

js.org has a DNS service that provides js.org sub-domains that can point to websites hosted by providers like github, netlify, etc. I think we could move to babylon.js.org. It would look a lot more cooler 😎 plus it could show our affiliation with the larger javascript community.

Since the babylonjs.com website is currently hosted on netlify, the only change that needs to be done from our part is to create a new pull request to the js.org/dns.js.org repository with the new sub-domain.

I can create a pull request to js-org/dns.js.org to assign the sub-domain to babylon.js.

Why would you want to change the existing domain?
I think having a js.org sub-domain could show a better affiliation with the javascript community.
There are other services that use the js.org sub-domain as well. Some examples :

• browserless.js.org
• canvas.js.org
• cargo.js.org
• cnc.js.org
• csv.js.org
• cycle.js.org
• impress.js.org
• mobx.js.org
• redux.js.org
• telegraf.js.org
• webpack.js.org

I'm asking approval / permission to do these 👆 for babylon.js.

v2 feedback

• Align design with XD (font, space, etc..)
• Expanding the hamburger menu is too fast…doesn't match the XD design
• Closing the hamburger menu shows an odd pop in the grey area next to the babylon logo
  2019-04-03_11-00-33.zip
• Clicking on a menu item in the hamburger menu opens the correlating "drawer," however clicking on the same menu item a second time does not close the correlating "drawer."
  2019-04-03_11-03-43.zip
• "Get" in the menu item should take you to the same download page as the download button the right, currently it does not.
• Scrolling the while the cursor is inside of the Carousel babylon scene simultaneously zooms the babylon scene as well as also scrolling the website. This functionality is true regardless of whether the babylon scene has been interacted with (clicked on) or not.
  2019-04-03_11-14-46.zip
• Mobile size - Babylon scene cannot be interacted with.
• Mobile size - Formatting is off, does not match design
  
  
• Resizing from desktop size to mobile size results in some odd animation 'pops' in both the header and footer. Needs to be smoother.
  2019-04-03_11-24-27.zip
• "Get" and Download button should both point to the Github repository
• Provide a central way to define colors

Creating a tiled box thumbnail image is broken

On page https://doc.babylonjs.com/divingDeeper/mesh/creation/set

cyos - page not found

in main page menu, CYOS link redirect to a 404 page : http://www.babylonjs.com/cyos

Clicking links to exporters gives 404, need updating

The links on the 3 exporters logos, lower right of the homepage, need updating.

Blender, Unity, and 3DS Max logos try to link to exporters folder under the Babylon.js repo, but these have moved to their own repo so user gets 404 "page not found" after clicking.

For example Blender logo tries to link to...
https://github.com/BabylonJS/Babylon.js/tree/master/Exporters/Blender

But needs to be updated to link to...
https://github.com/BabylonJS/Exporters/tree/master/Blender

Suggestion: add exporters to download page

If I'm a new user, I quickly want the tools to test the engine, but in the download page only stands the version builder (which is cool by the way).
Even if I'm a daily user, it allows me to quickly go to the repo so as to update my exporter(s).

IMO, have to clic to Documentation > Resources > find what's happens here and finally view the doc for each software exporter is not very convenient when discovering BJS.

Maybe a simple link to the github repo could be enough? Here just a simple proposal:

Broken link to Final Fantasy card game at https://www.babylonjs.com/games/

HTML Page Title not generated

It seems that the "title" element (just below the "menutitle") in the config.json files airen't taken into account to generate the HTML Page Title.

Repro:

• On https://www.babylonjs.com/native/ the HTML page title is "Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best":
  

• When in the code, in the src/content/native/config.json, the "title" element at the top is: "Babylon Native: cross-platform native apps with the power of Babylon.js":

Image.png

Create Page to highlight Enterprise Scenarios

Update E3 landing page

Update landing page:

• Update source text
• Update text content
• Update demo links
• Update design
• Include Banner

Cannot run demos from local drive

There are a couple of demos, which run only when opened via the URL, but not after cloning the repo to the local drive.
Example:
http://www.babylonjs.com/Demos/MANSION/ runs successfully, however, the locally stored copy of the MANSION does not produce any graphics in Edge and FF Nightly at least (stops at loading page with black background).
Same thing for SIMD demo happens with Edge (however it runs from the local storage in Nightly, Chrome etc).

V8 examples = V6?

I think you misscounted the number of Vs.

Demos and babylonjs-playground doesn't work on Edge browser

When playground starts, following error message shows up.
Line 6:18795 - Object doesn't support property or method 'createQuery'

and Demos on website doesn't work on Edge like PBRGlossy, Sponza etc.. with white screen.

Add a filter for demos

filters:

• webVR
• PBR
• by Babylon.js team
• etc...

The idea is to allow tagging of article elements and then add a dropdown list (with checkboxes so multiple choices are possible) on top to let people filter demos

sandbox.babylonjs.com assetURL broken?

Windows 10 Enterprise
3ds Max 2018.4
Max2Babylon 1.3.32

When we use Export & Run in the exporter, it spawns the default browser (Chrome in our case) and attempts to load the sandbox with a local URL. But the file refuses to load, the sandbox remains in its default index.html state.
https://sandbox.babylonjs.com/?assetUrl=http://localhost:45478/Wood_ParquetStrip_1meter_1K_Bump.glb

When I try to drag-and-drop an exported GLB into the sandbox, Chrome downloads the file instead of loading it in BabylonJS.

Has something changed on your backend recently?

Soundfiles are missing on Sponza

I can't run this on localhost :)

Add new content to main site

• Add new content surrounding engine features
• Add game stack content
• New icon for NME link
• Add NME into menu
• New images for 4.1 features on home page
• Add Babylon Native into menu system

suggestion: main page featured demos should use content/community/config.json file

On the forum the demo makers are invited to update the community/config.json file when showing their new projects, which is great. But this will not update the Featured demos of the main page of babylonjs.com.

Do you think it's possible that the Featured section automatically take the first 7 new demos from community/config.json?

Or maybe this Featured is a manual choice of particular demos, but who is in charge of this choice then?

Padding issue in footer

Documentation website has issue near footer, I am not able to see last elements in the list ( safari ).

i.e here:
https://doc.babylonjs.com/snippets/

css to fix this issue:
.statics-content {
padding-bottom: 100px
}

Demo Carousel - Add 3D playground capability instead of video in home page

The objective would be to replace the video carousel on the home page of www.babylonjs.com by actual 3D demos instead of videos. For this, the capability to be able to add Playground Code directly into the Home Page would need to be added with a way to switch demos.

Invalid link in build readme

The dependency link in build/README.md is broken:
https://github.com/BabylonJS/Website/tree/master/build#external-dependencies

Unless perhaps the server is hidden and is using a private access token?

Particle Helper How-To Page has broken links

Address this during the documentation overhaul

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

Website Page on 3D Commerce Scenarios

version builder buttons

since #288 , we're front of a css issue:

But this is a scss issue, so I don't know how to fix this.

TypeScript samples

Where are samples showing the typescript api being exercised?

No way to reset model position in sandbox

Being able to reset the model position with a specific user input, possibly in the inspector, would be helpful if the model is lost off screen either by scaling too small or panning off the canvas.

typos?

I think that it is a typo.

https://github.com/BabylonJS/Samples/blob/master/Scenes/simd.html

Using babylon.js adn SIMD.js
-> Using babylon.js and SIMD.js

Object manipulation too sensitive

When using the pan function for a model in the sandbox, the control is way too sensitive sending the model flying off the page and making it nearly impossible to find again, even with small movements. Tuning this to be less sensitive would be super helpful.

User quotes page for Website

Add user quotes page to highlight testimonials by users

• Style exploration for template
• Add collected feedback
• Update menu system to include links to page

Pushing full quotes page to 4.2 so that we can get partner testimonials. For now we will include some quotes on the landing page as a rolling content block and implement the full page once we have more content approved for use.

(Moved from Babylon.js repo #7584)

[suggestion] add a tutorial link on navigation bar

As title say, it may be a cool thing to have direct link to official tutorials directly from main page ?

Update Babylon Website for 7.0 Release

Update website for new 7.0 release features.

• New features for landing page
• Audit featured demos for any replacements
• Update carousel
• Update partners list
• Explore usage of social content on site. Likely not a pre-7.0 update unless light weight