Cross-Platform SpriteKit

Mobile Era 2016 in Oslo, Norway

Transcript

1. Cross-Platform SpriteKit Alexsander Akers - @a2 Mobile Era - 04.11.2016
2. What is SpriteKit? SpriteKit provides a graphics rendering and animation infrastructure that you can use to animate arbitrary textured images, or sprites. — Apple documentation
3. What’s Supported? • Sprites, path-based shapes, text, and video • Actions and animations • Special effects • Physics, forces, and fields
5. What’s in a Node? • Nodes can act like views, but sometimes have no content • Use parent / children instead of superview / subviews • Subclasses of SKNode provide more concrete functionality • Use position to change location • Nodes can be rotated and scaled • The frame property is read-only!
6. Node Subclasses • SKSpriteNode • SKVideoNode • SKLabelNode • SKShapeNode • SKEmitterNode • SKCropNode
7. Node Subclasses • SKEffectNode • SKLightNode • SKFieldNode • SKCameraNode • SKAudioNode • SKReferenceNode • SK3DNode
8. Actions • Actions: Move, rotate, resize, scale, fade in/out, change texture, play sound, colorize, adjust field properties, follow path, modify node speed, reverse kinematic reach, perform selector/block • Control: Sequence, group, repeat, wait • Running: run(_:), run(_:completion:), run(_:withKey:)
9. SKFieldNode • Domain: SKRegion (path, circle with radius, rect) • Types: Drag, vortex, gravity, velocity, noise, turbulence, spring, electric, magnetic, custom • Custom Forces: (pos, vel, mass, charge, dt) -> force • Position, velocity, and force use vector_float3 • Strength: Float
10. Onto the Screen • Nodes are contained in a scene (SKScene). • A scene is presented by a native element (SKView or WKInterfaceSKScene).
11. Interacting • If there is anything we've learned from cross-platform development is that there is no one-size-fits-all solution! • Different input sources • Screen sizes • Touch accuracy • Proximity to device • Direct interaction with device
12. watchOS • Use WKGestureRecognizer: long press, pan, swipe, tap • Must include in Storyboard • state / locationInBounds() / objectBounds()
14. iOS & tvOS • SKNode inherits from UIResponder • Touches, presses, motion
17. macOS • SKNode inherits from NSResponder • Mouse, keyboard, tablet, gestures
19. SpriteKit: What is it good for? • Games • Small UI elements, especially with animations, on watchOS • Flappy Swift • Keep accessibility in mind • Limited on watchOS to the scene interface object • Better on macOS, tvOS, and iOS
20. Cross-Platform SpriteKit Alexsander Akers - @a2 Mobile Era - 04.11.2016