Random dweets | Dwitter

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

show FPS hide FPS share fullscreen

JonasPeeters

function u(t) {

c.width=2e3
for(i=0;i<999;i++)x.fillRect(S(i+t/5)*(S(i/99)+1)*600+960,C(i+t/5)*(S(i/99)+1)*600+550,(S(i/99)+1)*30,(S(i/99)+1)*30)

Jan 2 2018 4:34 PM UTC

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

anotherkitten

function u(t) {

x.fillRect(0,0,2e3,2e3)
with(x)for(i=99;i--;beginPath(fill()))fillStyle=R(N=(120-C(t)*120)*(i?2:1)+i*i/50,N,N*.8),arc(960,i*6-250,i*3,0,8)

Oct 11 2020 7:24 PM UTC

}// 138/140

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

lightbulb

show FPS hide FPS share 1 remix fullscreen

SuperMayo

function u(t) {

for(c.width|=i=900;i--;x.beginPath())x.arc(999+i*S(t*2+i%5),540+i*C(t+i),C(i/88+S(i/99+7*S(t)))*9+10,1,6),x.fill(),x.fillStyle=R(T(i)*99);

Apr 18 2019 9:41 PM UTC

}// 138/140

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

u/magna

whoa nice

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=384;for(i=20;i--;)for(j=9;j--;)if(!i||(i^j)%2){x.fillStyle=R(a=i?0:240),x.fillRect(i*20+j%2*4*S(t)-25+9*S(j),j*20,i?20:420,i?20:2)}

Mar 2 2017 6: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).

Optical illusion thingy. It's supposed to look like the red lines are not really straight and parallel. #bartjs

u/sfz

it works, trippy!
u/iverjo

Fun fact: This was actually the first idea I ever had for a dweet, back in december 2015 when sigve made https://github.com/sigvef/arktis-tweet-demo/
u/donbright

great illusion
u/SpecialAgent

Expecting a gorilla and some barrels to come hurtling down. Love it.
u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

ianertson

function u(t) {

for(i=0;i<5184;i++){w=i%96,q=i/96|0,e=128+T(w-45/(q-28)+t)*400;x.fillStyle=R(w/96*t,q/96*e,.5+.5*T(t)*e);x.fillRect(e*20/t,w*q,t,(t*120))
}

Dec 28 2017 1:47 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

taupelink

remix of d/26864 by u/taupelink

function u(t) {

for(i=d=e=1e4;i--;x.fillRect(960+d*z*S(e),540+d*z*C(e),1,1))r=Math.random(z=50)*z|0,[d,e]=[1+r/5+C(d/2+e/4)/20+d/8+e/60,(r+d&51)+d/9+e**.5]

Feb 5 2023 7:09 PM UTC

}// 139/140

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

d/27005

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24913 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=1e4/i/t,0,0,s,960+5*s*C(F=i+t/4),540+s*S(F)*3),C(i/5)*2,G=.4/t,G))fillStyle=R(i/2,i/3,i,.1)

Feb 14 2022 12:00 PM UTC

}// 137/140

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

Vortex filaments into the purple spiral #spiral

u/joeytwiddle

The arms of an alien monster reaching for the Milky Way

show FPS hide FPS share 1 remix fullscreen

sukkamehu

remix of d/8432 by u/firegodjr

function u(t) {

x.globalAlpha=c.width|=1
with(Math)for(i=f=450;i--;)x.fillRect(sin((i+t*9)/64)*f*sin((i+t*5)/12)+f,i*5,5,5*i)

Jun 6 2018 10:56 AM UTC

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

taupelink

remix of d/18626 by u/taupelink

function u(t) {

f=(x,y)=>C(x)*S(y)<-.3?f(y-.2,x+.1):S(x/3-2)+T(y*7);for(i=999;i--;)X=(r=Math.random)()*213,Y=r()*122,f(X/7,Y/7)<0?x.fillRect(X*9,Y*9,1,1):t

May 7 2020 12:36 AM UTC

}// 139/140

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

d/18627

u/KilledByAPixel

nice!

show FPS hide FPS share fullscreen

taupelink

remix of d/23648 by u/taupelink

function u(t) {

for(i=q=k=447;i--;x.fillRect(k*X,k+i/Y,-8*q/v,i*(Y-2)/v))f=i*t,X=f*f%7-1,Y=X*f%3-2,x.fillStyle=R(q*=C(X/6)/8-Y/4,i*S(X/2),q^=k,k/q*t),v=t**t

Aug 30 2021 4:04 AM UTC

}// 140/140

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

d/23689

u/rep_movsd

This is superb
u/rfs

What is your process for making these? incredible
u/taupelink

thank you! lots and lots of trial and error, lately aided by https://capjs.3d2k.com/ I keep playing around with variations, e.g.: for the Y-coordinate, k+i*Y,k-i*Y,k+i/Y,k-i/Y each have a different effect
u/taupelink

for those unfamiliar with dwitter-style compact JS code: for a typical dweet of this type, each frame draws a bunch of rectangles. each rectangle has random coordinates for its upper left-hand corner. the RGBA (color and opacity) of the rectangle depends on those coordinates and on some other parameter that gets modified with each step. The dimensions of the rectangles shrink over time, thus adding finer-grained detail