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

taupelink

remix of d/36401 by u/taupelink

function u(t) {

eval(unescape(escape`昽⡵Ɱ㴲⤽㹮㽍慴栮浡砨渪⨮㔪昨甭㈪眬渭ㄩⱮ⭦⡵ⴲ⩩Ɱⴱ⤩㨴⩃⡵⤪⨲㭦潲⡩㴴攴㭩ⴭ㭸⹦楬汒散琨㤶〫爪䌨椩ⰵ㐰⭲⩓⡩⤬昨眫㘪椩⩦⡴ⴲ⩩⤦㘫⡩☸⤿〺眬眩⥲㴱㠰⬱㠰⩴ⱷ㴳⩴⨪⠮㔭琪⨭琯㘩`.replace(/u([^D].)/g,'$1%')))

Oct 3 2026 9:22 PM UTC

}// 140/140

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

d/36411 👀

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/3408 by u/magna

function u(t) {

t||(a=Array(w=3e3).fill(0));x.rotate(S(t)*1e-4);for(i=w;i--;x.fillStyle=R(T,T=S(i)*255,T,.3),x.fillRect(i,a[i],9,1))a[Math.random()*w|0]++

Oct 30 2017 2:34 AM UTC

}// 138/140

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

Textile

u/crimbles

If The Matrix was a blanket

show FPS hide FPS share fullscreen

paberr

function u(t) {

w=c.width=1920;h=c.height=1080;k=300
for(i=0;i<50;i++)x.fillRect((i+t*k+(1+S(t+i))*C(t)*k)%w,(t*50+(1+C(t+i))*S(t)*k)%h,10,10)

Feb 22 2017 10:31 PM UTC

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

brennan9629

function u(t) {

for(i=c.width|=2;i--;x.fillRect(960+S(p=.5*i+S(t)*3e3/i*S(t))*(d=i*i/2e3)-i*C(t),50+C(p)*d-i*S(t),s,s))x.fillStyle=R(Z=t*i%1515,s=i/3,55-Z)

Jan 3 2018 4:59 AM 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 fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󟝴󟬱󛍲󟝴󚬳󞜭󜬲󛍥󫍬󪝰󬽥󚌹󝬰󚽲󚭃󚍡󟝴󚬹󞌩󛍦󟼴󞌰󚽲󚭓󚍡󚜺󜜳󜌰󛜸󜌰󚭴󛍴󟽴󟬸󟼱󜼹󞭦󟼱󝜺󝬰󞬲󩜳󛍴󟽴󟬸󟼳󞜺󜜵󞬲󩜳󛍡󛍾󨭥󩽩󫭐󨝴󪌨󩭩󫍬󤽴󮝬󩜽󭌿󤬨󭬽󝬪󭌪󭌬󩬿󭬯󜬺󞜹󚜺󙼣󝭢󩬧󚜬󫍩󫭥󥽩󩍴󪌽󝼩󛍴󟌹󙬦󩭩󫍬󚍳󭍲󫽫󩜨󚜩`.replace(/u../g,'')))

Mar 6 2022 3: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).

Take these seeds... 🌻 #ukraine #flower

u/taupelink

WOW
u/joeytwiddle

Context: https://twitter.com/BBCWorld/status/14973131…

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/13694 by u/vinca

function u(t) {

for(t||(Y=0),X=2e3;X--;x.fillRect(X,0,1,5))x.fillStyle=R(r=255*S(t/C(X/69)+t/C(Y/19)+t/9),r*S(t),r*C(t));x.drawImage(c,0,5+C(t)*3),Y++

May 9 2019 7:37 PM UTC

}// 134/140

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

slight remix

u/vinca

Irregular scrolling is funny :)
u/Xen

#scroll

show FPS hide FPS share fullscreen

taupelink

remix of d/23806 by u/taupelink

function u(t) {

k=120;for(i=k;i--;)
f=97*i*t,X=f*f%16,Y=X*f%9,
x.fillStyle=R(q=i*2,q*=1+S(X*.6),q*=1-S(Y*.8+1.2),q**-t),
x.fillRect(k*X,k*Y,k/5**t,i)

Sep 8 2021 1:50 AM UTC

}// 133/140

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

d/23810 figure 2

Show more comments…
u/taupelink

Changes from figure 1:
u/taupelink

f=97*i*t: I added the "97*" to improve the quasi-random numbers. If you omit it from this dweet, then artifacts appear reflecting small values of f.
u/taupelink

q*=1+S(X*.6): I added the "*.6" to zoom in horizontally. I wanted the picture to have just one vertical red bar.
u/taupelink

q*=1-S(Y*.8+1.2): vertical zoom and translation, positioning the green bars so they look a little like riverbanks. The constants here were found entirely by trial-and-error.
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

Varying alpha inversely with brightness can create interesting effects. Here, it varies with t as well. This contributes to the texture of the river. Again, I came across this formula by trial-and-error.
u/taupelink

So that's how I ended up with a red bridge across a river. An inky shadowy red river bridge, if you will.
u/taupelink

(sorry about the repeated comment above...if a moderator could delete those, and this request comment, that'd be great. Thank you!)
u/taupelink

More about how the q**-t works: the taller, brighter blues are more transparent. The shorter, darker ones stand out more, appearing as dark horizontal lines.

show FPS hide FPS share 2 remixes fullscreen

sfz

function u(t) {

for(i=99;i--;){a=(S(t)+1)*2e3/i
b=(C(t)+1)*1e3/i
x.beginPath()
x.arc(0,0,(a**2+b**2)**.5,0,Math.atan2(a,b),0)
x.strokeStyle=R(b)
x.stroke()}

Mar 12 2017 5: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).

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=9;i--;x.font="6em a",x.fillText("🖐",100*(4+i+3*S(t)),610-20*C(t+i)));x.fillStyle='brown';x.fillRect(0,600,2e3,2e3);

Oct 15 2021 8:13 AM UTC

}// 130/140

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

Zombie default #scarymovies

u/danny@hille.dk

just an idea ->c.width=300;for(i=9;i--;x.fillStyle='#a72')x.fillText("🖐",i*19+72+19*S(t),70-2*C(t+i));for(i=19;i--;)x.fillRect(i*16,70-T(i+12)/4,15.5,2e3)
u/Agnes

Oh, like they're reaching over a fence? That's a fun interpretation, I was going for "hands poking out of dirt" but obviously a brown rectangle can be anything.
u/Smiley1000

To me, that looks like blood

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.width=-1
f=(u,v,a,r)=>r<1?x.lineTo(u,v):f(u+S(a)*r,v+C(a)*r,a*(z=0|t)+t/z,r/3)
for(i=1e3;i--;)j=i*2*Math.PI/999,f(150,84,j,55)
x.stroke()

Oct 17 2018 6:43 AM UTC

}// 139/140

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

u/BalintCsala

What a coincidence https://math.stackexchange.com/questions/183…
u/yonatan

Wow! that's exactly how this works (circles around circles around circles)
u/katkip

Awesome
u/joeytwiddle

Yeah these wobbly circles are cool #spirograph #pattern
u/katkip

this is a low iteration #fractal