objective-c - game - spritekit tutorial

Render/Snapshot SpriteKit Scene a NSImage

Question

¿Alguien sabe cómo hacer una "instantánea" de un SKView o SKScene en un NSImage ?

Hemos podido usar la API textureFromNode para crear una SKTexture desde un nodo y todos sus elementos SKTexture . Pero hasta ahora no podemos encontrar una manera de extraer los datos de la imagen en, por ejemplo, un NSImage . Estamos construyendo una aplicación mixta Cocoa / SpriteKit donde necesitamos extraer pequeñas miniaturas de escenas.

Nuevamente, esto parece posible en iOS (para obtener un UIImage ) usando drawViewHierarchyInRect :

UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, scale);
[self drawViewHierarchyInRect:self.bounds afterScreenUpdates:YES];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

¿Pero cómo hacer esto en Cocoa con NSImage ? Ayuda.

Answer 1

Aquí estaba mi intento (en OSX) de obtener la imagen renderizada subyacente ...

Primero, SKView y en su método drawRect agarré NSBitmapImageRep un NSBitmapImageRep

if (![self cache])
    [self setCache:[self bitmapImageRepForCachingDisplayInRect:[self visibleRect]]];

Luego configuré un NSTimer que periódicamente intentaba copiar el contenido de ese caché a una vista en miniatura personalizada:

MySKView *sv = .....
NSBitmapImageRep *cache = [sv cache];
if (!cache)
    return;

NSRect srcFrame = NSMakeRect(0,0,[sv frame].size.width,[sv frame].size.height);
NSRect thumbFrame = [[self thumbView] frame];
NSRect thumbRect = NSMakeRect(0,0,thumbFrame.size.width,thumbFrame.size.height);
[sv cacheDisplayInRect:srcFrame toBitmapImageRep:cache];
[[self thumbView] lockFocus];
[cache drawInRect:thumbRect
         fromRect:srcFrame
         operation:NSCompositeCopy
         fraction:1.0
   respectFlipped:YES
            hints:nil];
[[self thumbView] unlockFocus];

No dados. Todo lo que obtengo en mi vista de ThumbNail es negro.

Probablemente por la misma razón que esto es todo el dibujo basado en OpenGL / GPU.

Eso me llevaría en la dirección de encontrar de alguna manera el contexto subyacente de dibujo OpenGL utilizado por SKView y haciendo un glReadPixels en ese contexto.

Answer 2

Todavía no hay acceso directo a los datos de imagen de una SKTexture. Puede presentar el nodo en una escena fuera de pantalla y capturar la jerarquía de vista. Uso este código en iOS como referencia:

class func imageFromNode(node : SKNode, inScene scene: SKScene) -> UIImage? {
    if let texture = scene.view?.textureFromNode(node) {
        let view = SKView(frame: CGRect(origin: CGPointZero, size: texture.size()))
        view.allowsTransparency = true
        view.backgroundColor = SKColor.clearColor()

        let scene = SKScene(size: view.bounds.size)
        scene.view?.allowsTransparency = true
        scene.backgroundColor = SKColor.clearColor()

        let sprite  = SKSpriteNode(texture: texture)
        sprite.position = CGPoint(x: CGRectGetMidX(view.frame), y: CGRectGetMidY(view.frame))
        scene.addChild(sprite)
        view.presentScene(scene)
        UIGraphicsBeginImageContextWithOptions(view.bounds.size, false, 0.0)
        view.drawViewHierarchyInRect(view.bounds, afterScreenUpdates: true)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }
    return nil
}

Answer 3

SKView es una subclase de UIView , por lo que debería poder dibujar la capa de la vista en un contexto CoreGraphics y luego obtener la imagen del contexto.

Mira usando view.layer.drawInContext .

Answer 4

A partir de OS X 10.11 (y iOS 9 y TVOS, pero los ignoraremos ya que está preguntando acerca de NSImage ), SKTexture puede exportar su contenido a CGImageRef . Entonces, el enfoque de textureFromNode que mencionas ahora es el primer paso en una solución de trabajo:

SKTexture *texture = [view textureFromNode: view.scene];
NSImage *image = [[NSImage alloc] initWithCGImage: texture.CGImage
                                             size: view.bounds];

Tenga en cuenta el parámetro de size para initWithCGImage: puede pasar CGSizeZero allí para hacer que el NSImage herede el tamaño de píxel de CGImage , pero dado que puede tratar con Retina Display, probablemente desee el tamaño de punto , que puede obtener de las dimensiones de la vista.