Extending the Editor

[Bfischlin]

Hello fellow Developers!

I’ve seen some Plugins for PlayCanvas and the look and work great!

Now I was wondering how to do one myself and use it with the Online Editor. How I can let’s say create a Button which will add a “Prefab” (a collection of some predefined Entites) to my scene.

Where do I get started ? How can I add functionality ? Is there any Example on this out there?

Thank you in advance!

[Leonidas]

Hi @Bfischlin,

There isn’t an official way, as of now, to do that but the Playcanvas editor has gone to great lengths to allow editor scripting that.

Take a look at this post to get started with that:

[SOLVED] Tutorial for writing a PlayCanvas Editor Extension

Hi @Patrick_Munster, indeed it is relatively easy to start extending the PlayCanvas editor. Even though there isn’t any documentation right now and as @vaios said the API is prone to change, you can get started now. The PlayCanvas editor source code is not minified on purpose: https://playcanvas.com/editor/scene/js/editor.js You can open up the browser console and type in Javascript that will directly run in the context of the editor. Try this, a simple script that will return a list of all c…

[Bfischlin]

Wow great thank you very much!

So do you think it could be done in like a chrome browser extension ?

[Leonidas]

Yes, whatever makes it easy to inject JS code in the Playcanvas editor tab running.

Browser extension (custom or one of the many injectors available) or pasting code to the console, any way would work.