SliderTest.kt

src/jvmMain/kotlin/afield/examples/tests/SliderTest.kt · 203 lines

package and imports — 42 lines, from line 1

package afield.examples.tests

import afield.ai.agent.*
import afield.ai.conversation.*
import afield.ai.tools.*
import afield.animation.gesture.*
import afield.animation.interpolation.*
import afield.animation.keyframes.*
import afield.app.diagnostics.*
import afield.app.notifications.*
import afield.app.protocol.*
import afield.app.server.*
import afield.app.settings.*
import afield.audio.synth.*
import afield.data.table.*
import afield.document.context.*
import afield.document.graph.*
import afield.document.history.*
import afield.document.persistence.*
import afield.document.properties.*
import afield.document.workspace.*
import afield.graphics.color.*
import afield.graphics.paint.*
import afield.graphics.vulkan.*
import afield.math.functions.*
import afield.media.capture.*
import afield.media.stream.*
import afield.media.video.*
import afield.runtime.completion.*
import afield.runtime.execution.*
import afield.runtime.kotlin.*
import afield.runtime.lifecycle.*
import afield.tools.automation.*
import afield.tools.docs.*
import afield.ui.controls.*
import afield.ui.layout.*
import afield.ui.notation.*
import afield.ui.output.*
import afield.ui.output.templates.*
import afield.ui.slides.*
import afield.ui.visualization.*
import kotlinx.coroutines.delay

Test file demonstrating the slider functionality. This can be used as a reference or executed in a Field4 box.

`fun Box.testSimpleSlider()`

Example 1: Simple single slider

fun Box.testSimpleSlider() {
    var myValue = 0.5

    slider(
        label = "Test Parameter",
        min = 0.0,
        max = 1.0,
        step = 0.01,
        initialValue = myValue,
        channel = "test controls"
    ) { newValue ->
        myValue = newValue
        println("Slider value changed to: $myValue")
    }
}

`suspend fun Box.testMultipleSliders()`

Example 2: Multiple sliders

suspend fun Box.testMultipleSliders() {
    var x = 0.0
    var y = 0.0
    var z = 0.0

    sliders(
        channel = "coordinates",
        "x" to SliderConfig(
            label = "X Position",
            min = -100.0,
            max = 100.0,
            step = 1.0,
            initialValue = x,
            onUpdate = { x = it }
        ),
        "y" to SliderConfig(
            label = "Y Position",
            min = -100.0,
            max = 100.0,
            step = 1.0,
            initialValue = y,
            onUpdate = { y = it }
        ),
        "z" to SliderConfig(
            label = "Z Position",
            min = -100.0,
            max = 100.0,
            step = 1.0,
            initialValue = z,
            onUpdate = { z = it }
        )
    )

    // Print values periodically to show they're updating
    repeat(10) {
        delay(1000)
        println("Position: ($x, $y, $z)")
    }
}

`fun Box.testColorMixer()`

Example 3: Color mixer with sliders

body — 51 lines, from line 108

fun Box.testColorMixer() {
    var red = 128.0
    var green = 128.0
    var blue = 128.0

    sliders(
        channel = "color mixer",
        "r" to SliderConfig(
            label = "Red",
            min = 0.0,
            max = 255.0,
            step = 1.0,
            initialValue = red,
            onUpdate = { 
                red = it
                updateColor(red, green, blue)
            }
        ),
        "g" to SliderConfig(
            label = "Green",
            min = 0.0,
            max = 255.0,
            step = 1.0,
            initialValue = green,
            onUpdate = { 
                green = it
                updateColor(red, green, blue)
            }
        ),
        "b" to SliderConfig(
            label = "Blue",
            min = 0.0,
            max = 255.0,
            step = 1.0,
            initialValue = blue,
            onUpdate = { 
                blue = it
                updateColor(red, green, blue)
            }
        )
    )
}

private fun Box.updateColor(r: Double, g: Double, b: Double) {
    val hex = String.format("#%02X%02X%02X", r.toInt(), g.toInt(), b.toInt())
    println("Color: $hex")
    // Display the color
    display("color preview", """
        <div style="width: 100px; height: 100px; background-color: $hex; border: 2px solid white;"></div>
    """)
}

`suspend fun Box.testAnimationParams()`

Example 4: Animation parameters

body — 42 lines, from line 161

suspend fun Box.testAnimationParams() {
    var speed = 1.0
    var amplitude = 10.0
    var frequency = 2.0

    sliders(
        channel = "animation",
        "speed" to SliderConfig(
            label = "Speed",
            min = 0.1,
            max = 5.0,
            step = 0.1,
            initialValue = speed,
            onUpdate = { speed = it }
        ),
        "amplitude" to SliderConfig(
            label = "Amplitude",
            min = 1.0,
            max = 50.0,
            step = 1.0,
            initialValue = amplitude,
            onUpdate = { amplitude = it }
        ),
        "frequency" to SliderConfig(
            label = "Frequency",
            min = 0.1,
            max = 10.0,
            step = 0.1,
            initialValue = frequency,
            onUpdate = { frequency = it }
        )
    )

    // Simulate animation loop (simplified)
    var time = 0.0
    repeat(100) {
        time += 0.1
        val y = amplitude * kotlin.math.sin(frequency * time * speed)
        println("y = $y")
        delay(50)
    }
}