New #Clock dweets

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share 1 remix fullscreen

fujimotos

remix of d/7622 by u/Aheradin

function u(t) {

c.width|=0
h=540;w=960
x.font='70px a'
for(i=12;i--;)x[z='fillText']('■',C(t)*i*30+w,S(t)*i*30+h),x[z](i,S(.52*i)*450+w,C(.52*i+3.14)*450+h)

Apr 11 2018 12:56 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/rjro

#clock
u/BirdsTweetCodersDweet

for(i=13;--i;) -- You CAN have a 12 o'clock on there, y'know?

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6784 by u/silver_bear

function u(t) {

l=c.width|=a=12
with(x)for(;a-=3;fillRect(-9,6,18,-a*50))setTransform(r=C(θ=(0|Date().slice(13+a,15+a))*.524/(a>3?5:1)),n=S(θ),-n,r,l/2,l/4)

Feb 8 2018 4:06 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

First time using setTransform, seems useful. .524/(a>3?5:1) is shortform for Math.PI * 2 / (a>3?60:24).

u/AnnanFay

Hmm, just noticed a few things. Would be smaller without with(x) since there's only two method calls. Also we don't need the 0| after the slice because the division will cast for us. So that's 7 characters.
u/akm

You can also remove some parentheses and the l variable: for(c.width|=a=12;a-=3;x.fillRect(-9,6,18,-a*50))x.setTransform(r=C(θ=Date().slice(13+a,15+a)*.524/(a>3?5:1)),n=S(θ),-n,r,960,540)
u/silver_bear

Impressive that you managed to fit both seconds and real hands. Seems I lack a bit of syntax creativity. Nicely done! :)
u/iverjo

#clock

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width+=i=0;s=~~t;for(;i<3;x.lineWidth=9+9*i++,w=500/i,s/=i<3?60:12,k=-6.283185*s,x.stroke(new Path2D(`M960 540l${-S(k)*w}
 ${-C(k)*w}`)));

Jan 31 2018 9:01 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Replace "t" by "(new Date()).getTime()/1000" for real time. No idea how to reduce the rest by that much though.

u/Agnes

Also, the approximation of -2*pi is bad and probably de-syncs the clock after a couple of days.
u/fourier.space

Just like a real clock would!
u/iverjo

#clock

show FPS hide FPS share fullscreen

myxoh

function u(t) {

c.width=999
x.font="50PX arial"
date=new Date(Date.now());
x.fillText(date.getHours()+":"+date.getMinutes()+":"+date.getSeconds(),380,350)

Jan 7 2018 6:46 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

#clock

show FPS hide FPS share 1 remix fullscreen

function u(t) {

c.width|=0;d=new Date(1986,10,9),n=new Date(),f=31536e10,P=Math.PI/2;x.arc(960,540,5e2,-P,4*P*(n-d)/f-P,1);x.lineTo(960,540);x.stroke()//10k

Jan 3 2018 6:00 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

https://en.wikipedia.org/wiki/Clock_of_the_L…

u/iverjo

#clock
u/rg

#time

show FPS hide FPS share fullscreen

coderkid

function u(t) {

c.width|=0;r=Math.random;x.font="232px 💩";x.fillText(String.fromCodePoint(0x1F550+Math.floor(t)%12),800,650);

Jan 2 2018 3:01 AM UTC

}// 109/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/donbright

ove it
u/coderkid

Thanks @donbright
u/iverjo

#clock

show FPS hide FPS share 1 remix fullscreen

mmastrac

function u(t) {

with(new Date)[,getSeconds(c.width|=C=500),getMinutes(),getHours()*5].map((e,i)=>x.fill(x.ellipse(C,C,C/i,C,e*.105-1.6,!!x.moveTo(C,C),.1)))

Oct 30 2017 3:21 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

New_Core

function u(t) {

d=~~t%60
c.width|=0
for(i=60;i--;x.stroke())i==d?e=400:e=0,x.beginPath(),x.arc(960,540,400-e/2,a=i/9.5+4.67,a+.1),x.lineWidth=i%5<1?30+e:9+e

Oct 25 2017 7:17 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Started as a clock idea

u/sigveseb

cool, now who can golf an extra hand?
u/New_Core

#clock

show FPS hide FPS share 1 remix fullscreen

mmastrac

function u(t) {

c.width|=32;for(p in d=Date(x.scale(n=16,n)))for(i in d)' {"^î§m}*ÿï'.charCodeAt(+d[n+p*1]+1)>>i&1&&x.fillText(["▏▕▁▔▏▕▁"[i]],p*n,i>3?n+9:n)

Oct 25 2017 1:59 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/sigveseb

very clever!
u/iverjo

#clock
u/katkip

woooow

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width=2e3;o=Date().split(/[ :]/);for(i=3;i--;){q=o[i+4]*0.105;if(i<1)q=q*5;x.moveTo(1e3,f=500);x.lineTo(1e3+f*S(q),f-f*C(q));x.stroke()}

Sep 23 2016 9:15 AM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/lionleaf

Oh awesome! It's actually correct as well
u/New_Core

#clock

You've reached the end.

dwitter.net | #Clock