# How to rotate a needle of a clock / gauge?

**URL:** <https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [January 16, 2022, 9:00pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756 "2022-01-16T21:00:22Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![adamsacchet](https://avatars.discourse-cdn.com/v4/letter/a/9d8465/32.png) [@adamsacchet](https://community.thunkable.com/u/adamsacchet)\
**Post date:** [January 16, 2022, 9:00pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/1 "2022-01-16T21:00:22Z")

</div>

Hello, i would like to build an app with clock and gauges but i don’t know how to rotate a needle.  
Can anyone share a project or give me an idea?

I tried with the canvas & sprite function but i am not able to rotate any PNG image

Regards

---

<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:** [January 16, 2022, 9:29pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/2 "2022-01-16T21:29:51Z")

</div>

Hey! Check this out. There are surely ‘gauge’ charts that would fit your need and you’d use the same basic approach.

> [@\[Tutorial\] Dynamic interactive charts](https://community.thunkable.com/t/tutorial-dynamic-interactive-charts/563880):
>
> I wanted to post this example for those who are making quiz apps or study apps. The ability to see your progress visually is uber important. This is why we have charts in the first place. seeItLive incorporating charts in the past has been difficult. Here is an easy example you can fork or use yourself to incorporate a correct/incorrect chart into your app. This is based on the standard celebration chart that is used in the world of Precision Teaching and Applied Behavior Analysis. This allows…

---

<div class="post-metadata">

**Author:** ![adamsacchet](https://avatars.discourse-cdn.com/v4/letter/a/9d8465/32.png) [@adamsacchet](https://community.thunkable.com/u/adamsacchet)\
**Post date:** [January 23, 2022, 10:51pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/3 "2022-01-23T22:51:51Z")

</div>

Ok thank you, but i would like to rotate a picture, because i have my own needles and gauges

Regards

---

<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:** [January 23, 2022, 11:38pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/4 "2022-01-23T23:38:17Z")

</div>

This should work but doesn’t. I have no idea why. It uses a transparent circle (png) with a red line half way across it.

Sprite2 doesn’t turn at all.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/9/3934cd2b11f69300e48b14228fce1395cbbccdde.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/5/555f8291000cf3b8c6447a8a2ee27fbbd216061a.png)

[https://x.thunkable.com/copy/b7153d88516818669e5691c9fc1ace9d](https://x.thunkable.com/copy/b7153d88516818669e5691c9fc1ace9d)  
(See the screen with your username.)

---

<div class="post-metadata">

**Author:** ![collabor8te.projectq](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@collabor8te.projectq](https://community.thunkable.com/u/collabor8te.projectq)\
**Post date:** [January 24, 2022, 3:02am UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/5 "2022-01-24T03:02:14Z")

</div>

Needed to put a delay to seemingly allow the screen to fully initialize:

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/8/881b5e84693e5a1fdedad7aaa94622fa5d424e60.png)

EDIT: Too many ‘seems’ 😀

---

<div class="post-metadata">

**Author:** ![collabor8te.projectq](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@collabor8te.projectq](https://community.thunkable.com/u/collabor8te.projectq)\
**Post date:** [January 24, 2022, 3:44am UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/6 "2022-01-24T03:44:05Z")

</div>

Personally think that the Canvas needs an Opens event and that’d be the one to key off

---

<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:** [January 24, 2022, 4:26am UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/7 "2022-01-24T04:26:47Z")

</div>

Thank you catching that. A solution is to use the `when Canvas loads` block:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/d/9ddcd8bd38e6c7ab4390854c9e4801fc399c78ec.png)

Here’s the updated working project: [Thunkable](https://x.thunkable.com/copy/3ef375dfb531b536583a6ed7c2a0e91b)

---

<div class="post-metadata">

**Author:** ![collabor8te.projectq](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@collabor8te.projectq](https://community.thunkable.com/u/collabor8te.projectq)\
**Post date:** [January 24, 2022, 4:28am UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/8 "2022-01-24T04:28:05Z")

</div>

Didn’t see events for canvas when I looked. Must’ve missed them

EDIT: Have been using Classic more then DnD - have found them 🙂

---

<div class="post-metadata">

**Author:** ![adamsacchet](https://avatars.discourse-cdn.com/v4/letter/a/9d8465/32.png) [@adamsacchet](https://community.thunkable.com/u/adamsacchet)\
**Post date:** [January 24, 2022, 6:15pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/9 "2022-01-24T18:15:54Z")

</div>

THX! It works and it is very easy to implement! Thankyou very much for the support

---

<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:** [April 24, 2022, 6:16pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/10 "2022-04-24T18:16:01Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [December 19, 2024, 5:00pm UTC](https://community.thunkable.com/t/how-to-rotate-a-needle-of-a-clock-gauge/1674756/11 "2024-12-19T17:00:09Z")

</div>


