PlayCanvas Editor Frontend is now Open Source

:fire: It’s official β€” the PlayCanvas Editor frontend is now open source! :technologist::sparkles:

:movie_camera: Check out this demo video to see how you can tweak the Editor UI to your liking!

:star: Help to support us and our community by starring our repository

:memo: For more information read out most recent blog post

17 Likes

Hi, I am trying to set up my custom front end using replit, I ran the commands seen on the repo, but I do not know how to specify the link to use for the local front end for the ?use_local_frontend.
I don’t usually do this kind of stuff, so forgive me if this is a stupid question.

Normally, your Editor project has url something like this:

https://playcanvas.com/editor/scene/2289437

you need to modify it like this:

https://playcanvas.com/editor/scene/2289437?use_local_frontend
1 Like

Thanks @mvaligursky ,
I have that on my url.
What I am asking is how I specify what the custom front end is.

See the readme here:

in step 3, you run npm run develop on your computer. This automatically builds the local front end with any changes you make and makes it available on your local computer. When you then in step 4 use the ?use_local_frontend - it will use the front end you’re building using step 3.

So in short, this the use_local_fontend will automatically use the front-end you have on your local computer. You cannot use it to point to front end somebody else has, you need to build it locally.

1 Like

I doubt you be able to use Replit hosted URL because the use_local_frontend is automatically looking for a localhost for security reasons

1 Like

Ah thank you, I didn’t understand that part.

Is there any consideration for, in the future, to add other ways to use a modified version of the open source editor as the playcanvas editor?

Hi Codeknight

Due to security reasons only localhost urls are supported.

You can use the modified open source version by serving the files locally and then appending the use_local_frontend flag. There are no plans to add support for serving the files from other providers.

1 Like

Thanks @KPal for the clarification.

:+1: