# Image Loading ruins experience

**URL:** <https://community.thunkable.com/t/image-loading-ruins-experience/1727258>\
**Category:** Questions about Thunkable X\
**Created:** [February 10, 2022, 6:31pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258 "2022-02-10T18:31:26Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![benica44na3c58](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/benica44na3c58/32/71652_2.png) [@benica44na3c58](https://community.thunkable.com/u/benica44na3c58)\
**Post date:** [February 10, 2022, 6:31pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/1 "2022-02-10T18:31:26Z")

</div>

I am making a hangman game but everytime ‘‘Image1’’ switches to a different image. It needs to load the image. Is there a way to makes it more seamless instead of it dissapearing for a split second? It not being instant makes entering the wrong letter seem less threatening for some reason.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 10, 2022, 6:59pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/2 "2022-02-10T18:59:20Z")

</div>

Hey @benica44na3c58

How long of a delay are we talking about here? Where do you load the assets from?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 10, 2022, 7:13pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/3 "2022-02-10T19:13:44Z")

</div>

Where are your images residing?  
Aren’t your images part of the project assets?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 10, 2022, 8:07pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/4 "2022-02-10T20:07:28Z")

</div>

If the image file sizes are relatively small and they are stored in the project, there should be no lag.

---

<div class="post-metadata">

**Author:** ![benica44na3c58](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/benica44na3c58/32/71652_2.png) [@benica44na3c58](https://community.thunkable.com/u/benica44na3c58)\
**Post date:** [February 10, 2022, 8:21pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/5 "2022-02-10T20:21:27Z")

</div>

No longer than half a second, but it is still bothering as it looks like it ‘‘flashes’’ white when switching between images. Its loaded from files ive uploaded.

---

<div class="post-metadata">

**Author:** ![benica44na3c58](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/benica44na3c58/32/71652_2.png) [@benica44na3c58](https://community.thunkable.com/u/benica44na3c58)\
**Post date:** [February 10, 2022, 8:21pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/6 "2022-02-10T20:21:58Z")

</div>

Yeah i uploaded them in the ‘‘Files’’

---

<div class="post-metadata">

**Author:** ![benica44na3c58](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/benica44na3c58/32/71652_2.png) [@benica44na3c58](https://community.thunkable.com/u/benica44na3c58)\
**Post date:** [February 10, 2022, 8:22pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/7 "2022-02-10T20:22:44Z")

</div>

It might just be on the web viewer. I havent tried on Thunkable Live yet.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 10, 2022, 9:42pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/8 "2022-02-10T21:42:02Z")

</div>

Can you post a link to an app that shows this. behavior. This _might_ happen if the local files were very large, but when i use images from icons8, i can change photos so fast i don’t notice the blink.

I only notice the delay you mention when i update with an image from the internet.

---

<div class="post-metadata">

**Author:** ![benica44na3c58](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/benica44na3c58/32/71652_2.png) [@benica44na3c58](https://community.thunkable.com/u/benica44na3c58)\
**Post date:** [February 11, 2022, 5:12pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/9 "2022-02-11T17:12:24Z")

</div>

Here you go! 😃 (did not even know i could share links)  
[https://x.thunkable.com/copy/e6ccf44c225734bf3ed56bd80a86a873](https://x.thunkable.com/copy/e6ccf44c225734bf3ed56bd80a86a873)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 11, 2022, 5:19pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/10 "2022-02-11T17:19:06Z")

</div>

I saw what you mean.

I did a similar game a while ago but I did it the other way round.

I have an image of the full hangman (with all the pieces) and I have basic shapes in the same color of the screen to cover the parts I don’t want to show. I then remove the shapes one at a time.

For example, when the user gives a wrong letter, I remove the shape covering the head, if the next letter is wrong then I remove the shape covering the body and so on.

**[Edit]**

You don’t need a `Forever` loop. This makes the app slower and does not provide any benefit. The actions will only take place when a key is pressed so this is where you specify action.

For the buttons of the alphabet letters you could use `Any component` instead of coding for each key.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/a/ba00e03575d1237516db0f8dba9bcbc17807ef33.png)

---

<div class="post-metadata">

**Author:** ![benica44na3c58](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/benica44na3c58/32/71652_2.png) [@benica44na3c58](https://community.thunkable.com/u/benica44na3c58)\
**Post date:** [February 11, 2022, 6:00pm UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/11 "2022-02-11T18:00:38Z")

</div>

I am new to Thunkable and would not exactly know how to do this, and i also dont know how easy it would be to implement this far into coding it. Also, could you share a link to your Hangman-type game? I might be able to learn from it! 😃

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 12, 2022, 11:41am UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/12 "2022-02-12T11:41:10Z")

</div>

> [@benica44na3c58](#):
>
> could you share a link to your Hangman-type game?

I don’t think I still have it. It was just a simple attempt.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 13, 2022, 11:41am UTC](https://community.thunkable.com/t/image-loading-ruins-experience/1727258/13 "2022-05-13T11:41:28Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
