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 fullscreen

MrM@_S

function u(t) {

onkeyup=e=>frame=0
t||(c.width=600)
onmousemove=e=>{E=e.pageX,X=e.pageY}
onmousedown=e=>T=!T
T||x.lineTo(E,X)
x.drawImage(c,200,!x.stroke())

Apr 27 2017 5:21 PM UTC

}// 140/140

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

[drawing tool] Click to turn off draw. Click again to draw a straight line to your mouse. Press any key to clear. It draws in 3 screens

u/iverjo

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2495 by u/joeytwiddle

function u(t) {

t?s=2e3/c.clientWidth:(a=b=B=A=1,k=j=2)
K=k-a
J=j-b
Q=K**2+J**2
x.fillRect(a+=A+=K/Q,b+=B+=J/Q,9,9)
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 10:43 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 = gravitational body (explanation https://www.patreon.com/posts/simulating-in-… )

u/joeytwiddle

Nice :) For a few spare bytes, you could place the body with onclick
u/gabrielsroka

#interactive
u/donbright

#physics

show FPS hide FPS share fullscreen

mxfh

function u(t) {

t||(c.onmousemove=e=>x.lineTo(e.pageX*3.3,e.pageY*3.3),c.onwheel=e=>{x.lineWidth+=e.deltaY,e.preventDefault(),x.beginPath();})
x.stroke()

Mar 23 2017 3:24 AM UTC

}// 137/140

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

u/sfz

the wheel is a nice easter egg!
u/mxfh

for fullscreen remove the factor. or calculate new as c.width/c.scrollwidth
u/mxfh

#interactive #draw

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/1290 by u/gabrielsroka

function u(t) {

onclick=e=>c.width^=0
r=Math.random
i=t&&i<250?i+6:(X=r()*1920,Y=r()*1080,0)
with(x)beginPath(),fillStyle=R(i),arc(X,Y,255-i,0,6.28),fill()

Feb 26 2017 11:13 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 to clear

u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

Kalanchoe

function u(t) {

r=.2958
t?c.onmousemove=e=>{d=r*X-e.clientX;D=r*Y-e.clientY;R=d*d+D*D;c.width^=0;x.fillRect(X+=s*d/R,Y+=s*D/R,9,9);s-=1}:(X=960,Y=540,s=500)

Feb 26 2017 10:18 AM UTC

}// 140/140

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

"she's just shy until you get to know her"

u/sigveseb

:D
u/joeytwiddle

That's fun! :D #interactive #game

show FPS hide FPS share fullscreen

yokiebob

function u(t) {

t?(w=T<100,C+=w,c.width|=0,x.font="99px Arial",x.fillStyle=w?0:"#f00"):T=C=0,document.onkeyup=a=>T++
x[l="fillText"](T,0,99)
x[l](C,0,200)

Apr 13 2025 12:20 AM UTC

}// 138/140

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

hit 100 keys #interactive

u/cantelope

would be better with a brief countdown / intro... hard to race if you're not ready! fun

show FPS hide FPS share fullscreen

dabl03

remix of d/32266 by u/HardlyProductive

function u(t) {

if(!t)X=Y=0,
onmousemove=e=>x.fillRect(X=f(e.x),Y=f(e.y),90,90);
x.fillStyle=`rgba(${255*C(X)},${255*C(Y)},0,.4)`;
f=a=>~~(a*3.36/99)*99;

Aug 21 2024 8:26 PM UTC

}// 140/140

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

Reveal hidden pattern with mouse #pattern #mouse

u/SockTaters

Lovely! This seems dangerously close to being a game
u/lewdev

#interactive nice!
u/Yellowsam

If you move your mouse too quickly, you'll smear the colors

show FPS hide FPS share fullscreen

lewdev

function u(t) {

eval(unescape(escape`󭌿󨼮󭽩󩍴󪌽󝬰󞬨󦌽󦜽󜼰󛍁󟝂󟜹󛍬󟝵󟝲󟝤󟜰󛍯󫭫󩝹󩍯󭽮󟝯󫭫󩝹󭝰󟝥󟜾󭍨󪝳󦼧󫍵󬭤󙽛󩜮󭽨󪝣󪌭󜼷󧝝󟝥󛭴󮝰󩝛󝝝󚜊󦌫󟝲󟼱󞭬󟼭󜜺󜌊󦜫󟝤󟼱󞭵󟼭󜜺󜌊󩭯󬬨󪜽󜬻󪜭󛜻󚝸󛭦󪝬󫍔󩝸󭌨󦼮󛬮󙽜󭝄󞌳󠽜󭝄󡭃󜽜󭝄󞌳󡍜󭝄󡍅󜜧󧝛󪝝󛍩󟽁󞭘󛍩󟽂󞭙󚜻`.replace(/u../g,'')))

Aug 9 2024 12:11 AM 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 dangerous to go alone! Take this. (use arrow keys) #interactive

show FPS hide FPS share 2 remixes fullscreen

lewdev

remix of d/32211 by u/lewdev

function u(t) {

t?onmousemove=e=>(X=e.x*3,Y=e.y*3):X=Y=9
for(c.width|=i=0;i<46;i++,x.font=C(t+i)*90+150+"px'")x.fillText('✨',S(t+i)*800+X,C(t+i)*400+Y)

Aug 7 2024 4:53 AM UTC

}// 135/140

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

✨ Rotating Emojis #interactive #onmousemove

show FPS hide FPS share fullscreen

timothytomato

remix of d/29669 by u/timothytomato

function u(t) {

x.strokeStyle="#"+frame*2
x.strokeRect(1,1,1918,1e3)
onmousemove=(e)=>x.drawImage(c,e.x,e.y,1870,1030)
x.drawImage(c,0,0,1870,1030)

Mar 17 2024 10:21 PM UTC

}// 131/140

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

chaos but #interactive (move mouse over canvas)

u/Xen

this makes my soul happy

dwitter.net | #interactive