@Component
export default class JumpSetting extends Script {
    /**UI面板 */
    private _jumpSettingPanel: UserWidget
    /**UI面板的根画布 */
    private _rootCanvas: Canvas

    /**地面最大速度设置组 */
    private _MaxSpeedGroup: ControlGroup

    /**最大加速度设置组 */
    private _AddSpeedGroup: ControlGroup

    /**最大跳跃高度设置组 */
    private _JumpHeightGroup: ControlGroup

    /**下落控制设置组 */
    private _FallControlGroup: ControlGroup

    /**最大下落速度设置组 */
    private _FallSpeedGroup: ControlGroup

    /**重力倍率设置组 */
    private _GravityGroup: ControlGroup

    /**下落制动速率设置组 */
    private _FallBrakingGroup: ControlGroup

    /**摄像机距离 */
    private _CameraLength: ControlGroup

    /**角色 */
    char: Character

    protected async onStart(): Promise<void> {
        if (SystemUtil.isClient()) {
            this.char = (await Player.asyncGetLocalPlayer()).character

            // *****************设置默认值*********************
            // 地面最大速度
            this.char.maxWalkSpeed = 450
            // 最大加速度
            this.char.maxAcceleration = 2048
            // 最大跳跃高度
            this.char.maxJumpHeight = 50
            // 下落控制
            this.char.driftControl = 0.2
            // 最大下落速度
            this.char.maxFallingSpeed = 2048
            // 重力倍率
            this.char.gravityScale = 1
            // 下落制动速率
            this.char.horizontalBrakingDecelerationFalling = 0


            this.createControlGroup()
        }
    }

    /**创建控制组 */
    private createControlGroup() {
        // 创建UI，并添加到屏幕上
        this._jumpSettingPanel = UserWidget.newObject();
        this._jumpSettingPanel.addToViewport(1)

        // 创建一个Canvas，并把这个Canvas设置为rootCanvas
        this._rootCanvas = Canvas.newObject()
        this._rootCanvas.size = new Vector2(1920, 1080);
        this._rootCanvas.position = Vector2.zero
        this._jumpSettingPanel.rootContent = this._rootCanvas

        this._MaxSpeedGroup = new ControlGroup(this._rootCanvas, new Vector2(1200, 150), "地面最大速度", 450, 10000)
        this._AddSpeedGroup = new ControlGroup(this._rootCanvas, new Vector2(1200, 200), "最大加速度", 2048, 10000)
        this._JumpHeightGroup = new ControlGroup(this._rootCanvas, new Vector2(1200, 350), "最大跳跃高度", 50, 2000)
        this._FallControlGroup = new ControlGroup(this._rootCanvas, new Vector2(1200, 400), "下落控制", 0.2, 1)
        this._FallSpeedGroup = new ControlGroup(this._rootCanvas, new Vector2(1200, 450), "最大下落速度", 2048, 10000)
        this._GravityGroup = new ControlGroup(this._rootCanvas, new Vector2(1200, 500), "重力倍率", 1, 10)
        this._FallBrakingGroup = new ControlGroup(this._rootCanvas, new Vector2(1200, 550), "下落制动速率", 450, 10000)
        this._CameraLength = new ControlGroup(this._rootCanvas, new Vector2(1200, 650), "摄像机距离", 180, 2000)

        this.bindEvent()
    }

    /**绑定事件 */
    private bindEvent() {
        this._MaxSpeedGroup.slider.onSliderValueChanged.add((v) => {
            this.char.maxWalkSpeed = v
            this._MaxSpeedGroup.valueTxt.text = v.toFixed(1)
        })

        this._AddSpeedGroup.slider.onSliderValueChanged.add((v) => {
            this.char.maxAcceleration = v
            this._AddSpeedGroup.valueTxt.text = v.toFixed(1)
        })

        this._JumpHeightGroup.slider.onSliderValueChanged.add((v) => {
            this.char.maxJumpHeight = v
            this._JumpHeightGroup.valueTxt.text = v.toFixed(1)
        })

        this._FallControlGroup.slider.onSliderValueChanged.add((v) => {
            this.char.driftControl = v
            this._FallControlGroup.valueTxt.text = v.toFixed(1)
        })

        this._FallSpeedGroup.slider.onSliderValueChanged.add((v) => {
            this.char.maxFallingSpeed = v
            this._FallSpeedGroup.valueTxt.text = v.toFixed(1)
        })

        this._GravityGroup.slider.onSliderValueChanged.add((v) => {
            this.char.gravityScale = v
            this._GravityGroup.valueTxt.text = v.toFixed(1)
        })

        this._FallBrakingGroup.slider.onSliderValueChanged.add((v) => {
            this.char.horizontalBrakingDecelerationFalling = v
            this._FallBrakingGroup.valueTxt.text = v.toFixed(1)
        })

        this._CameraLength.slider.onSliderValueChanged.add((v) => {
            Camera.currentCamera.springArm.length = v
            this._CameraLength.valueTxt.text = v.toFixed(1)
        })
    }

}

class ControlGroup {

    /**画布UI */
    private _canvas: Canvas

    /**标题UI */
    private _titleTxt: TextBlock

    /**进度条UI */
    public slider: ProgressBar

    /**数值UI */
    public valueTxt: TextBlock

    constructor(rootCanvas: Canvas, groupLoc: Vector2, titleName: string, defaultValue: number, maxValue: number) {
        // 创建一个Canvas并添加到rootCanvas上
        this._canvas = Canvas.newObject(rootCanvas)
        this._canvas.size = new Vector2(700, 40);
        this._canvas.position = groupLoc

        // 创建一个TextBlock并添加到this._canvas上，作用是显示标题
        this._titleTxt = TextBlock.newObject(this._canvas)
        this._titleTxt.size = new Vector2(220, 40);
        this._titleTxt.position = Vector2.zero
        this._titleTxt.text = titleName
        this._titleTxt.fontSize = 24

        // 创建一个ProgressBar并添加到this._canvas上，作用是修改数值
        this.slider = ProgressBar.newObject(this._canvas)
        this.slider.size = new Vector2(400, 40);
        this.slider.position = new Vector2(230, 0);
        this.slider.currentValue = defaultValue
        this.slider.sliderMaxValue = maxValue

        // 创建一个TextBlock并添加到this._canvas上，作用是显示数值
        this.valueTxt = TextBlock.newObject(this._canvas)
        this.valueTxt.size = new Vector2(50, 40);
        this.valueTxt.position = new Vector2(640, 0);
        this.valueTxt.fontSize = 12
        this.valueTxt.text = defaultValue.toFixed(1)
    }
}