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

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 fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭌿󠝛󪭝󚼽󞜫󪬺󠬽󦽷󟜳󜌰󛍷󛍪󟜱󛍁󟝛󞌱󜌬󛝷󧝝󒭦󟝣󛭷󪝤󭍨󯌽󩜽󜌊󩭯󬬨󪜽󪬫󜜻󪜭󛜻󩜽󣝡󭍨󛭭󨝸󚍥󛍡󚜩󮌮󩭩󫍬󤭥󨽴󚍡󟝁󦽩󧜬󜜰󜼰󛝩󚬵󜌬󨬽󠭛󪝝󛌵󜌩󛍦󟝍󨝴󪌮󫝩󫬨󩬬󨜫󨬩󒭯󫭭󫽵󬽥󩍯󭽮󟝟󟜾󠭛󠝛󪭝󟝥󛍪󧜽󠭛󠝛󚼫󪭝󟜭󭼬󪭝󟝦󟭥󙬦󩬭󩜻`.replace(/u../g,'')))

Jul 2 2026 12:52 AM UTC

}// 139/140

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

Stacking Game 📦 #interactive

u/KilledByAPixel

click when block is over top of previous. reload to try again. can you get to the top?

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.

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭌿󨼮󭽩󩍴󪍼󟝯󫭭󫽵󬽥󩍯󭽮󟝟󟜾󥌽󜌺󚍘󟝙󟜵󜌰󛍖󟝗󟜲󞜩󒭔󟽯󫭭󫽵󬽥󭝰󟝟󟜾󥌽󜜺󥬽󚍗󟝅󛭹󛼳󛝙󛼹󛍅󛭸󚬳󛝘󚜯󞜊󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭅󟝥󒭸󛭦󪝬󫌨󮌮󨝲󨼨󦌫󟝖󚬽󚍘󚽖󛜹󝬰󚜪󚬲󟌷󩜵󟼱󞬭󛬸󛍙󚼽󥼪󟜨󦜫󥼭󝜳󜌩󚬪󜬼󜭥󝜿󜜫󜜯󥼺󛜮󞌬󞜹󛌰󛌹󚜩`.replace(/u../g,'')))

Jun 24 2023 8:27 PM UTC

}// 140/140

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

Bounce the Ball ⚫ #interactive

u/magna

#physics

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

t?onclick=e=>{for(p=i=1;++i<=z**.5*p;p&&=z%i);x[f](!!p,99,800)}:x[f='fillText']((z=(r=Math.random(x.font='2in"')*1e7|0)+'1379'[r%4]),99,400)

Dec 31 2022 9:20 PM UTC

}// 140/140

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

Is It Prime? Make your guess and click to reveal the answer. Reload for a new random number.

u/KilledByAPixel

There is around a 13% chance of a prime, good luck! #interactive #game

show FPS hide FPS share 1 remix fullscreen

GreyHope

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝴󟽯󫭣󫍩󨽫󟝥󟜾󨝛󝌸󧜮󪌫󚼺󨜽󦽝󒭦󫽲󚍩󟜹󝼻󪜭󛜻󚝴󯍼󨜮󬍵󬽨󚍻󪌺󜜬󭍽󚜊󨜮󩭯󬭅󨝣󪌨󚍢󛍩󚜽󟭻󒭢󛭴󚼽󚌱󚽡󦽩󙬦󪜭󜝝󛭨󚽡󦽩󟜽󞜶󟼰󞭩󚼱󧜮󪌭󨬮󪌪󜼩󛼱󜌊󮌮󫍩󫭥󥍯󚍩󚬲󜌬󪜦󙭩󘜽󞜶󙬦󚍢󛭨󚼽󨬮󭌪󟜮󞜩󚬵󝌰󚜊󯜩󒭸󛭦󪝬󫌨󚜻`.replace(/u../g,'')))

Jun 28 2021 3:31 PM UTC

}// 139/140

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

Click Me

u/GreyHope

#water #interactive
u/Xen

love it!!
u/Xen

a[e.x/6|0] to drop by mouse
u/GreyHope

Ah, thanks. I’ll use that.

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/22982 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝩󟜱󜌳󝬸󞼭󛝩󞽶󟜽󜭼󭬦󜼪󘝔󦽓󟝩󚼨󪜪󭍞󪜩󙜳󛜱󚼨󭬾󜝼󤼦󜜿󭬦󜬿󛝷󞭷󞬰󚝝󟽔󦽩󧜽󚍔󦽓󧜽󭬩󙬲󟽶󛜲󞬰󞭯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󥍛󭼪󚍥󛭹󚬨󭼯󟝩󫭮󩝲󥽩󩍴󪌩󯌰󚜫󩜮󮌪󭽼󜍝󟝥󛭢󭝴󭍯󫭳󚝸󛭦󪝬󫍒󩝣󭌨󪜥󭼬󪜾󟬷󛌱󛌨󭬽󥍛󪝝󚜯󝜩`.replace(/u../g,'')))

Jun 4 2021 4:58 PM UTC

}// 140/140

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

Tiny Sandbox ⌛ Use mouse buttons to place... None 🧼 Erase, L 🌊 Water, M 🧱 Wall, R ⚡️ Lightning Eraser, L+M ⌛️ Sand, R+M 🌱 Vines, L+R ⛈️ Rain Storm, L+M+R 🌪️ Sand Storm

u/KilledByAPixel

Add the code onmousedown=oncontextmenu=_=>!1 to improve usability (prevents other mouse events)
u/KilledByAPixel

#interactive #physics #game
u/KilledByAPixel

#sand
u/SockTaters

This amazes and confuses me. I am stupefied

dwitter.net | #Interactive