ButzYung / SystemAnimatorOnline

XR Animator, AI-based Full Body Motion Capture and Extended Reality (XR) solution, powered by System Animator Online
https://sao.animetheme.com/XR_Animator.html
851 stars 74 forks source link

Run the online webkit locally in browser #42

Open xieleo5 opened 12 months ago

xieleo5 commented 12 months ago

Hi, this is really an amazing project! I love the quality of the mocap a lot and I'd like to try it myself. When I try to start it locally, I got several errors such as "System is not defined". What I did is just clone the repo and open the SystemAnimator_online.html in my browser.

Can you give me some advice about how to run this project in the browser locally? I know there's a compiled version, but I'd like to try to build some tools upon this. Thanks a lot!

ButzYung commented 12 months ago

You need to set up a simple local server in order to run XR Animator locally on browser. You can use IIS if you are running Windows.

xieleo5 commented 12 months ago

Thanks for your help! I'll try with IIS first.

xieleo5 commented 11 months ago

@ButzYung Hi, I think the error is not due to the server but it seems that some files are missing. I tried both IIS and webstorm and get the same error as here: image I didn't find a _private folder in the repo. Do I need to build the project before running it? Can you give some further hint, thanks!

xieleo5 commented 11 months ago

It will also alert ERROR: "path_demo.json" not found/readable/parsable at the beginning. Which I think is caused by System is not defined

ButzYung commented 11 months ago

As mentioned in readme, this was intended to be a private personal project at first , and I forgot to consider the situation now that people could clone the repo and run it locally LOL

Locate core.js under js folder. On line 460, comment out or remove the default value for localhost_mode. This will allow the app to access the minified version of a few requested files (just like the web app version) instead of from the _private folder which isn't included in the repo.

xieleo5 commented 11 months ago

Thanks for your reply! But it seems still not working: image

May I ask how did you serve the website at https://sao.animetheme.com/XR_Animator.html? For example, what platform are you using, and how did you start the server? I also find the electron app uses the same source code as this repo, and the electron one runs normally. Is there anyway to run electron . in this repo? I find "main": "SystemAnimator_webkit.html" in package.json but it seems that electron needs to have .js file as main.

xieleo5 commented 11 months ago

I also tried to use electron packager to pack this repo, but when I open the generated exe. I got this error. I'll got the same error when I run electron . in the folder. I guess it's because the main file is a html file. image

ButzYung commented 11 months ago

Just comment out the default value of localhost_mode, not the entire line, so that var localhost_mode is still there.

I use GitHub Pages for hosting, since the whole app is just static pages and scripts. Any web server can host it.

Unless you are making your own app, there is no need to pack this repo for electon. This app basically just uses the stock version of electron.