Dweets awesomed by u/batboy

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 1 remix fullscreen

vinca

function u(t) {

for(0==t&&(c.width=960,x.translate(480,270),A=.03),X=480,Y=(0|50*t)%540-270;X>=-480;--X)T(A*X)*T(A*Y)>S(A*A*X*Y)&&x.fillRect(X,Y,1,1)

Mar 24 2019 8:00 AM UTC

}// 133/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/katkip

This is #beautiful! How did you discover this?
u/Xen

Love it!
u/magna

WOW!
u/aleamb

dude!
u/vinca

I found a formula using this tool https://imgur.com/GKPVSJd
u/aleamb

#math #inecuation
u/robbyg

Awesome stuff, and thanks for sharing the tool! 111 bytes (but with no slow reveal): if(!t)for(Y=V=270,A=.03;V>-Y;V--)for(H=X=480;H>-X;H--)T(A*H)*T(A*V)>S(A*A*H*V)&&x.fillRect(H*2+X*2,V*2+Y*2,2,2)

show FPS hide FPS share 2 remixes fullscreen

yokljo

function u(t) {

c.style.filter='invert(1)'
for(i=190;i--;)o=300+i*Math.random()*C(t),j=i/50,x.fillRect(960+S(t*i+j)*o,540+C(t*i/3+j)*o,2,o/i/20)

Mar 21 2019 12:13 PM UTC

}// 128/140

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

Give it at least 10 seconds to start looking nice. After about a minute it's desktop-background-worthy :)

u/Jezza

#waitforit
u/geb

#background

show FPS hide FPS share 1 remix fullscreen

marc8

function u(t) {

c.width|=d=.01
function g(a,b,n,r){for(i=6.28;i>0;)x.arc(a,550,r+50*(S(b*t+i*n)>0),i-=d,i)}x.fill(g(1400,9,14,300));x.fill(g(600,-9,21,450))

Mar 20 2019 10:39 PM UTC

}// 140/140

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

Very rough gears. Don't try this at home.

u/tomxor

With an arrow function there is enough space for some tapered gears :) g=(a,b,n,r)=>{ then i-=d,i+.05)
u/tomxor

Arrow function seems to need a space after the } though !
u/somebody

c.width+=0 and replacing d with .1 directly saves two bytes. might be able to improve the tapering or something
u/katkip

#gear
u/aleamb

amazing!

show FPS hide FPS share 1 remix fullscreen

andrea270872

function u(t) {

c.width|=j=1
for(;j++<15;)for(i=19;i--;x.font=C(t)+6+"em'")x.fillText([...'🏡🌊🌳 '][~~((S((i-~(S(t)*6))*(j+~(C(t)*9))*97)+1)*2)],i*99,j*69)

Mar 20 2019 5:32 PM UTC

}// 137/140

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

A map with panning and "zoom"

u/tomxor

oh wow neat! i keep missing these ones cos on chromium linux i get a bunch of tofu - FF is ok though.
u/joeytwiddle

I had a lot of tofu on Ubuntu but then I installed a new Manjaro ;-)
u/tomxor

I'm running minimal a debian, I think it's just missing font packages but can't be bothered to hunt for them. I will try Arch one day when I'm braver :P

show FPS hide FPS share fullscreen

batboy

function u(t) {

w=c.width/2
h=1080
if(!t)r=Math.random,f=100+r()*200,p=[r(),Math.PI-r()][r()*2|0]
for(i=0;i++<f;)x.fillRect(w,h-t*10,10,4),x.rotate(p),t++

Mar 19 2019 8:04 PM UTC

}// 138/140

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

Cool hatching effect

show FPS hide FPS share fullscreen

batboy

function u(t) {

t==0?p=Array(1920).fill(1):0
for(i in p)Math.random(x.fillRect(i,0,1,p[i]))<.5?p[i]+=10:0
if(p.every(o=>o>1110))p.fill(1),x.fillStyle="#7cf"

Mar 19 2019 2:35 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 FPS hide FPS share fullscreen

batboy

function u(t) {

r=Math.random
s=x=>r()<.5?-r():r()
x.fillStyle=t%8>4?'#fff':'#000'
p=t%4*t*4
x.fillRect(c.width/2+p*s(w=c.height/2+p*s()),w,p*s(),p**s())

Mar 18 2019 8:07 PM UTC

}// 137/140

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

growing distortion

show FPS hide FPS share 1 remix fullscreen

batboy

function u(t) {

t==0?x.fillRect(0,0,1e5,1e5):0;
x.fillStyle="#fff"
for (i=0;i<100;i++)
x.fillRect(t*100,S(t)*100+540+(i%2==0?1:-1)|i*Math.random()*t,4.5,1)

Mar 18 2019 5:17 PM UTC

}// 139/140

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

bridges

You've reached the end.

dwitter.net | batboy (114)