Dweets awesomed by u/lurifax

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

pavel

function u(t) {

for(c.width|=i=60,x.scale(5,5);i--;x.ellipse(192,20+o*160,o?60:80,o?30:15,0,a=(i>>1)*(o-.5)*.42+S(3*t)*.7,a+7))o=i+i/2&1
x.stroke()

Dec 11 2018 1:37 AM UTC

}// 131/140

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

Twisted Cylinder #beesandbombs

u/pavel

Single stroke call and only ellipse to draw. The lines are canvas connecting the various ellipse draw cal into a single stroke, I just manage the start angles.
u/pavel

o determines which ellipse, 0 is top and 1 is bottom. It goes: top, bottom, bottom, top. Four-cycle to draw two vertical lines and reset. The angle increments every 2 so top and bottom angle is the same.
u/jylikangas

Thanks for writing about the tricks in your dweets.

show FPS hide FPS share fullscreen

ellisk1

remix of d/11374 by u/ellisk1

function u(t) {

with(x)for(j=9;j--;stroke())beginPath(strokeStyle=`hsl(${t*j},90%,50%)`),arc(Y=540,Y,450,t+=a=1.57,b=t+a),arc(Y-99*S(t),Y+99*C(t),350,b,b+3)

Dec 10 2018 2:44 PM UTC

}// 140/140

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

Twisting Ring v2

u/ellisk1

Hopefully this one works in safari
u/veubeke

It does :)

show FPS hide FPS share fullscreen

katkip

function u(t) {

t*=.2;x.fillRect(0,0,2e3,2e3);for(i=99;i--;)x.clearRect(960+S(t+i*i)*960,540+C(t+i*i+(t+i)/9)*540,S(t*99+i)*9,C(t*99+i)*9);x.globalAlpha=.1

Dec 6 2018 12:29 PM UTC

}// 139/140

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

They can't find it. Sorry #nsfw joke

show FPS hide FPS share fullscreen

cantelope

remix of d/2948 by u/cantelope

function u(t) {

eval(unescape(escape`景爨琪㴲ⱸ孨㴧晩汬剥捴❝⠰ⰰⱩ㵣⹷楤瑨簽〬椩Ⱨ㵩⼲㭩ⴭ㭸⹦楬汓瑹汥㵠桳氨⑻椭琪杽ⰹ㤥ⰷ㔥怬硛桝⡧⭬⩓⡴⤪术娬㔴〫䌨瀩⩩⽚⩧ⱳ㴲攸⽚⽚ⱳ⤩氽匨瀽椪㈮ㄫ琪⡪㵩㰱攳㼭㈺ㄩ⤪椬娽未㐮㔭氪䌨琩⩪`.replace(/u(..)/g,"$1%")))

Dec 5 2018 6: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).

u/magna

So pretty!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11280 by u/pavel

function u(t) {

for(c.width|=i=36;j=60*(--i>>2);x.fillRect(-j,0,2*j,u>0||9))x.setTransform(u=C(a=(i/2+t/8)*Math.PI),v=S(a),0,4,960+j*v,256+j/2-j*u)

Dec 5 2018 4:20 AM UTC

}// 131/140

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

#pyramid v2

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡳桡摯睃潬潲㵒⡡牣⠵㈬㌰ⰴ〬眽挮睩摴栽椽㈴㘬獨慤潷䉬畲㴷⤬眩㭩ⴭ㭳瑲潫敒散琨䤬ㄴ㠭椬㤬椭琪㥼ⴹ⤩牥捴⡉㵩⨸ⰷ㈬㠬䤪䤥㌷⤬牥捴⡉⨵ⰹ㤬椬ㄹ⤬牥捴⠰ⱉⱩ㰹☦眬椩㭸⹦楬氨❥癥湯摤✩`.replace(/u(..)/g,"$1%")))

Dec 2 2018 9:28 PM UTC

}// 140/140

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

Choo Choo arrives at Neon City

Show more comments…
u/jylikangas

138b without shadows - with(x)for(arc(52,30,40,w=c.width=i=246,7);i--;strokeRect(I,148-i,9,i-t*9|-9))rect(I=i*8,72,8,I*I%37),rect(0,I,i<9&&w,i);x.fill('evenodd')
u/sigveseb

Oh my!
u/aleamb

yeah!
u/iverjo

Wow, so much stuff crammed into a single dweet! I bow to your skill and creativity
u/iverjo

#neon
u/iverjo

#train
u/sigveseb

Came back to say that this one kicks ass
u/katkip

#city #landscape
u/vain

incredible. like the art, style and anim

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

t?i=t*9|0:c.width=-1
r=i<10?C(4/i)*89:i
x.fillStyle=R(r*7,r*3,y=i*9)
x[f='fillRect'](150-r,y,r*2,i-11)
x[f](y-99,i&&98,s=i?-9:1e3,s-y*y%49)

Nov 30 2018 4: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).

We built this city on synthwave

u/magna

Whoa!
u/aleamb

wow!!!
u/aleamb

#city #landscape #stylish #eighties
u/aleamb

#waitforit
u/katkip

Awesome

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;j=i-->>5;x.arc(98*(28-k*63+i%32*(4*k-2)+(j|t)%2+t%1/2+(.5-j%2)/(1+9e9**(j/9-t%1))),(j-k)*170,98,3*!k,3*k))k=i>>4&1
x.fill()

Nov 29 2018 12:18 AM UTC

}// 140/140

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

MORE disks >:) #beesandbombs

u/anotherkitten

stop being so good
u/katkip

i love your beesandbombs dweets
u/pavel

I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
u/pavel

I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
u/pavel

In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

c.style.background='#eee';c.width=400;for(n=900;n--;)x.lineTo(200+S(n*n+t)*200,114+C(n*n+n)*200);x.fill()

Nov 26 2018 2:38 PM UTC

}// 105/140

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

Electricity

u/Xen

Nice!
u/katkip

Yep
u/aleamb

fucking awesome!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;Y=i-->>6;x.fill(x.arc(((i&62)-Y)*48-o*C(A=~~t/.9549),(Y-2)*83-o*S(A),30,A,A-3,i%2)))x.beginPath(o=i%2*96/(1+1e9**(.5-t%1)))

Nov 25 2018 5:45 AM UTC

}// 140/140

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

Sliced Dots #beesandbombs

u/pavel

Golfed 3 loops into one. Lowest bit of i determines half-circle, next 5 bits determine X and the rest determine Y
u/pavel

i&62 = (i>>1)%32*2 = X*2
u/jylikangas

There's a lot of really clever tricks in your dweets. Keep them coming! :)
u/katkip

wow

dwitter.net | lurifax (9557)