Change image sprite at runtime

šŸŒµ Needle Engine
21

I think what you should probably do it set them to webp

22

image.png

23

I tried using the canvas ui scale mode ā€œscale with screen sizeā€ but it made the content disappear. Not sure if itā€™s a bug or Iā€™m using it wrong

by user 401167615826984963

24

Its not implemented yet

25

ah ok

by user 401167615826984963

26

What you could do as well is set images on a <img> tag instead too

27

if you want to go screenspace only :slightly_smiling_face:

28

Thereā€™s a special type for this: TextureReference

29

it will copy the images to the output directory instead of including them in the glb

30

that way your scene should load pretty quickly (because its basically empty) and you can create/update an img src path only

31

Ah sorry its ImageReference

32

I donā€™t see the needle tab on my texture settings

Screenshot_2023-01-03_at_4.14.38_PM.png
Screenshot_2023-01-03_at_4.14.38_PM.png946Ɨ1500 119 KB

by user 401167615826984963

33

in your typescript code it will end up as a string (the path to th exported file)

You declare it like this:

//@type Needle.Engine.ImageReference
@serializable()
public images : string[];
34

Nice, I was wondering about that

by user 401167615826984963

35

Is it this one? Which editor version do you use?
image.png

36

That one is for ā€œdedicated serverā€

by user 401167615826984963

37

ah ok :slightly_smiling_face:

38

2021.3.16f1 personal

by user 401167615826984963

39

Can you try opening the Build Settings Window and send a screenshot?

40

it should contain this
image.png