How to use the @babylonjs/gui.Control.HORIZONTAL_ALIGNMENT_LEFT function in @babylonjs/gui

To help you get started, we’ve selected a few @babylonjs/gui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github brianzinn / react-babylonjs / stories / babylonjs / 2-withVR / with2DGUI.stories.js View on Github external
textHorizontalAlignment={Control.HORIZONTAL_ALIGNMENT_LEFT}
                        textVerticalAlignment={Control.VERTICAL_ALIGNMENT_CENTER}
                      />
                      
                        
                      
                    
                  
                  
                    
                      
                      {
                        this.state.allowedMeshes.map(allowedMesh => (
                          
                        ))
                      }
                    
                  
                  
                    <button height="60px" width="290px" background="#6c757d" name="cancel-button"></button>
github brianzinn / react-babylonjs / stories / babylonjs / 4-advanced / nonDeclarative.stories.js View on Github external
params.forEach(function (param) {
    var header = new TextBlock()
    header.text = param.name + ':' + pipeline.depthOfField[param.name].toFixed(2)
    header.height = '40px'
    header.color = 'black'
    header.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT
    header.paddingTop = '10px'
    UiPanel.addControl(header)
    var slider = new Slider()
    slider.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT
    slider.minimum = param.min
    slider.maximum = param.max
    slider.color = '#636e72'
    slider.value = pipeline.depthOfField[param.name]
    slider.height = '20px'
    slider.width = '205px'
    UiPanel.addControl(slider)
    slider.onValueChangedObservable.add(function (v) {
      pipeline.depthOfField[param.name] = v
      header.text = param.name + ':' + pipeline.depthOfField[param.name].toFixed(2)
      moveFocusDistance = false
    })
  })
  scene.activeCameras = [scene.activeCamera, bgCamera]
github brianzinn / react-babylonjs / stories / babylonjs / 4-advanced / nonDeclarative.stories.js View on Github external
params.forEach(function (param) {
    var header = new TextBlock()
    header.text = param.name + ':' + pipeline.depthOfField[param.name].toFixed(2)
    header.height = '40px'
    header.color = 'black'
    header.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT
    header.paddingTop = '10px'
    UiPanel.addControl(header)
    var slider = new Slider()
    slider.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT
    slider.minimum = param.min
    slider.maximum = param.max
    slider.color = '#636e72'
    slider.value = pipeline.depthOfField[param.name]
    slider.height = '20px'
    slider.width = '205px'
    UiPanel.addControl(slider)
    slider.onValueChangedObservable.add(function (v) {
      pipeline.depthOfField[param.name] = v
      header.text = param.name + ':' + pipeline.depthOfField[param.name].toFixed(2)
      moveFocusDistance = false
    })