Dweets awesomed by u/kchplr

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

kchplr

remix of d/2938 by u/kchplr

function u(t) {

for(c.style='image-rendering:pixelated',c.width=i=130;i--;)for(j=70;j--;)x.fillRect(i,j,1,C(i*i*j*j*8+frame*8&768)<0)

Aug 9 2017 11:11 AM UTC

}// 117/140

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

Same as the original but with c.style='image-rendering:pixelated' to look better and the same size

show FPS hide FPS share 1 remix fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 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 more comments…
u/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/3028 by u/cantelope

function u(t) {

for(x.fillRect(0,0,2e3,2e3),W=960,j=99;--j;)for(i=9;i--;x.clearRect(W+S(p=.7*i+j/4-6.03*V)/Z*W-Z*9,540+C(p)/Z*W,s=99/Z,s))Z=j-t*6+(V=t*6|0)

Aug 7 2017 3:56 AM UTC

}// 139/140

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

change C(p) to C(i) for kicks

u/New_Core

try this... for(x.fillRect(0,0,2e3,2e3),Z=V=W=960,j=950;--j;Z=j%98-t*6+(V=t*6|0))x.clearRect(W+S(p=t+j/4-6.03*V)/Z*W-Z*9,540+C(p)/Z*W,s=99/Z,s)

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(V=(c.width=1e3)/2,H=j=99;j--;x.stroke())for(x.beginPath(),i=H,Z=i-j;i--;x.lineTo(V+X/Z*V,(S(i/5+C(t)*4)*C(j/9-t*7)*j/9+30)/Z*V))X=H-i*2

Aug 6 2017 6:10 AM UTC

}// 139/140

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

mostly what i was going for... not exactly.

u/joeytwiddle

smooth

show FPS hide FPS share fullscreen

Xen

remix of d/3017 by u/kchplr

function u(t) {

for(i=0;i<99;Y=S(i*2+t),X=(C(3*i)+C(t+i+Y)),x.fillRect(960+X*450,536+Y*500,i,i))i+=.5,x.fillStyle=`hsla(${i*i},99%,50%,.01`

Aug 5 2017 3:19 PM UTC

}// 123/140

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

An lsd inkblot inspired by Kchplr inspired by Cantelope

show FPS hide FPS share 1 remix fullscreen

kchplr

function u(t) {

x.fillStyle='#0001';for(x.fillRect(0,0,2e3,2e3),i=0;i<6.29;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

Aug 5 2017 2:42 PM UTC

}// 135/140

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

A glowy curve, inspired by the inverted colors of https://www.dwitter.net/d/3015 by Cantelope

u/kchplr

Noticed it is very slow in firefox, has lot of artefact on Safari and doesn't even render properly in stable Chrome. The only browser rendering it correctly is Chrome Canary. Oh, well.
u/kchplr

Here is a version which renders correctly on stable Chrome : for(x.fillStyle='rgba(0,0,0,.1)',x.fillRect(0,i=0,2e3,2e3);i<7;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

show FPS hide FPS share fullscreen

cantelope

remix of d/3008 by u/New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(X=Y=0,i=d=350;i--;x.clearRect(X*Z+960,Y*Z+540,Z*4,Z*4))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 5 2017 5:55 AM UTC

}// 139/140

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

just made a few small changes.. loved this one and wanted to see it with colors inverted :D

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=3142,n=500;i--;Y=S(i/n*(2-(.5+S(t+V)|0))),X=C(S(t)+t+i/n),x.fillRect(960+X*n+V/X,550+Y*n+V*Y,4+V*X,5))V=(T(C(i+t)))**7

Aug 4 2017 10:05 AM UTC

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

FireFly

remix of d/3005 by u/FireFly

function u(t) {

for(i=5e3;Z=(i--%4>1)+i/128;i%4||x.beginPath(x.fill()))X=i%128+2>>2,x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.lineTo(X*60,Z*35-Y)

Aug 3 2017 9:03 PM UTC

}// 137/140

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

Ripples! With proper quads instead. Add +Z*X-Z*16 after X*60 for perspective projection too (brings it up to 146)

u/FireFly

Another byte can be saved with with(x), but this causes a fair bit of slowdown for me. Thanks for some golfing tips from qfox and others on the jsgolf slack :)
u/cantelope

can't stop watching. def in my top 10 favs
u/iverjo

Very impressive!

show FPS hide FPS share fullscreen

yokljo

function u(t) {

eval(o="q=/[;,q]/;s=1e4;d=100;x.font='70px Courier';for(i=0;i<10;)x.fillText(o.split(q)[i+5].substring(0,t*d/(i+1)-(i*10)),50,d*i+++d)")

Aug 3 2017 7:07 PM UTC

}// 136/140

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

I dunno...

u/Xen

'only a basic dweet', nope you put in effort, you receive an awesome.....

dwitter.net | kchplr (3658)