Getting Started with HoloSDK

Slide deck of HoloSDK workshop held in 14th May.

Transcript

1. Getting Started with HoloSDK
   3D Expression on Flat Display
   

   View Slide

2. 3D Expression Based on Head Tracking
   This is a very famous work by Johnny Lee, posted in 2007.
   https://youtu.be/Jd3-eiid-Uw
   

   View Slide

3. Examples of Devices Used for Head Tracking
   Recently, Kinect and Vive trackers are the most popular methods.
   But not everyone has the equipment for tracking.
   

   View Slide

4. Holo-SDK
   3D expression is possible with a webcam without special equipment.
   https://youtu.be/NOGNq2uYs4o
   

   View Slide

5. Today’s Goal
   Realizes expressions that pop out of the screen and
   expressions that seem to have space behind them.
   https://youtu.be/86Vave1n4IA
   

   View Slide

6. Download Sample Data
   http://arfukuoka.lolipop.jp/HoloSDK/Sample.zip
   

   View Slide

7. Launch Unity Hub
   Unity Hub
   

   View Slide

8. Creating a Project (1/6)
   ①Project
   ②▼ next to NEW
   

   View Slide

9. Creating a Project (2/6)
   2019.4.13 or Later
   This document is based on the use of 2019.4.x
   

   View Slide

10. Creating a Project (3/6)
    ①3D
    ②Project Name
    

    View Slide

11. Creating a Project (4/6)
    Select a Directory
    

    View Slide

12. Creating a Project (5/6)
    CREATE
    

    View Slide

13. Creating a Project(6/6)
    Unity Editor will be shown
    

    View Slide

14. Overview of the Unity Editor
    Scene Tab
    Area for placing objects.
    List of objects
    List of folders and files in the project
    

    View Slide

15. Installing Holo-SDK (1/6)
    Open the HoloSDK folder under the C drive.
    C¥:HoloSDK
    

    View Slide

16. Installing Holo-SDK (2/6)
    Make sure HoloUnitySDK is in the folder.
    

    View Slide

17. Installing Holo-SDK (3/6)
    Click Assets Folder
    

    View Slide

18. Installing Holo-SDK (4/6)
    HoloUnitySDK
    

    View Slide

19. Installing Holo-SDK (5/6)
    Drag & drop the
    HoloUnitySDK into
    the Assets folder
    

    View Slide

20. Installing Holo-SDK (6/6)
    HoloUnitySDK
    will be shown
    

    View Slide

21. Get the Object to Display (1/7)
    Click Window
    

    View Slide

22. Get the Object to Display (2/7)
    Asset Store
    

    View Slide

23. Get the Object to Display (3/7)
    Search Free Aircraft
    

    View Slide

24. Get the Object to Display (4/7)
    Click this icon
    

    View Slide

25. Get the Object to Display (5/7)
    Download & Import
    

    View Slide

26. Get the Object to Display (6/7)
    Import
    

    View Slide

27. Get the Object to Display (7/7)
    Understone folder
    will be shown
    

    View Slide

28. Development with HoloSDK (1/5)
    Click Scene tab
    

    View Slide

29. Development with HoloSDK (2/5)
    Delete Main Camera
    

    View Slide

30. Development with HoloSDK (3/5)
    Assets
    → HoloUnitySDK
    → HoloPrefabs
    

    View Slide

31. Development with HoloSDK (4/5)
    HoloUnitySDK
    

    View Slide

32. Development with HoloSDK (5/5)
    Drag & drop
    HoloUnitySDK
    into Hierarchy
    

    View Slide

33. Adjusting the Viewpoint of Scene (1/4)
    Something will appear
    

    View Slide

34. Adjusting the Viewpoint of Scene (2/4)
    Open HoloUnitySDK
    

    View Slide

35. Adjusting the Viewpoint of Scene (3/4)
    Double click HoloStage
    

    View Slide

36. Appendix: Identity of the Added Board
     This is the background area
    displayed on the screen.
     Depending on the setting, it may
    looks black, but it can be
    displayed in the actual color later.
     CG is placed between the virtual
    camera and this board to create
    the content.
    

    View Slide

37. Adjusting the Viewpoint of Scene (4/4)
    Alt + Drag to rotate view
    The orientation of
    the center axis of the
    board should be this
    Position of the
    viewpoint (virtual
    camera)
    

    View Slide

38. Add a Display Object to the Scene
    Assets
    → Understone
    → Free Aircraft Pack
    → Prefabs
    

    View Slide

39. Add a Display Object to the Scene
    Open HoloStage
    

    View Slide

40. Add a Display Object to the Scene
    Find HoloObjects
    

    View Slide

41. Add a Display Object to the Scene
    aircraft-A-A
    

    View Slide

42. Add a Display Object to the Scene
    Drag & drop
    aircraft-A-A
    into HoloObjects
    

    View Slide

43. Add a Display Object to the Scene
    Aircraft should be added
    as a child of HoloObjects
    

    View Slide

44. Adjust Position/Rotation/Size
    Make the object small and easy to
    see (explained in the next page).
    

    View Slide

45. Adjust Position/Rotation/Size
    aircraft-A-A
    Poisition: 0 0 -20
    Rotation:0 220 0
    Scale: 5 5 5
    

    View Slide

46. Adding Other Objects (1/6)
    Cloud-A
    

    View Slide

47. Adding Other Objects (2/6)
    Drag &
    dropCloud-A into
    HoloObjects
    

    View Slide

48. Adding Other Objects (3/6)
    Cloud-A
    Poisition: -20 15 0
    Rotation:0 0 0
    Scale: 1.5 1.5 1.5
    

    View Slide

49. Adding Other Objects (4/6)
    Click Cloud-A
    

    View Slide

50. Adding Other Objects (5/6)
    Ctrl + D to
    duplicate cloud
    

    View Slide

51. Adding Other Objects (6/6)
    Cloud-A (1)
    Poisition: 28 -9 0
    Rotation:0 0 0
    Scale: 1 1 1
    

    View Slide

52. Modify Brightness (1/4)
    Window
    

    View Slide

53. Modify Brightness (2/4)
    Rendering
    Lighting
    Setting
    

    View Slide

54. Modify Brightness (3/4)
    Auto Generate
    

    View Slide

55. Modify Brightness (4/4)
    明るくなる
    

    View Slide

56. Ctrl + S
    to save the scene
    

    View Slide

57. Run
    Click play button
    

    View Slide

58. Run
    No camera
    rendering
    

    View Slide

59. Run
    Click play button
    again to stop
    

    View Slide

60. Detail of the Camera of HoloSDK
    HoloCamera
    

    View Slide

61. Detail of the Camera of HoloSDK
    Key ID is empty
    

    View Slide

62. To use the camera, you need
    to create a license and
    obtain an ID.
    

    View Slide

63. Launch a text editor to note down
    information about the license.
    

    View Slide

64. Access to Official Site
    https://www.holo-sdk.com/
    or
    Search Holo SDK in google
    

    View Slide

65. Obtaining Key ID (1/9)
    Manage License
    

    View Slide

66. Obtaining Key ID (2/9)
    If you already have id, shown like this
    

    View Slide

67. Obtaining Key ID (3/9)
    If you don’t have id...
    

    View Slide

68. Obtaining Key ID (4/9)
    Buy more license
    

    View Slide

69. Obtaining Key ID (5/9)
    GENERATE FREE
    

    View Slide

70. Obtaining Key ID (6/9)
    Edit
    

    View Slide

71. Obtaining Key ID (7/9)
    Company Name
    Product Name
    

    View Slide

72. Write down the company
    name and product name in a
    text editor.
    

    View Slide

73. Obtaining Key ID (8/9)
    Add
    

    View Slide

74. Obtaining Key ID (9/9)
    Key ID
    

    View Slide

75. Copy and paste the Key ID
    into a text editor as well.
    

    View Slide

76. Applying Key ID (1/5)
    HoloCamera
    Paste Key ID
    

    View Slide

77. Applying Key ID (2/5)
    Edit
    

    View Slide

78. Applying Key ID (3/5)
    Project Settings
    

    View Slide

79. Applying Key ID (4/5)
    Company Name
    Product Name
    Applying Key ID
    

    View Slide

80. Applying Key ID (5/5)
    Close
    

    View Slide

81. Run
    

    View Slide

82. Save the current scene (1/3)
    File
    Save As...
    

    View Slide

83. Save the current scene (2/3)
    Input the name (Sample1)
    Save
    

    View Slide

84. Save the current scene (3/3)
    Assets
    Icon of this scen will appear
    

    View Slide

85. Next Step
    Realize the expression as if there is a space behind the screen.
    

    View Slide

86. Duplicate the Current Scene (1/3)
    Ctrl + D
    to duplicate this scene
    

    View Slide

87. Duplicate the Current Scene (2/3)
    Double click
    new scene
    

    View Slide

88. Duplicate the Current Scene (3/3)
    As long as it's the newer
    scene name, it's OK.
    

    View Slide

89. Importing Room Objects
    Double click
    VirtualBox.unitypackage
    

    View Slide

90. Importing Room Objects
    Import
    

    View Slide

91. Use the Room Object (1/8)
    Virtual Box
    

    View Slide

92. Use the Room Object (2/8)
    Virtual Box
    

    View Slide

93. Use the Room Object (3/8)
    Open HoloUnitySDK
    Open HoloStage
    

    View Slide

94. Use the Room Object (4/8)
    Dragn & drop
    VirtualBox into
    HoloObjects
    

    View Slide

95. Use the Room Object (5/8)
    Virtual Box
    Poisition: 0 0 0
    Rotation:0 0 0
    Scale: 120 80 50
    ※スケールのzの値(=部屋の奥行)は任意
    

    View Slide

96. Use the Room Object (6/8)
    HoloScreen
    Turn off the check
    of Mesh Renderer
    

    View Slide

97. Use the Room Object (7/8)
    The front plate disappears.
    

    View Slide

98. Use the Room Object (8/8)
    Change the position of airplanes
    and clouds as you want
    

    View Slide

99. Run
    

    View Slide

100. Build
     File
     

     View Slide

101. Build
     Build Settings
     

     View Slide

102. Build
     Architectureを
     x86_64に変更
     

     View Slide

103. Build
     Build
     

     View Slide

104. Build
     New Folder
     

     View Slide

105. Build
     Rename the
     new folder
     

     View Slide

106. Build
     Select a foloder
     

     View Slide

107. Build
     ARFukuoka.exe
     

     View Slide

108. Golal
     

     View Slide