Масштабирование и прокрутка в SpriteKit

Вот мое решение проблемы с прокруткой. Он вращается вокруг «кражи» поведения из UIScrollView. Я узнал об этом из видео WWDC 2012 года о смешивании UIKit с OpenGL.

1. Добавьте методы UIScrollViewDelegate в свой ViewController и установите делегат представления прокрутки в ViewController.
2. Добавить/переместить PanGestureRecognizer из UIScrollView в SKView
3. Используйте метод обратного вызова scrollViewDidScroll для управления любым узлом, который вы хотите, когда пользователь прокручивает

Пример проекта: https://github.com/bobmoff/ScrollKit

Как я уже упоминал в комментарии выше, я испытываю небольшое отставание примерно в 30% случаев, когда я запускаю приложение. FPS по-прежнему 60, но, похоже, есть небольшой конфликт или что-то в этом роде с тем, как часто вызывается метод делегата, так как иногда он немного тормозит. Если кому-то удастся решить эту проблему, я хотел бы услышать об этом. Вроде только когда держу палец вниз, при торможении ни разу не лагает.

Джастин,

Вы можете использовать небольшой трюк, я использую его, и он отлично работает для меня. Вот настройка:

• создать SKView
• создайте UIScrollView с теми же размерами, что и представление SpriteKit.
• создайте UIView (давайте назовем его scrollContentView) с теми же размерами, что и ваш фоновый узел
• установите свой UIScrollView contentSize с теми же размерами, что и ваш scrollContentView, и добавьте scrollContentView в качестве своего подвида UIScrollView

Теперь к корневому представлению (UIView) добавьте SKView и UIScrollView поверх SKView. Это выглядит примерно так (контроллер представления):

self.scrollView              = [[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].bounds.size];
self.scrollContentView       = [[UIView alloc] init];
self.scrollView.delegate     = self;

self.spriteKitView           = [[SKView alloc] initWithFrame:[UIScreen mainScreen].bounds.size];
self.scrollContentView.frame = self.scene.bacgroundNode.frame;
self.scrollView.contentSize  = self.scrollContentView.frame.size;

[self.scrollView addSubview:self.scrollContentView];

[self.view addSubview:self.spriteKitView];
[self.view addSubview:self.scrollView];

[self.spriteKitView presentScene:self.scene];

Последняя часть трюка заключается в реализации UIScrollViewDelegate:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

  //here you set your background node position based on scrollView contentoffset
}

- (void)scrollViewDidZoom:(UIScrollView *)scrollView {

  //here you set background node scale based on scrollView zoomScale
}

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {

  //just return scrollContentView
}

Таким образом, вы можете имитировать SKView внутри UISCrollView. Надеюсь это поможет.

ИЗМЕНИТЬ 20 апреля 2014 г.

Я открыл исходный код своего компонента для панорамирования и прокрутки сцен в SpriteKit, пожалуйста, посмотрите: https://github.com/pzbyszynski/PIOSpriteKit

Вы можете начать с этого учебника Ray W SpriteKit. учебник по перетаскиванию, который включает в себя некоторые вещи, о которых вы просите, включая распознаватели жестов.

Это хорошо: справочник по распознаванию жестов Apple

Еще от Ray W: uigesturerecognizer-tutorial in-ios-5-pinches-pans-and-more

Вышеупомянутое хорошо для начала.

Я создал свой собственный метод масштабирования определенного узла без необходимости масштабирования всей сцены, и это его основы, однако он не идеален (и на самом деле я создал свой собственный запрос помощи здесь: Масштабирование несогласованного SKNode)

Этот оператор if входит в метод touchesMoved сцены:

   if (touches.count == 2) {
        // this means there are two fingers on the screen
        NSArray *fingers = [touches allObjects];
        CGPoint fingOneCurr = [fingers[0] locationInNode:self];
        CGPoint fingOnePrev = [fingers[0] previousLocationInNode:self];
        CGPoint fingTwoCurr = [fingers[1] locationInNode:self];
        CGPoint fingTwoPrev = [fingers[1] previousLocationInNode:self];

        BOOL yPinch = fingOneCurr.y > fingOnePrev.y && fingTwoCurr.y < fingTwoPrev.y;
        BOOL yUnpinch = fingOneCurr.y < fingOnePrev.y && fingTwoCurr.y > fingTwoPrev.y;

        BOOL xPinch = fingOneCurr.x > fingOnePrev.x && fingTwoCurr.x < fingTwoPrev.x;
        BOOL xUnpinch = fingOneCurr.x < fingOnePrev.x && fingTwoCurr.x > fingTwoPrev.x;

        if (xUnpinch | yUnpinch) {
            if (YES) NSLog(@"This means an unpinch is happening");
            mapScale = mapScale +.02;
            [map setScale:mapScale];
        }

        if (xPinch | yPinch) {
            if (YES) NSLog(@"This means a pinch is happening");
            mapScale = mapScale - .02;
            [map setScale:mapScale];
        }
    }

Единственная проблема, с которой я столкнулся, — непоследовательное поведение и негладкая прокрутка. Я использую слово «только» в этом смысле с большой свободой.

Если вы используете SKCameraNode, вы можете рассчитать разницу между двумя касаниями, чтобы определить масштабирование и панорамирование одновременно.

• Определите SKCameraNode для вашего SKView
• Проверьте, есть ли два касания
• Если это так, рассчитайте разницу между предыдущими и текущими касаниями.
• Скажите камере масштабироваться настолько
• Панорамирование камерой либо по среднему значению двух точек, либо по первой (если есть только одна)

Результат должен быть примерно таким. Обратите внимание, что я использовал event?.allTouches вместо полученного набора, если один палец не двигается между касаниями, он не находится в наборе touches, что приведет к панорамированию там, где пользователь ожидает увеличения.

let cameraNode = SKCameraNode()

override func didMove(to view: SKView) {

    cameraNode.position = CGPoint(x: size.width / 2, y: size.height / 2)
    addChild(cameraNode)
    camera = cameraNode
}

override func touchesMoved(_ touch: Set<UITouch>, with event: UIEvent?) {

    guard let touches = event?.allTouches else {
        return
    }

    let arr = Array(touches)
    guard let touch = arr.first else {
        return
    }

    var positionInScene = touch.location(in: self)
    var previousPosition = touch.previousLocation(in: self)

    if touches.count > 1 {

        let touch2 = arr[1]

        let positionInScene2 = touch2.location(in: self)
        let previousPosition2 = touch2.previousLocation(in: self)

        let oldDistance = distance(previousPosition, previousPosition2)
        let newDistance = distance(positionInScene, positionInScene2)

        let diff = (oldDistance / newDistance)

        if diff.isNormal && diff != 1 {

            let scaleAction = SKAction.scale(by: diff, duration: 0)
            cameraNode.run(scaleAction)
        }

        previousPosition = average(previousPosition, previousPosition2)
        positionInScene = average(positionInScene, positionInScene2)
    }

    let translation = CGPoint(x: positionInScene.x - previousPosition.x, y: positionInScene.y - previousPosition.y)

    let panAction = SKAction.moveBy(x: -translation.x, y: -translation.y, duration: 0)
    cameraNode.run(panAction)
}

func average(_ a: CGPoint, _ b: CGPoint) -> CGPoint {

    return CGPoint(x: (a.x + b.x) / 2, y: (a.y + b.y) / 2)
}

func distance(_ a: CGPoint, _ b: CGPoint) -> CGFloat {

    let xDist = a.x - b.x
    let yDist = a.y - b.y
    return CGFloat(sqrt((xDist * xDist) + (yDist * yDist)))
}