Dweets awesomed by u/fons

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 fullscreen

selfawaresoup

function u(t) {

f=n=>(Math.random()*n)|0;x.fillStyle=`hsl(${t*10},90%,${50+45*S(t)}%`;d=(f(2)+1)*100-20;x.fillRect(f(18)*100,f(10)*100,d,d);

Feb 8 2018 11:47 PM UTC

}// 124/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

fons

function u(t) {

c.width|=0
x.translate(950,70)
x.lineWidth=500
x.arc(S(t)*00,S(t)*400,t/100,80,9)
x.stroke()

Feb 8 2018 9:38 PM UTC

}// 92/140

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

Tic tac

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

travisdoesmath

remix of d/6795 by u/bschwb

function u(t) {

c.width|=0
x.lineWidth=9
x.beginPath()
for(i=t*99-600;i<t*99;)z=.01*i++,x.lineTo(200*(5+S(z+t)+S(4*z+t)),200*(3+C(z+t)+C(4*z+t)))
x.stroke()

Feb 8 2018 2:29 PM 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

snydej

function u(t) {

x.fillStyle="#FFF2"
x.fillRect(0,0,h=2160,h)
h/=4
x.beginPath()
for(i=0;i<99;i+=.01)r=h*C(t/50*i),x.lineTo(960+r*C(i),h+r*S(i))
x.stroke()

Feb 8 2018 10:37 AM UTC

}// 138/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 1 remix fullscreen

bschwb

function u(t) {

c.width|=0
x.lineWidth=15
x.beginPath()
for(i=t*100-600;i<t*100;)z=0.01*i++,x.lineTo(200*(5+S(z)+S(4*z)),200*(3+C(z)+C(4*z)))
x.stroke()

Feb 8 2018 10:24 AM UTC

}// 136/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

yaska

function u(t) {

b=c.width|=0;x.font="200px Arial";a="🐣,🐜,🐟,🐬,🐍,🐔,🐎,🐒,👦,👧,👫,👪";a=a.split(",");x.fillText(a[Math.floor(t)%12],b/2*(1+S(t)),b/4)

Feb 8 2018 10:20 AM UTC

}// 125/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 1 remix fullscreen

snydej

function u(t) {

with(x)for(fillStyle="#FFF2",i=h=540,n=h*h,fillRect(0,0,n,n),beginPath();i--||stroke();lineTo(960+r*C(s),h+r*S(s)))s=h*t+i/54,r=h*C(s*s/n+s)

Feb 8 2018 9:51 AM UTC

}// 140/140

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

u/DirtyDan

with(x)... good to know
u/katkip

#moire

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=c.width+=e=0;for(m=100;e<m;d=e++/m,s=30+20*C(t*d),x.fillStyle=R(m*(1+S(a=d*S(t*d)))),x.fillRect(0,0,s,s),x.translate(s,s),x.rotate(a));

Feb 8 2018 8:39 AM UTC

}// 137/140

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

u/donbright

:)
u/katkip

Woooooow

show FPS hide FPS share fullscreen

albertarv

function u(t) {

//by @taki_bump
c.style.background=`url(//pbs.twimg.com/media/BdzojveCMAAOKcK.png) 
 rgb(${l=Math.floor(S(t)*128+128)},${l},${l}) 0/contain`

Feb 7 2018 11:38 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/AnnanFay

Note: Anyone who can't get this to work - you need to disable tracking protection in browser settings.
u/cantelope

love this. way to think outside of the box :)

dwitter.net | fons (3407)