Dweets awesomed by u/sop

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

New_Core

function u(t) {

c.width|=q=99;for(a=i=310;i--;)x.rect(i%24*q-(a*S(t)+a)%198,i%26*q-a*C(t)+a,q,q);x.arc(a*S(t)+960,a*C(t)+540,200,0,7);x.fill('evenodd')

Mar 20 2018 6:08 PM UTC

}// 135/140

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

u/13thptr

#checkerboard

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(c.width|=i=50;i--;x.fillRect(400*S(b=t+i/99),400*C(b*2),99,99))x.setTransform(-S(a=t+i),C(a),C(a),-S(a),960,540),x.fillStyle=R(200,i*3)

Mar 20 2018 6:03 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/aleamb

nice!

show FPS hide FPS share 1 remix fullscreen

nystrand

remix of d/7333 by u/Batrachus

function u(t) {

with(x)for(i=d=c.width=200;j=i--/d;fillStyle=R(d+i,d/j,arc(99+(i-79)*S(T(t)),S(3*j+S(t*7)/4)*75,j>.9?5:30*S(3*j+.3),0,7),fill()))beginPath()

Mar 19 2018 6:13 PM UTC

}// 140/140

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

Remix of original and inspired by d/7372 by u/joeytwiddle

Show more comments…
u/yonatan

that's a damn fine banana!
u/sigveseb

Rockin'!
u/magna

WOOOOT!
u/joeytwiddle

very nice :D
u/aleamb

Dayyyy o! daaaay o! Come, Mister Tally Man, tally me bananaaaaa
u/Renaud___

wow :)
u/CtrlAltCuteness

That 'with' statement does have use here. Just hope it never conflicts with other needed functions.
u/joeytwiddle

#banana
u/vain

Great! How do you guys get the algos for such amazing fake 3d bananas? :)

show FPS hide FPS share 1 remix fullscreen

robbyg

function u(t) {

i=255,t||(X=Array(i).fill(960),Y=Array(i).fill(540));while(i--)x.fillStyle=R(i),x.fillRect(X[i]+=C(z=Math.random()*6.28)*9,Y[i]+=S(z)*9,9,9)

Mar 17 2018 7: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/joeytwiddle

#virus #outbreak

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(X=c.width=450;X--;x[f](X%50*5+t%23*9,0,3,X))x[f='fillRect'](X-X%5*25,99+S(X*5)*5-(h=9*S(X%64/16))+(X>>6)*25%50,1,h*2)&x[f](X*2,50+h,9,1)

Mar 17 2018 8:47 AM UTC

}// 140/140

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

Scanimation Fish

Show more comments…
u/Lynext

Genius!
u/magna

If some technique exists, there's a dweet version of it.
u/sigveseb

this is so impressive :)
u/sigveseb

https://www.youtube.com/watch?v=LCIsIfEOEI8 some more inspiration for other dweets perhaps!
u/iverjo

#fish
u/aleamb

#scanimation
u/pythech

blew my brains out
u/rep_movsd

#illusion
u/rep_movsd

#underrated
u/vain

this blow me away! How...? O.o

show FPS hide FPS share fullscreen

obooij

remix of d/4522 by u/nic

function u(t) {

for(c.width|=0,r=C(t),s=S(t),i=j=729;i--;w=i%81/9,q=i/81,v=(r*r*e+s*q-r*s*w-27)/j,x.fillRect(j+(s*s*w+r*q-s*r*e)/v,j+(s*e+r*w)/v,9,9))e=i%9

Jan 1 2018 9:38 PM UTC

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

joeytwiddle

remix of d/4827 by u/New_Core

function u(t) {

for(c.width=99,i=9;i--;x.fillRect(40+35*S(t-i),19-14*C(t*i),20,20))x.filter='blur(5px)contrast(1%)',x.globalCompositeOperation="lighter"

Dec 30 2017 1:49 PM UTC

}// 136/140

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

Shaded metaballs

Show more comments…
u/joeytwiddle

I was actually trying to threshold but ended up with something unexpected
u/joeytwiddle

Can anyone explain it ... ? lol
u/sigveseb

Sweet metaballs
u/joeytwiddle

blur(0px) helps to show what's going on.
u/joeytwiddle

Something similar but more beautiful: https://www.dwitter.net/d/5321
u/joeytwiddle

Another funny wobbly thing: d/5446
u/joeytwiddle

This is what I had been trying to reproduce: https://codepen.io/aswhipple/pen/xpywbO
u/joeytwiddle

Programmatic metaballs by sop: d/7488
u/iverjo

#metaballs
u/katkip

#cells
u/joeytwiddle

NewCore has done this technique right: d/17584
u/rodrigo.siqueira

#cell

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3262 by u/lurifax

function u(t) {

c.width|=0;for(i=6e3;i--;)Z=40+21*i%256,Y=99*i%2e7,F=40+99*(1-C(t))-Z,x.globalAlpha=.7/(1+F*F/1740),x.fillRect(9e4/Z,Y/Z,w=(900+F*F/15)/Z,w)

Oct 10 2017 4:15 AM UTC

}// 140/140

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

Experimenting with depth of field

Show more comments…
u/joeytwiddle

I initially tried with falling raindrops but that only confused the effect
u/lurifax

Nice effect!
u/cantelope

this is so great
u/joeytwiddle

Better performance: i=43e Stronger effect: F*F/10
u/joeytwiddle

http://tuxedolabs.blogspot.sg/2018/05/bokeh-…
u/joeytwiddle

https://epicgames.ent.box.com/s/s86j70iamxvs…
u/joeytwiddle

#focus #bokeh #depthoffield

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

show FPS hide FPS share 4 remixes fullscreen

p01

function u(t) {

for(d=2e3;d--;x.fillRect(960+d*C(a),540+d*S(a),24,24))a=Math.random()*6.3,x.fillStyle=R(e=255*C(t-1e3/d*S(t-a-C(a*99/d))),99*S(a-e/d),6e4/d)

Feb 22 2017 11:45 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

Nice!
u/ninerdelta

wow!
u/p01

Thanks :)
u/ArtsyBiker1

Awesome!
u/TheGreatRambler

Messing with my brain!
u/lionleaf

#tunnel

dwitter.net | sop (1576)