Display sprite animations on 2D screen

I had a quick look, it does look like using sprites as part of the UI aren’t currently working.

I put together a quick project.

https://playcanvas.com/project/609754/overview/sprite-in-ui

There seem to be a number of things going wrong here, lets focus on a few.

I’ve placed anything parented to the 2D screen on the left, and the same elements parented to the world on the right.


Here’s the PlayCanvas project.


Here’s the published link.

  1. The sprites parented to the 2D Screen are displayed in 3D world space ( the image works fine, as does the text ). ( EDITED FOR CLARIFICATION: Adding sprite to 2D screen directly doesn’t seem to be supported, use Sprite property of Image Element )

See in the published link below.

  1. The two Sprite elements in the editor are very small, but they appear in the published build at a different size - there is an inconsistency here. ( EDITED FOR CLARIFICATION: Adding sprite to 2D screen directly doesn’t seem to be supported, use Sprite property of Image Element )

  2. If you rotate the screen left and right, you’ll notice that the image that is parented to the world ( on the right, in the background ) clips when half of it is outside the screen ( or when the pivot in the center is off-screen )

  3. The sprite to the right, which has it’s size increased and is meant to be 9sliced with tiled - notice that the center bit doesn’t actually tile, but is stretched.

Hopefully the first 1) can be fixed, it’s the urgent one. The other ones are important as well of course.