Dweets awesomed by u/rjro

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: #ScaryMovies

show FPS hide FPS share fullscreen

rjro

remix of d/7694 by u/firegodjr

function u(t) {

c.width=1920,x.globalAlpha=0.1
for(y=41;--y;){x.fill();x.beginPath();for(w=99;--w+1;){x.lineTo(30*w,S(t+y/4+(S(t/6)+1.1)*w/3)*12+30*y-75)}}

Apr 22 2018 10:26 AM UTC

}// 139/140

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

u/joeytwiddle

#waves

show FPS hide FPS share 1 remix fullscreen

rjro

function u(t) {

c.width=2e3,d=new Date,m=-d%36e5/6e4,t=[m%1*6,m/10];for(i in t){x.moveTo(z=1e3,f=600);x.lineTo(z/8*S(t[i]-3)+z,z/4*C(t[i]-3)+f);x.stroke()}

Apr 22 2018 10:06 AM UTC

}// 139/140

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

A semi-accurate clock

u/sigveseb

#clock

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/7693 by u/firegodjr

function u(t) {

c.width=1920
x.globalAlpha=0.5
for(y=41;--y;){x.fill();x.beginPath();for(w=99;--w+1;){x.lineTo(20*w,S(t+y/5+(S(t/4)+1.1)*w/3)*50+30*y-75)}}

Apr 16 2018 5:56 PM UTC

}// 139/140

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

Wobbly Cellular Lava Lamp

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width=w=1920;m=150;for(i=0;i++<m;)k=C(t*2+i/50)*255,x.fillStyle=R(255-k/2,0,k),x.fillRect(i/m*w,w/4+100*S(i/10+t/2),10,m*C(i+t))

Feb 22 2018 2:39 PM UTC

}// 130/140

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

Golfed even more :D

u/snydej

Some more golfing: w=c.width+=0;for(i=m=150;i--;x.fillRect(i/m*w,w/4+100*S(i/10+t/2),10,m*C(i+t)))k=C(t*2+i/50)*255,x.fillStyle=R(255-k/2,0,k)

show FPS hide FPS share 2 remixes fullscreen

snydej

remix of d/6990 by u/snydej

function u(t) {

c.width|=p=2.0943;[0,1,2].map(d=>x.fillRect(0,0,h=540,h,x.setTransform(s=S(q=d*p+t),C(q),S(q+=p),C(q),960,h),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:10 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/aleamb

cooooooooool
u/magna

WAAAAAA
u/zanella

Niiiiiiiiiice!
u/joeytwiddle

#cube #lighting #renderer
u/S.T.L.K.R.

wtf very nice
u/vain

amazing lightsources cube

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

rikardlindstrom

remix of d/6237 by u/rikardlindstrom

function u(t) {

c.style.background=R();with(x)strokeStyle=`HSLA(${t*99},79%,80%,.2)`,beginPath(stroke()),arc(960+S(1.95+t)*54*t,540+C(1.95+t)*54*t,1E3,0,7)

Jan 21 2018 9:12 PM UTC

}// 139/140

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

❤️

u/iverjo

Worth the wait <3
u/Qwitter

Nice! reminds me of those experiments looking for plant auras
u/Xen

nice style!
u/rikardlindstrom

@Qwitter, plant auras? I'm intrigued!
u/Qwitter

https://en.m.wikipedia.org/wiki/Kirlian_phot…

show FPS hide FPS share fullscreen

dogspace

function u(t) {

for(j=10.8;j>0;j--)for(i=19.2;i>0;i--)x.fillStyle=`hsl(${360-(i*25)},100%,${100-(j*10)}%)`,x.fillRect(100*i,100*j,100,200+300*S(t+i));

Jan 14 2018 5:07 PM UTC

}// 134/140

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

second dweet! hello world!

Show more comments…
u/Xen

alrite!
u/Xen

alrite!
u/Xen

alrite!
u/Xen

why that post 3 times ^^ ? :-/
u/sigveseb

nice style!
u/iverjo

Nice colors
u/joeytwiddle

#colors

show FPS hide FPS share fullscreen

ETHproductions

remix of d/5543 by u/Bugsy

function u(t) {

for(i=c.width=2e3;--i;x.fillRect(i,540-w/2+S(i/43)*9+(q=960-i)/2*(q>>31)**i,2,w))w=.5**(i/99-t*4%27+5)**2*99+9

Jan 5 2018 9:05 PM UTC

}// 110/140

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

dwitter.net | rjro (1142)