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: #Opposites

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡥𛡢𭑴𭁯𫡳🱔🰨𡐽𩐬𪐽𥀽𜀬𠐽𦱝𚐺𠐮𬁵𬱨𚁻𮀺𩐮𮀬𮐺𩐮𮑽𚐺𥀿𜀺𥀽𥠽𩐺𠐽𦱝𞱣𛡷𪑤𭁨👩𫡮𩑲𥱩𩁴𪀻𫀽𠐮𫁥𫡧𭁨𞱔𙠦𫀦𙠨𨐽𠑛𪐫𚰥𫁝𛁡𛡸𚰽𥠮𮀭𡐮𮀬𨐮𮐫👖𛡹𛑅𛡹𚐻𩡯𬠨𨐠𫱦𘁁𚑸𛡦𪑬𫁒𩑣𭀨𨐮𮀬𨐮𮐬𞐬𞐩`.replace(/u../g,'')))

Jul 16 2019 4:03 PM UTC

}// 139/140

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

Draw a squiggle and watch it move #interactive

u/katkip

This is so clever
u/PotatoImaginator

how does this work ? plz explain

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡵𦰱𧐽𩐮𮀯𝠻𭀦𙠨𦐫𞐹𚐥𜠵𝐿𨰮𭱩𩁴𪀽𞐹𞠨𭑛𜁝👘👙🐲𜀬𥠽𥰽𜐩𞱵𦰰𧐽𦀭𝰫𞐪𤰨𭀫𠰨𭀩𚐻𮁛𡠽𙱦𪑬𫁒𩑣𭀧𧐨𦀫👖👘𙐹𝠿𥠺𛑖𛁙𚰽𥰬𜠬𜠩𞱦𫱲𚁩🐲𞱩𛐭𞱗👙🐽𢀦𦀾𢐭𜠦𦀼𢐫𜐶🰭𥰺𥰩𮁛𡡝𚁉👵𦱩𧐬𢀽𪐪𝐳𛀱𝠬𜰩`.replace(/u../g,'')))

May 16 2019 5:08 AM UTC

}// 140/140

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

PONG! #game #interactive #pong

u/KilledByAPixel

umcompressed... onmousemove=e=>u[1]=e.x/6 t&&(Y+99)%255?c.width=99:(u[0]=X=Y=20,V=W=1) u[0]=X-7+9*S(t+C(t)) x[F='fillRect'](X+=V=X%96?V:-V,Y+=W,2,2) for(i=2;i--;W=Y==H&X>I-2&X<I+16?-W:W)x[F](I=u[i],H=i*53,16,3)
u/KilledByAPixel

fixed uncompressed... onmousemove=e=>u[1]=e.x/6;t&&(Y+99)%255?c.width=99:(u[0]=X=Y=20,V=W=1);u[0]=X-7+9*S(t+C(t));x[F='fillRect'](X+=V=X%96?V:-V,Y+=W,2,2);for(i=2;i--;W=Y==H&X>I-2&X<I+16?-W:W)x[F](I=u[i],H=i*53,16,3)
u/katkip

I won

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.onclick=e=>{Y=K}
c.width|=K=1e3
Y=t?Y:0
x.fillRect(X=t*500%2e3,9,B=50+(10<Y&Y<99)*(950<X&X<K)*99,B)
x.fillRect(K,Y?Y-=20:K,9,50)

Mar 17 2019 2:46 PM UTC

}// 130/140

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

William Tell (remake of my first game on C=64) - click to shoot the black "apple"

u/katkip

#game
u/katkip

#interactive

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 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 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

dwitter.net | #Interactive