Extreal.SampleApp.Holiday

How to play with Unity Editor

• Clone the repository.
• If Enter Safe Mode? window shows, please press Ignore.
• If NuGet Importer window shows, please press Yes.
• See README to start a signaling server for P2P.`
• Open multiple Unity editors using ParrelSync. ParrelSync is already installed in this project.
• Run the application.
  • Run the following scene: /Assets/Holiday/App/App
• Enjoy playing!
• To enjoy more play, see Play with different avatars and Play in panoramic image/video space

How to play with WebGL

• First, you need to make it playable on the Unity Editor.
• Enter the following command in the Assets/WebGLScripts directory.

  $ yarn
  $ yarn dev

• Open Build Settings and change the platform to WebGL.
• Select Holiday from Player Settings > Resolution and Presentation > WebGL Template.
• See README to start a signaling server.
• See README to complete WebGL setting in the local environment.
  • Enter the following command in the WebGLBuild directory.

    deno run --allow-net --allow-read=. index.ts
    

• Play by accessing http://localhost:3333/.
• To enjoy more play, see Play with different avatars and Play in panoramic image/video space

How to visualize application usage

• See README to start Grafana/Loki.
• Enable application usage visualization.
  • Turn on the Enable field in AppUsageConfig.
  • /Assets/Holiday/App/Config/AppUsageConfig

Play with different avatars

• Refer to the following page to import Mixamo model files into your project.
  • Mixamoの無料3DモデルをUnityにインポートする方法
    • Please implement from "3Dモデルを入手する" to "Materialの最適化".
    • No animation required.
    • Please import "Amy" and "Michelle" from Mixamo into the following path.
      • /Assets/Mixamo/Amy
      • /Assets/Mixamo/Michelle
    • Rename FBX files to their respective avatar names (e.g. Amy.fbx).
• Create avatar prefabs into the /Assets/Holiday/App/Avatars directory.
  • Create a new scene.
  • Drag and drop Amy.fbxinto the scene above and unpack completely.
  • Remove the Animator component and rename "Amy" to "AvatarAmy".
  • Attach the AvatarProvider component and select AmyAvatar as Avatar.
  • Drag and drop the AvatarAmy GameObject into the /Assets/Holiday/App/Avatars directory to create prefab.
  • Remove the scene you just created.
  • Add the AvatarAmy asset to the default group of Addressables with the name AvatarAmy.
  • Create an avatar prefab about Michelle in the same way as above.

Play in panoramic image/video space

• Put panoramic image/video files in the WebGLBuild/PanoramicData/Panorama/ directory.
  • Set image file name as PanoramicImageStage.jpg
  • Set video file name as PanoramicVideoStage.mp4
• Enable the panoramic image/video distribution server.
  • Enter the following command in the WebGLBuild directory.

    deno run --allow-net --allow-read=. index.ts
    ``