import { _decorator, Node, tween, UIOpacity } from 'cc';
import { BaseZhaocha } from '../../hall/script/BaseZhaocha';

const { ccclass, property } = _decorator;

@ccclass('unit123')
export class unit123 extends BaseZhaocha {
    override  answerName: Array<string> = [
        "矿泉水",
        "玻璃罐",
        "手机",
        "支架",
        "袋装牛奶",
        "打光灯",
        "消防栓",
        "手表",
        "发卡",
        "货车",
        "植物营养液",
        "透明胶带"
    ]

    override  num_showTip: number = 2;
    override  str_tishi = "滑动解锁篮子，露出手机";

    @property(Node)
    node_zhanai: Node = null;

    startPos = null


    override  start(): void {
        super.start()
        this.node_zhanai.on(Node.EventType.TOUCH_START, this.touchStart, this)
        this.node_zhanai.on(Node.EventType.TOUCH_MOVE, this.touchMove, this)
        this.node_zhanai.on(Node.EventType.TOUCH_END, this.touchEnd, this)
        this.node_zhanai.on(Node.EventType.TOUCH_CANCEL, this.touchEnd, this)
    }

    touchStart(e) {
        this.startPos = e.getUILocation()
    }

    touchMove() {

    }

    touchEnd(e) {
        let endpos = e.getUILocation()
        if (this.startPos.subtract(endpos).length() > 100) {
            tween(this.node_zhanai.getComponent(UIOpacity))
                .to(0.5, { opacity: 0 })
                .call(() => {
                    this.node_zhanai.active = false
                    this.arr_node_allitem[this.num_showTip].active = true
                })
                .start()
        }

        this.startPos = null
    }
}