javascript 通过JavaScript计时器动画模型项

Posted 2021-05-03

var modelItemCounter = 1;
var timerId = -1;
var timingInterval = 30;
var angleIncrement = 45;
var ydelta = 0;
var speed = 0.01;
var modelItemVar;


$scope.playStep = function () {
    debugger;
    modelItemVar = "modelItem-" + modelItemCounter;
    console.log("modelItem: " + modelItemVar);
    var zpos = $scope.view.wdg[modelItemVar]['z'];
    $scope.moveAway();
}

$scope.moveAway = function () {
    if (timerId > -1) {
        clearInterval(timerId);
    }
    timerId = setInterval(function () {
        var stopPosition = $scope.view.wdg[modelItemVar]['z'] + 0.4;
        var zpos = $scope.view.wdg[modelItemVar]['z'];
        $scope.app.params.zpos = $scope.view.wdg[modelItemVar]['z'];
        $scope.$apply(function () {
            $scope.view.wdg[modelItemVar]['z'] = $scope.view.wdg[modelItemVar]['z'] + speed;
            console.log($scope.view.wdg[modelItemVar]['z']);
            // $scope.app.params.zpos  = $scope.app.params.zpos + speed;
        }
        );
    }
        , timingInterval);
    setTimeout(function () {
        $scope.view.wdg[modelItemVar]['visible'] = false;
        clearInterval(timerId);
        modelItemCounter++;
    }
        , 2000);
}