Mobile Dev Japan #3 - Safie Viewer Android & Sceneview

by Cha Jerome

Slide 1

Slide 1 text

July 26, 2024 CHA　Jerome Saﬁe Inc. Development Division 2 - Mobile Team Saﬁe Viewer Android & Sceneview

Slide 2

Slide 2 text

© Safie Inc.｜ Self-Introduction - Jerome CHA, French - Joined Saﬁe in November 2023 as Android Engineer - Previously worked at Kubell (ex Chatwork) and Enigmo (BUYMA) - Hobbies : Workout (ex-JBBF Bodybuilder) / Making my own robot - Twitter @yujiro45 2

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

© Safie Inc.｜ Sceneview Recap - https://sceneview.github.io/ - Library that uses Google’s ARCore and Filament to display 3D / AR contents - Included 2 views : Sceneview & ARSceneview - My previous presentation @ Mobile Dev Japan #1 https://speakerdeck.com/jeromecha/ar-with-sceneview-on-android 5 ARSceneview Sceneview

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

© Safie Inc.｜ Safie’s new camera - Safie GO 360 - Launched in February 1st 2024 - Compact and lightweight, easy to transport - Built-in LTE for cloud recording anytime, anywhere - Horizontal and vertical viewing angle of 182° 9 https://safie.co.jp/news/3033/

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

© Safie Inc.｜ Texture Mapping 15 https://github.com/SceneView/sceneview-android/blob/1e303adf92f1f7b67eb9aa4 f9fc731d75213ac97/samples/ar-augmented-image/src/main/java/io/github/scenevi ew/sample/araugmentedimage/video/ExoPlayerNode.kt

Slide 16

Slide 16 text

© Safie Inc.｜ Texture Mapping 16 https://github.com/SceneView/sceneview-android/blob/1e303adf92f1f7b67eb9aa4 f9fc731d75213ac97/samples/ar-augmented-image/src/main/java/io/github/scenevi ew/sample/araugmentedimage/video/ExoPlayerNode.kt It is a PlaneNode, so we cannot use it

Slide 17

Slide 17 text

© Safie Inc.｜ Texture Mapping 17 https://github.com/SceneView/sceneview-android/blob/1e303adf92f1f7b67eb9aa4 f9fc731d75213ac97/samples/ar-augmented-image/src/main/java/io/github/scenevi ew/sample/araugmentedimage/video/ExoPlayerNode.kt We need VideoMaterial & ExoPlayer

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

© Safie Inc.｜ User’s interaction - Zoom 35 Zoom in a speciﬁc point on the 3D model - Pinch in/out : Take the middle point between the two ﬁngers and zoom to that position - Double Tap : Double tap to zoom in/out - If tap outside the 3D model, then zoom in the middle

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Slide 41

Slide 41 text

Slide 42

Slide 42 text

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Slide 45

Slide 45 text

Slide 46

Slide 46 text

Slide 47

Slide 47 text

© Safie Inc.｜ Problem 1 : 3D Model hit box 47 Resolved by putting a PlaneNode on the top of the 3D model to intercept the hit : Diameter of hemisphere *assuming that the center of the hemisphere is at (0,0) *