- Clone the repository.
- If
Enter Safe Mode?
window shows, please pressIgnore
. - If
NuGet Importer
window shows, please pressYes
. - 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
- Run the following scene:
- Enjoy playing!
- To enjoy more play, see Play with different avatars and Play in panoramic image/video space
- 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 toWebGL
. - Select
Holiday
fromPlayer 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
- Enter the following command in the
- Play by accessing
http://localhost:3333/
. - To enjoy more play, see Play with different avatars and Play in panoramic image/video space
- See README to start Grafana/Loki.
- Enable application usage visualization.
- Turn on the Enable field in AppUsageConfig.
/Assets/Holiday/App/Config/AppUsageConfig
- 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).
- Mixamoの無料3DモデルをUnityにインポートする方法
- Create avatar prefabs into the
/Assets/Holiday/App/Avatars
directory.- Create a new scene.
- Drag and drop
Amy.fbx
into the scene above and unpack completely. - Remove the
Animator
component and rename "Amy" to "AvatarAmy". - Attach the
AvatarProvider
component and selectAmyAvatar
asAvatar
. - 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 nameAvatarAmy
. - Create an avatar prefab about
Michelle
in the same way as above.
- 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
- Set image file name as
- Enable the panoramic image/video distribution server.
- Enter the following command in the
WebGLBuild
directory.deno run --allow-net --allow-read=. index.ts ``
- Enter the following command in the