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/23843 by u/taupelink

function u(t) {

for(i=k=170;i--;x.fillRect(k*X,k*Y,q*S(12*Y)/t**t,k*C(9*Y)/t))f=i*i*t,X=t*f%12,Y=X*f%7,x.fillStyle=R(q=i*(1-C(X*.56)/2),q*=1-S(Y)/3,q^i,i/q)

Sep 14 2021 6:10 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/23854

u/taupelink

Available as an art print: https://society6.com/product/green-and-gold-…
u/taupelink

Pattern available as a T-shirt: https://society6.com/product/green-and-gold-…

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/8921 by u/Xen

function u(t) {

for(Y=i=599;i--;x.fillRect(C(t)*Y*C(t/7)+Y+C(i)*Y*C(i-t/9),S(t)*Y*S(t/9)+Y+S(i)*Y*S(i-t/3),9,19))x.fillStyle=R(Z=199*C(t*i/9),Z/2,Z*C(i),.6)

Jul 23 2018 4:52 PM UTC

}// 140/140

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

Texture2

u/joeytwiddle

I see tree roots and rivers in the sand #texture #organic
u/DataMeta

Totally dope. Reminds me of Quake-era textures, while being its own thing

show FPS hide FPS share fullscreen

SubZtep

function u(t) {

q=Math.floor(t),t-q<.2&&(c=Math.floor(255*Math.random()),x.fillStyle=R(c,c,c,1),x.fillRect(25*q,440,1920,Math.floor(200*Math.random())+99));

Feb 22 2017 3:42 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

Knifa

remix of d/6343 by u/Knifa

function u(t) {

c.style.background='black'
for(i=0;i<192;i++)for(j=0;j<32;j++){q=i-96;r=j-16
x.fillStyle=R(S(t*q*r/10)*255)
x.fillRect(i*8+200,j*8+360,8,8)}

Jan 22 2018 4:51 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/41407

Cool! Change first line to c.style.background=R(0) to get it done in 137 chars :)
u/Knifa

cheers! didn't think of that :D
u/zanella

You can reduce to 136 actually! c.style.background=R()

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

c.style.letterSpacing=-81+'px'

c.width|=0
x.fillRect(0,0,2e3,2e3)
x.font="86em impact"
x.fillStyle="#FFF"
x.fillText("DWEET",-34,1080,1900)

May 16 2019 12:36 AM UTC

}// 140/140

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

Testing out canvas.style.letterSpacing, works in Chrome, not in Firefox.

u/katkip

Works in firefox too for me

show FPS hide FPS share fullscreen

hscells

remix of d/2739 by u/hscells

function u(t) {

x.fillStyle=`hsl(${9*t},99%,60%)`
x.rotate(t*Math.PI)
x.fillRect(0,0,99,2e3)
x.setTransform(1,0,0,1,S(t)*2e2,C(t)*2e2)
x.translate(990,480)

May 16 2017 9:39 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 fullscreen

wbbradley

remix of d/9021 by u/wbbradley

function u(t) {

c.width=1920
for(i=0;i<15;i++){
j=i/19.
x.font=178+i*39+'px s'
r=150
x.fillText('⚜',780+r*C(t)*j-i*20,590+r*S(t)*j+i*20)}

Aug 1 2018 2:29 AM UTC

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

rodrigo.siqueira

remix of d/34353 by u/rodrigo.siqueira

function u(t) {

for(i=2e3;i--;x.fillRect(i,t*120,.6,z*2))for(z=0,j=7;--j;x.fillStyle=`hsl(${Y*Y},55%,${Y*9}%)`)z=5*S(Y=S(t/j)+S(z+t)*5+j)**2-S(i/30/j)/99

Sep 23 2025 9:38 PM UTC

}// 137/140

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

Soil layers

u/cantelope

jimmy hoffa's current view
u/cantelope

too soon?
u/ximavus

lol
u/lewdev

Based on how many layers, it might be too soon. lol

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

for(c.width|=i=3e2,d=1-i/2e2;i--;)x.beginPath(x.arc(960,540+S(t+i/3*99)*99*d,i*4,0,7),x.stroke())

Oct 15 2021 11:55 AM UTC

}// 97/140

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

u/joeytwiddle

I perceive movement inwards, but the code says the only movement is up and down! 🤯 Want proof? Try growing i slowly with i=t*3|0. Or try reversing the movement with t-i/3 instead of t+i/3.
u/joeytwiddle

This is also a rare-ish example of inverted Moire, by which I mean the interference patterns which most stand out are white rather than black.
u/joeytwiddle

The remix simplifies the effect, making it a little easier to see what's happening.

show FPS hide FPS share fullscreen

UEZ

remix of d/29127 by u/baon

function u(t) {

for(f=(x,y)=>x*x+y*y+S(x+t)+S(y-t)+1,c.width|=k=12,p=i=80;i--;)for(j=p;j--;x.fillRect(500+k*i,p+k*j,a,a))a=(2+S(t+i*j))*k/f(6*i/p-3,6*j/p-3)

Dec 15 2023 1:01 PM UTC

}// 140/140

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