SceneKit Cocoa勉強会関西2013年6月

1. SceneKit
2013.6.1
Cocoa勉強会 関西
大森智史
@oogon / satoshi.oomori
2013年 6月 1日 土曜日

2. • スライドは公開しますがサンプルは一部非公
開です。（コードは公開しますがコンテンツ
ファイルは除外）
• 後ほどFacebookページにて
2013年 6月 1日 土曜日

3. あんた、誰？
• と、いうわけで自己紹介。
2013年 6月 1日 土曜日

4. • 大森智史といいます。
• Objective-Cで遊んでます。
• Cocoa勉強会関西は第0回からいます。
2013年 6月 1日 土曜日

5. • iOS本、電子書籍版はまだまだ、3048円でご提供中です。
• https://play.google.com/store/books/details?id=2TgvD5PYKvAC
2013年 6月 1日 土曜日

6. SceneKit
2013年 6月 1日 土曜日

7. SceneKit
シーンキット
2013年 6月 1日 土曜日

8. SceneKit詳しい方？
2013年 6月 1日 土曜日

9. SceneKit詳しい方？
シーン
2013年 6月 1日 土曜日

10. SceneKit
• iOSではなく、OS Xのフレームワーク
• 3Dの表示が、わりと簡単にできます。
• 将来はiOSにも？
2013年 6月 1日 土曜日

11. • 今日は
2013年 6月 1日 土曜日

12. • Macです。
2013年 6月 1日 土曜日

13. •Macです。
2013年 6月 1日 土曜日

14. • .daeファイルを読んで3Dオブジェクトとして
使うことができます。
2013年 6月 1日 土曜日

15. • .daeファイル？（digital asset exchange）
• 元々は3Dソフトの交換用ファイル（XML）だ
ったので、多くの３Dソフトからエクスポー
トできる
2013年 6月 1日 土曜日

16. • .daeファイルの作成。
• 3Dモデリングソフトで作ります。
2013年 6月 1日 土曜日

17. • 3Dモデリングソフト
• Blender練習中です。
2013年 6月 1日 土曜日

18. • .daeファイル（ COLLADAともいう）
• オブジェクトの他、アニメーションも含む事
ができる
2013年 6月 1日 土曜日

19. • できる事
• .daeファイルでモデル配置、アニメーション
• 床
• 文字
• ビューの外から操作できる。
2013年 6月 1日 土曜日

20. • 何よりも
2013年 6月 1日 土曜日

21. •Objective-C
2013年 6月 1日 土曜日

22. • それに
2013年 6月 1日 土曜日

23. •無料
2013年 6月 1日 土曜日

24. Appleのサンプルを元にいろいろやってみる。
DEMO
2013年 6月 1日 土曜日

25. それでは
詳細説明
2013年 6月 1日 土曜日

26. • COLLADA（.dae）ファイルを作らなくても
テキストの表示ができます。
テキスト
2013年 6月 1日 土曜日

27. //テキスト
text = [SCNText textWithString:@"text" extrusionDepth:20.0f];
textNode = [SCNNode nodeWithGeometry:text];
textNode.position = SCNVector3Make(-1, 5, -1);
textNode.transform = CATransform3DScale(textNode.transform, 3.0f, 3.0f,
3.0f);
//textNode.transform = CATransform3DRotate(textNode.transform, 2.0f,
0.0f, 0.0f, 1.0f);
textNode.transform =CATransform3DTranslate (textNode.transform, -20.0f,
-20.0f, 0.0f);
textNode.transform =CATransform3DRotate(textNode.transform, 3.14*0.0,
1.0, 0.0, 0.0);
[_sceneView.scene.rootNode addChildNode:textNode];
2013年 6月 1日 土曜日

28. • オブジェクトの位置などを操作できます。
操作
2013年 6月 1日 土曜日

29. • こんな感じ
- (IBAction)sliderAction:(id)sender {
//テキストの移動
textNode.transform = CATransform3DMakeScale( 3.0f, 3.0f, 3.0f);
textNode.transform =CATransform3DTranslate (textNode.transform, -20.0f,
-20.0f, 0.0f);
textNode.transform =CATransform3DRotate(textNode.transform,
(theSlider.floatValue/180)*3.14, 1.0, 0.0, 0.0);
}
2013年 6月 1日 土曜日

30. • もちろん日本語も通ります。
日本語
2013年 6月 1日 土曜日

31. • COLLADA（.dae）ファイルに含まれるアニ
メーションを再生できます。
• （アニメーション作成は練習中...）
アニメーション
2013年 6月 1日 土曜日

32. • マウスクリックしたときにオブジェクト
を選択
ヒットテスト
2013年 6月 1日 土曜日

33. SCNViewクラスの hitTest:options: メソッドを使用します。
mouseDown:メソッド内で
NSArray *hits = [self hitTest:mouseLocation
options:nil];
SCNHitTestResultクラスが帰ってきます。
SCNHitTestResult *hit = hits[0];
2013年 6月 1日 土曜日

34. SCNHitTestResultクラスが返ってきます。
これでどのオブジェクトかがわかるわけです。
@property(nonatomic, readonly) SCNNode* node;
@property(nonatomic, readonly) NSInteger geometryIndex;
@property(nonatomic, readonly) NSInteger faceIndex;
@property(nonatomic, readonly) SCNVector3 localCoordinates;
@property(nonatomic, readonly) SCNVector3 worldCoordinates;
@property(nonatomic, readonly) SCNVector3 localNormal;
@property(nonatomic, readonly) SCNVector3 worldNormal;
@property(nonatomic, readonly) CATransform3D modelTransform;
2013年 6月 1日 土曜日

35. サンプルでは照明をアニメーションさせていま
す。
2013年 6月 1日 土曜日

36. • 3Dオブジェクトを配置
• 簡単に操作できる
• ドキュメントがあまりない
まとめ
2013年 6月 1日 土曜日

37. • GLKitと組み合わせることもできるらしい。
• パーティクルとかも追加できるらしい。
• いろいろできるらしい。
2013年 6月 1日 土曜日

38. • ちなみにMacのみです。
• でもいずれ、iOSも出てくるはず。
2013年 6月 1日 土曜日

39. • さあWWDCでiOSに出てくるでしょうか、楽
しみです。
2013年 6月 1日 土曜日

40. • ありがとうございました。
2013年 6月 1日 土曜日