PDA

View Full Version : Ext.ux.Clock - A clock extension using Raphael



mankz
16 Nov 2010, 1:17 AM
Here's a simple clock extension I created using Raphael extending BoxComponent. I'll be demoing this at SenchaCon 2010 tomorrow, hope to see you there :).

To try it out, drop it into the Ext JS 3.3 examples folder.

Live Demo: http://ext-scheduler.com/playpen/senchacon/index4.html

23358

/Mats

Fredric Berling
16 Nov 2010, 8:49 AM
Thats awesome Mats. Nice clean example. Very understandable. :)

devtig
16 Nov 2010, 10:47 AM
In http://ext-scheduler.com/playpen/senchacon/index4.html on Chrome the background image of the bridge is going some pixels up and down with every tick of the second. In FF no wobbling.

griffiti93
16 Nov 2010, 2:52 PM
Great presentation Mats. Your talk helped clear up a lot of questions I had about component development. Great demo too!

mankz
17 Nov 2010, 4:45 PM
@devtig, issue fixed! :)

Seana
18 Nov 2010, 9:47 AM
@devtig, issue fixed! :)
I'm still seeing mild image distortions on the bridge localized around the second hand.

(in chrome that is)

mankz
18 Nov 2010, 9:50 AM
After zooming in a bit I also see this, very weird in deed. Will take a deeper look in a bit :)

Seana
18 Nov 2010, 9:59 AM
After zooming in a bit I also see this, very weird in deed. Will take a deeper look in a bit :)

The other thing I just noticed, some times when the second hand moves from "high noon" to the first second the "bounding rectangle" (which coincidentally is the bounds for the distortion) shortens the hand to about the length of the hour hand...

interestingly, it seems that both the odd distortions and the sheering of the second hand seem to disappear after letting the clock run for a few minutes, only to reappear a few minutes past that.


Even more fun upon zooming in, I've noticed that the Hand of the statue on the Rio De Janeiro clock closest to the San Fran clock is also "twitching" along with the San Fran clock, when the second hand is in the left hemisphere of the San Fran clock

naveen.kumar
20 May 2012, 10:46 PM
I am new in Extjs development. Please provide me other links and videos for plugin and extension.I want to go in detail.

Thanks
Naveen Kumar

DineshGudikandula
18 Apr 2013, 9:29 PM
Hi...It's a great job...mankz,
I want this component code in ExtJs4.1 or ExtJs4.2 ..Can u provide the code link..
Thanks in advance man..

DineshGudikandula
19 Apr 2013, 7:51 PM
Hi mankz...

I need to draw the clock with out using Rahael library.Is it possible to develop with ExtJS4.X drawing?
Is there any choice like that, provide the code please...

DineshGudikandula
19 Apr 2013, 9:33 PM
Hi...It's a great job...mankz,
I want this component code in ExtJs4.1 or ExtJs4.2 ..Can u provide the code link..
Thanks in advance man..



Here ExtJs4.2 clock.js 43259