How to use the @babylonjs/gui.TextBlock 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 / 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) {