GamePlay/samples/particles/res/editor.form

form particleEditor
{
    theme = res/editor.theme
    autoWidth = true
    autoHeight = true
    consumeInputEvents = false

	// Vsync checkbox
	checkBox vsync
	{
		style = iconNoBorder
		size = 100, 35
		position = 165, 5
		imageSize = 30, 30
		text = VSYNC
		checked = true
		consumeInputEvents = true
	}
 
    container leftSide
    {
        style = noBorder
        layout = LAYOUT_VERTICAL
        width = 160
        autoHeight = true
        consumeInputEvents = true

        container saveLoad
        {
            style = basic
            size = 160, 100
            consumeInputEvents = true
            layout = LAYOUT_VERTICAL

	        button save
	        {
                consumeInputEvents = true
		        style = buttonStyle
                width = 140
		        height = 40
                x = 100
		        text = Save
	        }

            button load : save
	        {
                x = 200
		        text = Load
	        }
        }

        // Image settings
        container image
        {
	        style = basic
	        size = 160, 200
	        consumeInputEvents = true
	        layout = LAYOUT_VERTICAL

            label
            {
                style = title
                size = 150, 30
                text = Image
            }

	        image sprite
	        {
		        style = image
		        path = res/fire.png
		        size = 140, 140
	        }

            container imageSettings
            {
                style = noBorder
                size = 160, 230
                consumeInputEvents = true
		        layout = LAYOUT_VERTICAL

                radioButton additive
                {
                    style = radio
                    text = Additive
                    group = blendMode
                    size = 140, 25
                    imageSize = 25, 25
                    selected = true
                }

                radioButton transparent : additive
                {
                    text = Transparent
                    selected = false
                }

                radioButton multiply : transparent
                {
                    text = Multiply
                    selected = false
                }

                radioButton opaque : transparent
                {
                    text = Opaque
                    selected = false
                }

                container
                {
                    style = noBorder
                    autoWidth = true
                    height = 30

                    label
                    {
                        style = noBorder
                        text = Frame Count:
                        size = 100, 25
                    }

                    textBox frameCount
                    {
                        consumeInputEvents = true
                        style = textBox
                        text = 1
                        size = 45, 22
                        position = 100, 0
                    }
                }

                container
                {
                    style = noBorder
                    autoWidth = true
                    height = 30

                    label
                    {
                        style = noBorder
                        text = Frame Width:
                        size = 100, 25
                    }

                    textBox frameWidth
                    {
                        consumeInputEvents = true
                        style = textBox
                        text = 1
                        size = 45, 22
                        position = 100, 0
                    }
                }

                container
                {
                    style = noBorder
                    autoWidth = true
                    height = 30

                    label
                    {
                        style = noBorder
                        text = Frame Height:
                        size = 100, 25
                    }

                    textBox frameHeight
                    {
                        consumeInputEvents = true
                        style = textBox
                        text = 1
                        size = 45, 22
                        position = 100, 0
                    }
                }

                button updateFrames
                {
			        style = buttonStyle
			        width = 140
			        height = 40
			        text = Update
                }
            }
        }

        // Emission settings
        container emission
        {
	        style = basic
	        layout = LAYOUT_VERTICAL
	        size = 160, 200
	        consumeInputEvents = true

	        // Burst emission
	        button emit
	        {
		        style = buttonStyle
		        position = 0, 50
		        size = 140, 40
		        text = Emit
	        }

	        // Emission rate
	        slider emissionRate
	        {
		        style = noBorder
		        size = 140, 50
		        orientation = HORIZONTAL
		        min = 1
		        max = 500
		        value = 100
		        step = 1
		        text = Emission Rate
		        textAlignment = ALIGN_TOP_HCENTER
		        valueTextVisible = true
		        valueTextAlignment = ALIGN_BOTTOM_HCENTER
		        valueTextPrecision = 2            
	        }

	        slider burstSize : emissionRate
	        {
		        text = Burst Size
		        value = 20
		        max = 50
		        step = 1
	        }

	        // Start / Stop Emitter
	        checkBox started
	        {
		        style = iconNoBorder
		        size = 140, 40
		        imageSize = 35, 35
		        text = Running
		        checked = true
	        }
        }

        button reset
	    {
            consumeInputEvents = true
		    style = buttonStyle
            width = 160
		    height = 40
		    text = Reset
	    }
    }

    container particleProperties
    {
        style = particleProps
        alignment = ALIGN_TOP_RIGHT
        width = 210
        autoHeight = true
        layout = LAYOUT_VERTICAL
        scroll = SCROLL_VERTICAL
        scrollBarsAutoHide = false
        consumeInputEvents = true

        // Particle Size
        label titleSize
        {
            style = title
            size = 150, 30
            text = Particle Size
        }

        slider startMin
        {
            style = noBorder
            size = 150, 50
            orientation = HORIZONTAL
            min = 0
            max = 10
            value = 1
            step = 0.1
            text = Min Begin
            textAlignment = ALIGN_TOP_HCENTER
            valueTextVisible = true
            valueTextAlignment = ALIGN_BOTTOM_HCENTER
            valueTextPrecision = 2
        }

        slider startMax : startMin
        {
            text = Max Begin
        }

        slider endMin : startMin
        {
            text = Min End
        }

        slider endMax : startMin
        {
            text = Max End
        }

        // Energy
        label titleEnergy : titleSize
        {
            text = Energy
        }

        slider energyMin
        {
            style = noBorder
            size = 150, 50
            orientation = HORIZONTAL
            min = 0
            max = 5000
            text = Min
            textAlignment = ALIGN_TOP_HCENTER
            valueTextVisible = true
            valueTextAlignment = ALIGN_BOTTOM_HCENTER
            valueTextPrecision = 2            
            consumeInputEvents = false
        }

        slider energyMax : energyMin
        {
            text = Max
        }

        // Start color
        label titleStartColor : titleSize
        {
            text = Start Color
        }

        slider startRed
        {
            style = noBorder
            size = 150, 50
            orientation = HORIZONTAL
            min = 0
            max = 1
            text = Red
            textAlignment = ALIGN_TOP_HCENTER
            valueTextVisible = true
            valueTextAlignment = ALIGN_BOTTOM_HCENTER
            valueTextPrecision = 2
            consumeInputEvents = false
        }

        slider startGreen : startRed
        {
            text = Green
        }

        slider startBlue : startRed
        {
            text = Blue
        }

        slider startAlpha : startRed
        {
            text = Alpha
        }

        // End color
        label titleEndColor : titleSize
        {
            text = End Color
        }

        slider endRed : startRed
        {
        }

        slider endGreen : startGreen
        {
        }

        slider endBlue : startBlue
        {
        }

        slider endAlpha : startAlpha
        {
        }

        // Position
        label titlePosition : titleSize
        {
            text = Position
        }

        slider posX : startRed
        {
            min = -2
            max = 2
            step = 0.1
            text = X
        }

        slider posY : posX
        {
            text = Y
        }

        slider posZ : posX
        {
            text = Z
        }

        // Position variance
        label titlePositionVar : titleSize
        {
            text = Position Var.
        }

        slider posVarX : startRed
        {
            min = 0
            max = 10
            text = X
        }

        slider posVarY : posVarX
        {
            text = Y
        }

        slider posVarZ : posVarX
        {
            text = Z
        }

        // Initial velocity
        label titleVelocity : titleSize
        {
            text = Velocity
        }

        slider velocityX : posVarX
        {
            min = -10
            max = 10
            text = X
        }

        slider velocityY : velocityX
        {
            text = Y
        }

        slider velocityZ : velocityX
        {
            text = Z
        }

        // Velocity variance
        label titleVelocityVar : titleSize
        {
            text = Velocity Var.
        }

        slider velocityVarX : posVarX
        {
        }

        slider velocityVarY : posVarY
        {
        }

        slider velocityVarZ : posVarZ
        {
        }

        // Acceleration
        label titleAcceleration : titleSize
        {
            text = Accel.
        }

        slider accelX : velocityX
        {
            text = X
        }

        slider accelY : accelX
        {
            text = Y
        }

        slider accelZ : accelX
        {
            text = Z
        }

        // Acceleration variance
        label titleAccelerationVar : titleSize
        {
            text = Accel. Var.
        }

        slider accelVarX : posVarX
        {
            text = X
        }

        slider accelVarY : posVarX
        {
            text = Y
        }

        slider accelVarZ : posVarX
        {
            text = Z
        }

        // Local rotation speed
        label titleSpinSpeed : titleSize
        {
            text = Spin Speed
        }

        slider spinSpeedMin : velocityX
        {
            text = Min
        }

        slider spinSpeedMax : spinSpeedMin
        {
            text = Max
        }

        // Rotation axis
        label titleRotationAxis : titleSize
        {
            text = Axis Rotation
        }

        slider axisX : startRed
        {
            text = X
        }

        slider axisY : axisX
        {
            text = Y
        }

        slider axisZ : axisX
        {
            text = Z
        }

        // Rotation axis variance
        label titleRotationAxisVar : titleSize
        {
            text = Axis Var.
        }

        slider axisVarX : axisX
        {
            text = X
        }

        slider axisVarY : axisVarX
        {
            text = Y
        }

        slider axisVarZ : axisVarX
        {
            text = Z
        }

        // Axis rotation speed
        label titleRotationSpeed : titleSize
        {
            text = Rotation Speed
        }

        slider rotationSpeedMin : velocityX
        {
            text = Min
        }

        slider rotationSpeedMax : rotationSpeedMin
        {
            text = Max
        }
    }

	// Camera Zoom
	container zoom
	{
		style = noBorder
		size = 160, 50
		consumeInputEvents = true
        alignment = ALIGN_BOTTOM_HCENTER

		button zoomIn
		{
			style = buttonStyle
			size = 80, 50
			text = Zoom  In
		}

		button zoomOut : zoomIn
		{
			position = 80, 0
			text = Zoom Out
		}
	}
}