# Analog Clock Design

**URL:** <https://forum.kirupa.com/t/analog-clock-design/265993>\
**Category:** flash\
**Created:** [July 15, 2008, 10:40am UTC](https://forum.kirupa.com/t/analog-clock-design/265993 "2008-07-15T10:40:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![j3sr](https://avatars.discourse-cdn.com/v4/letter/j/73ab20/32.png) [@j3sr](https://forum.kirupa.com/u/j3sr)\
**Post date:** [July 15, 2008, 10:40am UTC](https://forum.kirupa.com/t/analog-clock-design/265993/1 "2008-07-15T10:40:55Z")

</div>

Hi,  
Can anyone tell me how design an Analog Clock:

I am attaching 2-3 models.I want the same type of design,  
ie:Circular shape.If anyone of you know this and have time,plz respond.For more than a week I am struggling with this…please…:crying:

---

<div class="post-metadata">

**Author:** ![Zuumm](https://avatars.discourse-cdn.com/v4/letter/z/a87d85/32.png) [@Zuumm](https://forum.kirupa.com/u/Zuumm)\
**Post date:** [July 15, 2008, 2:29pm UTC](https://forum.kirupa.com/t/analog-clock-design/265993/2 "2008-07-15T14:29:34Z")

</div>

Hey!  
What exactly do you need? Code? 🙂

[]s  
Marcos

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [July 15, 2008, 2:34pm UTC](https://forum.kirupa.com/t/analog-clock-design/265993/3 "2008-07-15T14:34:19Z")

</div>

Here’s probably the hardest part of the whole thing to figure out;

```auto

_hourLine.rotation = 30 * time.hour + 30 * time.minute / 60;
_minuteLine.rotation = 6 * time.minute + 6 * time.second / 60;
_secondLine.rotation = 6 * time.second;

```

I think it’s from the design pattern book, I have no recollection of making it, but here is one ugly example using above code to move the lines;

[http://www.erikhallander.com/dev/as3/Analog\_Clock.html](http://www.erikhallander.com/dev/as3/Analog_Clock.html)

---

<div class="post-metadata">

**Author:** ![j3sr](https://avatars.discourse-cdn.com/v4/letter/j/73ab20/32.png) [@j3sr](https://forum.kirupa.com/u/j3sr)\
**Post date:** [July 16, 2008, 4:23am UTC](https://forum.kirupa.com/t/analog-clock-design/265993/4 "2008-07-16T04:23:45Z")

</div>

I want design an analog clock using ActionScript 3:The attached pictures are some design.

---

<div class="post-metadata">

**Author:** ![dthought](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/dthought/32/3573_2.png) [@dthought](https://forum.kirupa.com/u/dthought)\
**Post date:** [July 16, 2008, 11:28am UTC](https://forum.kirupa.com/t/analog-clock-design/265993/5 "2008-07-16T11:28:20Z")

</div>

You’ve been pointed very much in the right direction… now you need to take what sekasi has told you and put it together. If you aren’t used to movieclips, or scripting in general then I’d say take a step back first, become familiar with the basics and _then_ have a go at getting something like the clock to work 🙂