跳到正文
Hugging Face 社区博客·· 2023-04-21AI 评分40

如何在 Hugging Face Space 中托管 Unity 游戏

How to host a Unity game in a Space

AI 导读

Hugging Face 发布教程,介绍如何将 Unity 游戏托管到 Hugging Face Space。用户需创建 Static HTML 模板的 Space,将 Unity 项目构建目标切换为 WebGL、把压缩格式设为 Disabled,再将构建文件推送到仓库即可运行游戏。

正文 · 原文

Image 1: Hugging Face's logoHugging Face


Back to Articles

How to host a Unity game in a Space

Published April 21, 2023

Update on GitHub

- [x] Upvote 5

  • Image 2
  • Image 3
  • Image 4
  • Image 5
  • Image 6

Image 7: Dylan Ebert's avatar

Dylan Ebert dylanebert Follow

Did you know you can host a Unity game in a Hugging Face Space? No? Well, you can! Hugging Face Spaces are an easy way to build, host, and share demos. While they are typically used for Machine Learning demos, they can also host playable Unity games. Here are some examples:

Here's how you can host your own Unity game in a Space.

Step 1: Create a Space using the Static HTML template

First, navigate to Hugging Face Spaces to create a space.

Image 8 Select the "Static HTML" template, give your Space a name, and create it.

Image 9

Step 2: Use Git to Clone the Space

Clone your newly created Space to your local machine using Git. You can do this by running the following command in your terminal or command prompt:

git clone https://huggingface.co/spaces/{your-username}/{your-space-name}

Step 3: Open your Unity Project

Open the Unity project you want to host in your Space.

Image 10

Step 4: Switch the Build Target to WebGL

Navigate to File > Build Settings and switch the Build Target to WebGL.

Image 11

Step 5: Open Player Settings

In the Build Settings window, click the "Player Settings" button to open the Player Settings panel.

Image 12

Step 6: Optionally, Download the Hugging Face Unity WebGL Template

You can enhance your game's appearance in a Space by downloading the Hugging Face Unity WebGL template, available here. Just download the repository and drop it in your project files.

Then, in the Player Settings panel, switch the WebGL template to Hugging Face. To do so, in Player Settings, click "Resolution and Presentation", then select the Hugging Face WebGL template.

Image 13

Step 7: Change the Compression Format to Disabled

In the Player Settings panel, navigate to the "Publishing Settings" section and change the Compression Format to "Disabled".

Image 14

Step 8: Build your Project

Return to the Build Settings window and click the "Build" button. Choose a location to save your build files, and Unity will build the project for WebGL.

Image 15

Step 9: Copy the Contents of the Build Folder

After the build process is finished, navigate to the folder containing your build files. Copy the files in the build folder to the repository you cloned in Step 2.

Image 16

Step 10: Enable Git-LFS for Large File Storage

Navigate to your repository. Use the following commands to track large build files.

git lfs install
git lfs track Build/*

Step 11: Push your Changes

Finally, use the following Git commands to push your changes:

git add .
git commit -m "Add Unity WebGL build files"
git push

Done!

Congratulations! Refresh your Space. You should now be able to play your game in a Hugging Face Space.

We hope you found this tutorial helpful. If you have any questions or would like to get more involved in using Hugging Face for Games, join the Hugging Face Discord!

Spaces mentioned in this article 3

Running Featured 456 #### Huggy 🐶 456 Play with an AI dog that catches sticks you throwRunning 69 #### FarmingGame 🚀 69 Build and manage your own virtual farm onlineRunning 9 #### UnityDemo 📈 9 Load and play a Unity web-based game

More Articles from our Blog

Image 17 community guide cv ## Introduction to 3D Gaussian Splatting * Image 18 149 September 18, 2023

Image 19 community guide cv ## Practical 3D Asset Generation: A Step-by-Step Guide * Image 20 9 August 1, 2023

Community

Edit Preview

Upload images, audio, and videos by dragging in the text input, pasting, or clicking here.

Tap or paste here to upload images

Comment ·Sign up or log in to comment

- [x] Upvote 5

  • Image 21
  • Image 22
  • Image 23
  • Image 24
  • Image 25

Spaces mentioned in this article 3

Running Featured 456 #### Huggy 🐶 456 Play with an AI dog that catches sticks you throwRunning 69 #### FarmingGame 🚀 69 Build and manage your own virtual farm onlineRunning 9 #### UnityDemo 📈 9 Load and play a Unity web-based game

System theme

Company

TOSPrivacyAboutCareers

Website

ModelsDatasetsSpacesPricingDocs

来源:Hugging Face 社区博客 · huggingface.co