Top dweets of all time

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

yonatan

remix of d/10685 by u/yonatan

function u(t) {

(t?j:c)[t?'outerHTML':'innerHTML']=h=`<svg id=j><filter id=f><feTurbulence baseFrequency=${t%1}>`
c.style.filter='url(#f)'

Oct 25 2018 5:53 PM UTC

}// 122/140

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

Another SVG filter test

u/yonatan

97 chars: c.innerHTML=<svg><filter id=f><feTurbulence baseFrequency=${t%1} id=p>;c.style="filter:url(#f)"
u/yonatan

actually less, i don't know why there's an id=p in there
u/katkip

#maze

show FPS hide FPS share fullscreen

alice-mx

function u(t) {

for(i=0;i<19;i++) {
x.fillStyle=R(C(t/2)*20+20,i*9,12*(i+4),0.8);
x.fillRect((t*150+i*100)%1920,i*100+S(t+i)*50,100,100)
}

Oct 25 2018 6:04 AM UTC

}// 122/140

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

u/katkip

#waves

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width=190;x.fillRect(0,0,190,107);x.fillStyle='#7fe8';for(j=0;j<121;j++)x.fillRect(0,3*Math.floor(j/11)+T(t+(j%11)*2)*60+39,190,3)

Oct 23 2018 4:40 PM UTC

}// 132/140

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

here's more rectangles cuz i still gotta figure out how arcs work :p

show FPS hide FPS share fullscreen

yonatan

remix of d/10553 by u/yonatan

function u(t) {

c.width=342
y=w=64
for(i=7;i--;x.drawImage(c,0,y-j,j,j,0,0,w,w))for(j=2**i,k=j*j;k--;y+=!X)x.fillRect(X=k%j|0,y,S(k**4-t),.66**i)

Oct 21 2018 9:50 PM UTC

}// 129/140

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

Noise in debug-mode - delete the 342 to fill the viewport

u/yonatan

Maybe chrome does bilinear interpolation and firefox doesn't?
u/Joachim

#noise

show FPS hide FPS share fullscreen

pavel

function u(t) {

if(!t)a=0,i=1050,j=800,x.font="99px a"
with(x)save(),restore(fillText("🚀",!translate(i+=9*S(a+=(t%3-1)/9),j+=9*C(a)),!rotate(2.4-a)))

Oct 21 2018 7:53 AM UTC

}// 133/140

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

u/katkip

cute!

show FPS hide FPS share fullscreen

pavel

remix of d/8136 by u/Friend

function u(t) {

onkeydown=e=>k=e.keyCode-73
w=2e3
s=32
x.fillStyle="hsl("+t*71+",99%,50%)"
t?x.fillRect(p%w,p/w,s,s):p=k=3
p+=2e6+(k<2?-s:s)*(k&1||w)
p%=2e6

Oct 16 2018 10:45 PM UTC

}// 140/140

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

Rainbow Snake - Use IJKL to turn #interactive

u/pavel

Click the canvas once before pressing keys
u/pavel

#snake

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

x.lineWidth=4
c.onclick=e=>S=[e.clientX*3.4,e.clientY*3.4,0,0,6.3]
S[2]<2000&&(x.beginPath(),S[2]+=9,x.arc(...S),x.stroke())

Oct 16 2018 10:54 AM UTC

}// 124/140

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

Click - Concentric circles

u/magna

#interactive
u/katkip

I love it.

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

t||(i=a=n=0,j=1e3,f=n=>n&&f(n>>1)-n&1)
for(z=n<4e4&&44;z--;)f(n++)?x.fillRect(i-=.88*C(A=a*Math.PI),j+=.88*S(A),2,2,a+=1/3):a--

Oct 15 2018 9:39 PM UTC

}// 127/140

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

Koch curve #fractal

u/pavel

This is a turtle graphic, the function f(n) implements the Thue–Morse sequence

show FPS hide FPS share fullscreen

akx

remix of d/10373 by u/akx

function u(t) {

for(var u=255,z=w=8*u,Q=Math.random;z--;)c=(a=Q()*w)/2&u^(b=Q()*w)/2&u,x.fillStyle=`hsl(${6*t+b/9+u},99%,${c/3}%`,x.fillRect(a,b,6,6)

Oct 13 2018 6:30 PM UTC

}// 134/140

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

monte carlo xor squares (fixed)

show FPS hide FPS share fullscreen

rbong

function u(t) {

w=c.width^=0
for(X=w;X--;){x.fillStyle=`hsla(${X/100+t*50},99%,50%)`
x.fillRect(X,0,5,(3-S((X+t*999)*4/w)+C((X+t*55)*3/w))*200)
}

Oct 13 2018 5:47 PM UTC

}// 129/140

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

Rainbow Wave

u/rbong

#rainbow #wave
u/joeytwiddle

I saw a sunset over the desert