Intro_to_Scene_Kit.pdf

Transcript

1. Intro to Scene Kit Developer Evangelist @mikebluestein Mike Bluestein
2. Scene Kit is a high level 3D Graphics API for OS X and iOS that lets you build 3D applications declaratively without needing a deep understanding of OpenGL. What is Scene Kit?
3. What is Scene Kit? Use Cases • Data Visualization • Casual 3D Games • Presentation Apps Image Credit NASA Apple Toy Car Sample - WWDC 2014
4. Scene Kit Basics
5. Scene Kit Basics ▪ Represent the scene graph ▪ Graph is made up of a node tree ▪ Nodes define positions in space ▪ Attributes are applied to nodes Scene
6. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
7. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
8. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
9. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
10. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
11. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
12. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
13. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
14. Scene Kit Basics ▪ Defines the 3D shape and surface ▪ Vertices ▪ Normals ▪ Texture coordinates ▪ 9 Built-in primitives Geometry
15. Scene Kit Basics ▪ Illuminates a scene ▪ Ambient ▪ Directional ▪ Omni ▪ Spot Lighting
16. Scene Kit Basics ▪ Illuminates a scene ▪ Ambient ▪ Directional ▪ Omni ▪ Spot Lighting
17. Scene Kit Basics ▪ Applied to geometry ▪ Determine its appearance ▪ Color ▪ Image ▪ CALayer ▪ SKNode Materials
18. Scene Kit Basics ▪ Applied to geometry ▪ Determine its appearance ▪ Color ▪ Image ▪ CALayer ▪ SKNode Materials
19. Scene Kit Basics ▪ Applied to geometry ▪ Determine its appearance ▪ Color ▪ Image ▪ CALayer ▪ SKNode Materials
20. Scene Kit Basics ▪ Attached to a node ▪ Point of view ▪ Field of view ▪ Depth of field Camera model from http://sketchup.google.com/3dwarehouse/details?mid=39a71b5000f5d6d0e97500ab69cb75f8

21. Scene Kit Basics ▪ Attached to a node ▪ Point of view ▪ Field of view ▪ Depth of field Camera model from http://sketchup.google.com/3dwarehouse/details?mid=39a71b5000f5d6d0e97500ab69cb75f8

22. Scene Kit Basics ▪ Can be user to load a scene ▪ Commonly used file format (DAE) ▪ Exported from most 3D art tools ▪ Can be manipulated in code ▪ Viewable in OS X and Xcode Collada Files
23. Scene Kit Basics ▪ Can be user to load a scene ▪ Commonly used file format (DAE) ▪ Exported from most 3D art tools ▪ Can be manipulated in code ▪ Viewable in OS X and Xcode Collada Files
24. Animation
25. Animation Core Animation • Implicit • Explicit
26. Animation Core Animation • Implicit • Explicit
27. Animation ▪ Core Animation programming model ▪ Use SCNTransaction instead of CATransaction Implicit SCNTransaction.Begin ();
 SCNTransaction.AnimationDuration = 4.0;
 boxNode.Rotation = new SCNVector4 (0, 1, 0, (float)Math.PI * 4);
 SCNTransaction.Commit ();
28. Animation ▪ Core Animation programming model ▪ Use SCNTransaction instead of CATransaction Implicit SCNTransaction.Begin ();
 SCNTransaction.AnimationDuration = 4.0;
 boxNode.Rotation = new SCNVector4 (0, 1, 0, (float)Math.PI * 4);
 SCNTransaction.Commit ();
29. Animation ▪ Uses Core Animation API Explicit var anim = CABasicAnimation.FromKeyPath (“rotation”);
 anim.To = NSValue.FromVector ( new SCNVector4 (1, 0, 0, (float)(Math.PI * 4)));
 anim.Duration = 4.0f; 
 boxNode.AddAnimation (anim, new NSString ("rotateBoxAnimation"));
30. Animation ▪ Uses Core Animation API Explicit var anim = CABasicAnimation.FromKeyPath (“rotation”);
 anim.To = NSValue.FromVector ( new SCNVector4 (1, 0, 0, (float)(Math.PI * 4)));
 anim.Duration = 4.0f; 
 boxNode.AddAnimation (anim, new NSString ("rotateBoxAnimation"));
31. Animation ▪ Allow declarative animations ▪ Available through SCNAction ▪ Similar to actions in Sprite Kit ▪ Run action on a node ▪ Updates the presentation tree Actions boxNode.RunAction ( SCNAction.RotateBy ((float)Math.PI * 4, 0, 0, 4.0));

32. Animation ▪ Allow declarative animations ▪ Available through SCNAction ▪ Similar to actions in Sprite Kit ▪ Run action on a node ▪ Updates the presentation tree Actions boxNode.RunAction ( SCNAction.RotateBy ((float)Math.PI * 4, 0, 0, 4.0));

33. Effects
34. Effects ▪ SCNParticleSystem ▪ Customizable ▪ Can be applied to geometries ▪ Affected by physics ▪ Editor in Xcode Particle Systems
35. Effects ▪ SCNParticleSystem ▪ Customizable ▪ Can be applied to geometries ▪ Affected by physics ▪ Editor in Xcode Particle Systems
36. Effects ▪ SCNParticleSystem ▪ Customizable ▪ Can be applied to geometries ▪ Affected by physics ▪ Editor in Xcode Particle Systems
37. Effects ▪ Applied to node ▪ Effects entire node hierarchy ▪ Can apply multiple CI filters Core Image var filter = new CIPixellate ();
 filter.SetDefaults ();
 boxNode.Filters = new CIFilter[] { filter } ;
38. Effects ▪ Applied to node ▪ Effects entire node hierarchy ▪ Can apply multiple CI filters Core Image var filter = new CIPixellate ();
 filter.SetDefaults ();
 boxNode.Filters = new CIFilter[] { filter } ;
39. Effects ▪ Applied to scene ▪ Fog color ▪ Start and end distances Fog
40. Effects ▪ Applied to scene ▪ Fog color ▪ Start and end distances Fog
41. Effects ▪ Dynamic ▪ Projected ▪ Static Shadows
42. Physics
43. Physics 3D Rigid Body Physics • Physics applied implicitly • Set a PhysicsBody property on a node • Simulates animation and collision
44. Physics ▪ SCNPhysicsBody ▪ Dynamic ▪ Kinematic ▪ Static Physics Bodies
45. Physics ▪ SCNPhysicsBody ▪ Dynamic ▪ Kinematic ▪ Static Physics Bodies
46. Physics ▪ Apply forces to physics bodies ▪ Several available: ▪ Drag, Electric, Magnetic ▪ Radial Gravity, Linear Gravity ▪ Turbulence, String, Noise Physics Fields
47. Physics ▪ Apply forces to physics bodies ▪ Several available: ▪ Drag, Electric, Magnetic ▪ Radial Gravity, Linear Gravity ▪ Turbulence, String, Noise Physics Fields
48. Sprite Kit Integration
49. Sprite Kit Integration ▪ Can overlay SKNodes ▪ Rendered with scene ▪ Can apply to materials ▪ Map SKNodes onto surfaces Overlays and Materials Apple Toy Car Sample ported to C#
50. Demo
51. Samples
52. Samples WWDC 2013 Ported to C# WWDC 2014 Ported to C# Toy Car
53. Thank You Mike Bluestein @mikebluestein