Top #interactive dweets

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

pavel

remix of d/11426 by u/Quant1um

function u(t) {

t?w=c.width|=onclick=e=>{i+=e.x/7-X/s,j+=e.y/7-Y/s}:s=i=j=X=Y=20
x.fillRect(X+=i*=(i<0?X>0:X<w)||-.7,Y=++j+Y>1e3?(i*=.9,j*=-.7,1e3):Y+j,s,s)

Dec 16 2018 3:34 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 1 remix fullscreen

magna

remix of d/8576 by u/magna

function u(t) {

onmousemove=(e)=>T=e
x.beginPath(c.width|=0)
for(i=500;--i;)x.arc(S(k=i*(T.x*T.y>>2)/32+t)*C(i)*400+900,C(k)*400+500,19,0,7)
x.fill()

Jun 12 2018 7:43 PM UTC

}// 133/140

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

Move mouse to explore patterns! #interactive

show FPS hide FPS share fullscreen

S.T.L.K.R.

function u(t) {

c.width=-1
c.onmousemove=d=>a=d.x
for(i=9;i--;){p=i*30
x.moveTo(0,p)
x.arcTo(3e2,a*i,0,p,9)
x.moveTo(p,0)
x.arcTo(a*i,3e2,p,0,9)
x.stroke()}

May 28 2018 10:59 PM UTC

}// 140/140

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

move your mouse over for grid i guess

u/lionleaf

Awesome #interactive

show FPS hide FPS share fullscreen

trupples

function u(t) {

onmousemove=E=>{c.width=innerWidth;for(i=69;i--;c.style.cursor="none")"@`px|~x\\".charCodeAt(i/7)>>i%7&1&&x.fillRect(E.x-i%7,E.y+i/7,1,1)}

Jan 9 2018 8:31 PM UTC

}// 140/140

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

7x10 cursor

u/joeytwiddle

Haha, excellent!
u/magna

Related: d/2633 and d/3271
u/sigveseb

Sweet :D
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2491 by u/New_Core

function u(t) {

t?x.fillRect(a+=9*C(d),b+=9*S(d),9,9):a=b=k=j=0
d=Math.atan2(j-b,k-a)
s=2e3/c.clientWidth
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 3:40 PM UTC

}// 130/140

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

Woodmouth's ant chasing your mouse

Show more comments…
u/joeytwiddle

Since I couldn't fit the edge detection, I stop the ant when it reaches the target. So I stored the target in k,j
u/donbright

this mouse technique is excellent
u/joeytwiddle

To make him a slow turner: D=(Math.atan2(j-b,k-a)-d+3.14)%6.24-3.14;d+=.05*D
u/joeytwiddle

err I mean 6.28
u/Woodmouth

That's impressive. The slow turn was exactly what i was looking for, but that is sadly just a bit too big.
u/MrM@_S

K=3.14;d+=((Math.atan2(j-b,k-a)-d+K)%6.28-K)/20
u/iverjo

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2455 by u/cantelope

function u(t) {

onmousemove=e=>N=e.pageY/9
for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/N))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)

Apr 9 2017 11:02 PM UTC

}// 140/140

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

mouse movement tunes the pipe

Show more comments…
u/donbright

(i.e. move your mouse over the image)
u/donbright

inspiration @cantelope + @Jenky https://www.dwitter.net/d/2437 + @joeytwiddle https://www.dwitter.net/d/2446
u/cantelope

Fixed "N is not defined" error by using T *which is predefined).. onmousemove=e=>T=e.pageY/9;for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/T))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)
u/donbright

@cantelope that is clever!
u/cantelope

@donbright i learned it from magna :)
u/donbright

thanks @cantelope i used this in d/2025
u/iverjo

#interactive

show FPS hide FPS share fullscreen

parabola

remix of d/1868 by u/farter

function u(t) {

t||(a=[],c.onmousemove=e=>a.push([e.pageX,e.pageY,35,35]));c.width=568;a=a.filter(o=>(x.fillStyle=R(...o),x.fillRect(...o),o[2]=o[3]--))

Mar 4 2017 7:00 PM UTC

}// 136/140

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

u/iverjo

What does R(...o) do?
u/iverjo

Found it :) It's the rest operator in ES6. Cool! https://github.com/lukehoban/es6features#def…
u/iverjo

I meant the spread operator
u/fujimotos

#interactive

show FPS hide FPS share 1 remix fullscreen

marquisdegeek

remix of d/34415 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`󭌿󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭻󦌽󩜮󮌪󨼮󭽩󩍴󪌯󪝮󫭥󬭗󪝤󭍨󯜺󦌽󜌊󨼮󭽩󩍴󪍼󟜰󒭦󫽲󚍩󟜱󜜻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌰󛌶󜌰󚼷󚭫󛌲󩜳󛍫󚜩󮌮󩭩󫍬󤭥󨽴󚌴󞌰󚼨󦌭󞜶󜌩󛼱󜌰󚬨󪼽󜬪󚬨󪜭󜼩󚬨󚌊󚍴󟌲󟽴󛼴󞬱󚜪󭌥󜜩󚬪󜜮󜜸󚼱󚜩󛌶󜌰󛜷󚭫󛌴󚭫󛌹󚭫󚜻`.replace(/u../g,'')))

Oct 13 2025 3:35 PM UTC

}// 136/140

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

Quick hack for desktop: mouse events to offset the position #interactive

u/ximavus

Woah!

show FPS hide FPS share fullscreen

marquisdegeek

function u(t) {

eval(unescape(escape`󥜽󥬽󝬰󜌊󩌽󜼰󜌊󨼮󭽩󩍴󪍼󟝅󟜨󨜬󨬬󬬩󟜾󮽸󛭢󩝧󪝮󤍡󭍨󚌩󛍸󛭡󬭣󚍕󚽡󛍖󚽢󛍲󛌰󛌷󚜬󮌮󬽴󬭯󪽥󚌩󯜊󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭻󦌽󩌭󩜮󮌬󦜽󬌭󩜮󮝽󒭅󚍤󛌰󛌵󜌩󒭅󚍤󛌰󛍕󚜊󡜨󩌬󩌬󬌽󩌯󜬩󒭦󫽲󚌻󛜭󬌻󥜫󟝕󚝅󚌰󛌰󛍰󚜬󡜨󛝘󛼴󛌭󦜯󝬬󞌰󚜬󮌮󩭩󫍬󚌩`.replace(/u../g,'')))

Sep 25 2025 6:08 PM UTC

}// 140/140

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

It's as if the eyes follow you around the room... #eyes #interactive #mouseover

u/cantelope

does not look good in fullscreen haha
u/ximavus

I like it

show FPS hide FPS share fullscreen

lewdev

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝴󟽣󛭷󪝤󭍨󟜹󞜺󚍯󫭫󩝹󩍯󭽮󟝯󫭫󩝹󭝰󟝥󟜾󭍨󪝳󦽠󫍵󬭠󦽥󛭷󪍩󨽨󛜳󝽝󧜽󩜮󭍹󬍥󦼵󧜬󦌽󦜽󜼰󛍡󟝵󟝲󟝬󟜰󚜬󬽡󭭥󚌩󛍴󬭡󫭳󫍡󭍥󚍘󚼽󤼨󨜩󛍙󛜽󠼨󨜩󚜬󬭯󭍡󭍥󚍡󚼽󫌿󛜮󜜺󬬿󛬱󞬮󜌵󚜬󬭥󬽴󫽲󩜨󩭩󫍬󥍥󮍴󚌧󧍵󡌸󜽄󧍵󡍅󡜶󙼬󛜵󛌳󚜩`.replace(/u../g,'')))

Jul 16 2025 11:16 PM UTC

}// 139/140

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

🛦 Fly the Jet with Arrow Keys #interactive

u/lewdev

I removed so much just to get this to fit. It rotates slightly by default so you don't lose the plane immediately.

dwitter.net | #interactive