Adding the New Avatars to the PJS Environment

The only way that I can think of is to manually replace an image's source using the avatar's URL and then using externals to render the image.

You can find an example here:

https://www.khanacademy.org/computer-programming/coc-24-draft/5206563818225664

I hope this answered your question.

I am aware that using externals is a way to render the image:

https://www.khanacademy.org/computer-programming/i/6355022537867264

Although, I believe that^ method is heavily frowned upon based on a older topic that was answered by Evan Lewis:

The general rule of thumb is anything that uses this.externals or window.something is not allowed.

In the project I linked Polar was able to get bypass the restriction using:

var a = this;
a.externals.context.drawImage(b, x, y, w, h);

This topic was really just a suggestion to add the new avatars into the already existing Khan Academy image library(Also I posted it for Ace Rogers).