Странные проблемы с стабильностью с матричной шкалой/вращением в Actionscript

Question

У меня есть приложение Flash, где я выполняю операцию масштабирования и вращения вокруг центра _background: MovieClip (представляющий страницу книги). У меня есть простые прослушиватели событий в событиях GESTURE_ROTATE и GESTURE_SCALE этого MC, которые обновляют некоторые переменные currentRotation и currentScaleX, currentScaleY. Затем я вызываю следующий триггер кода в событии ENTER_FRAME приложения.

Проблема, с которой я сталкиваюсь, заключается в том, чтобы вращать MC за пределы приблизительно 60 или -60 градусов или слегка уменьшаться и вращаться, МС начинает колебаться и, наконец, вращаться без контроля и с экрана. Я пробовал несколько вещей, чтобы отладить его, и даже попытался выполнить Math.flooring currentRotationValue и округлить значения currentScaleX/Y до десятого места (Math.floor (currentScale * 10)/10), но ни один из них, похоже, не исправляет Это. Я немного застрял в этой точке и старался исследовать как можно больше, но ничего не мог найти. Какие-либо предложения? Есть ли проблема с выполнением этой операции для каждого кадра?

private function renderPage(e:Event) { 
    var matrix:Matrix = new Matrix(); 

    // Get dimension of current rectangle. 
    var rect:Rectangle = _background.getBounds(_background.parent); 

    // Calculate the center. 
    var centerX = rect.left + (rect.width/2); 
    var centerY = rect.top + (rect.height/2); 

    // Translating to the desired reference point. 
    matrix.translate(-centerX, -centerY); 

    matrix.rotate(currentRotation/180) * Math.PI); 
    matrix.scale(currentScaleX, currentScaleY); 
    matrix.translate(centerX, centerY); 

    _background.transform.matrix = matrix; 
} 

Answer 1

Я не уверен, что поведение, которое вы пытаетесь произвести, но я думаю, что проблема в том, что centerX и centerY определяют середину _background в _background.parent «s координатного пространства. Затем вы переводите matrix так, чтобы _background вращался вокруг значений centerX, centerY, но в _background Координатное пространство.

Предполагая, что вы хотите _background вращаться вокруг точки, которая остается статичным на экране, что вам действительно нужно сделать, это использовать две разные Points:

matrix.translate(-_rotateAroundPoint.x, -_rotateAroundPoint.y); 

matrix.rotate(currentRotation/180) * Math.PI); 
matrix.scale(currentScaleX, currentScaleY); 

matrix.translate(_centerOnPoint.x, _centerOnPoint.y); 

Где _rotateAroundPoint это точка, вокруг которой _background должен обратиться в это собственное координатное пространство, и _centerOnPoint - это точка, вокруг которой он должен повернуть свое координатное пространство ..

Оба эти значения необходимо пересчитать только тогда, когда вы хотите скопировать _background, а не каждый кадр. Например:

private var _rotateAroundPoint:Point = new Point(_background.width * 0.5, _background.height * 0.5); 
private var _centerOnPoint:Point = new Point(50, 50); 

private function renderPage(e:Event) { 
    var matrix:Matrix = new Matrix(); 

    matrix.translate(-_rotateAroundPoint.x, -_rotateAroundPoint.y); 

    matrix.rotate((currentRotation/180) * Math.PI); 
    matrix.scale(currentScaleX, currentScaleY); 
    matrix.translate(_centerOnPoint.x, _centerOnPoint.y); 

    _background.transform.matrix = matrix; 
}