Skip to content

extreal-dev/Extreal.SampleApp.Holiday

Folders and files

NameName
Last commit message
Last commit date

Latest commit

1e2b77b · Apr 15, 2024

History

24 Commits
Jan 19, 2023
Sep 15, 2023
Apr 15, 2024
Apr 15, 2024
Apr 2, 2024
Apr 2, 2024
Apr 9, 2024
Mar 1, 2024
Oct 4, 2023
Jun 13, 2023
Mar 24, 2023
Jan 19, 2023
Apr 2, 2024
Jan 19, 2023
Sep 15, 2023
Sep 15, 2023
Sep 15, 2023

Repository files navigation

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.
  • See README to start a Messaging server.
  • 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 for P2P.
  • See README to start a Messaging 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
      ``