nogalo92/Website

Main 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"
    }
  ]

Available templates

Carousel with live samples:

{
  "templateName": "samplesCarouselBlock",
  "content": {
    "items": [
      {
        "interactiveSampleUrl": "",
        "videoUrl": ""
      },
      {
        "interactiveSampleUrl": "",
        "videoUrl": ""
      }
    ]
  }
}

Image and text:

{
  "templateName": "imageAndTextBlock",
  "content": {
    "alignment": "left",//left or right
    "background": "#5C5C5C",
    "img": {
      "url": "imageName",//relative path to the image
      "alt": "Alternative text for the image"
    },
    "title": "Block title",
    "desc": "Long description"
  }
}

Just text:

{
  "templateName": "textBlock",
  "content": {
    "title": "Block title",
    "desc": "Long description"
  }
}

Table with images:

{
  "templateName": "imageBlocks",
  "content": {
    "title": "FEATURED DEMOS",
    "items": [
      {
        "img": {
          "url": "featuredDemo1",
          "alt": "Demo 1 description"
        },
        "link": "https://google.com"
      },
      {
        "img": {
          "url": "featuredDemo2",
          "alt": "Demo 2 description"
        },
        "link": "https://google.ua"
      },
      {
        "img": {
          "url": "featuredDemo3",
          "alt": "Demo 3 description"
        },
        "link": "https://google.nl"
      }
    ]
  }
}