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 2 remixes fullscreen

xem

remix of d/7401 by u/xem

function u(t) {

c.width=innerWidth;c.onmousemove=e=>B.push([e.x-X,e.y-Y,X=e.x,Y=e.y])
B.map(i=>x.fillText("⚫",i[2]+=i[0],i[3]+=i[1]))};{B=[X=Y=0]

Mar 21 2018 9:11 PM UTC

}// 129/140

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

u/yonatan

c.width=innerWidth is a great idea
u/xem

Move mouse to throw projectiles :)
u/xem

(c.width=innerWidth makes it work in fullscreen and not-fullscreen. Thanks to Balint Csala for the trick)
u/joeytwiddle

#interactive

show FPS hide FPS share 1 remix fullscreen

4ce

remix of d/26356 by u/magna

function u(t) {

eval(unescape(escape`瑼籣⹩湳敲瑁摪慣敮瑈呍䰨≢敦潲敢敧楮∬怤筨㴧㱩湰畴⁴祰攽牡湧攠楤㴧絘㹘夤筨絙㹠⤻挮睩摴栫㴰㭦潲⡩㴹㤹㭩ⴭ㬩砮汩湥呯⠹㐰⭃⡩⼳〪堮癡汵攫琩⨳〰ⰵ㐰⭓⡩⼳〪央癡汵攫琩⨳〰⤻砮獴牯步⠩`.replace(/u([^D].)/g,'$1%')))

Oct 19 2022 9: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).

Lissajous shapes(curve) 10k variations! , "i/30" from d/25915 ; Tags: #html #interactive

u/4ce

autoCompressOff: t||c.insertAdjacentHTML("beforebegin",`${h='<input type=range id='}X>XY${h}Y>`);c.width+=0;for(i=999;i--;)x.lineTo(940+C(i/30*X.value+t)*300,540+S(i/30*Y.value+t)*300);x.stroke()
u/4ce

u/cantelope #slider #controls
u/4ce

I tried say=>' "i/30" from d/25915 ': if change some "30" can have little other result and what : d/25915 remix source too, but many parametrs just coincidence... "10k"==X.value*Y.value . ~_^⠀GoodLuck!

show FPS hide FPS share fullscreen

384.cz

remix of d/25471 by u/Joachim

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𮠽𝀰𜀻𭀿𬐭👰𛱺𞡱👰🐰𞱯𫡭𫱵𬱥𫑯𭡥👥🐾𬀽𩐮𮀭𮠻𩡯𬠨𪐽𝁥𝀻𪐭𛐻𮀮𩡩𫁬𤱴𮑬𩐽𤠨𪐯𜠰𜀬𥀨𪐥𮠯𞐭𬐩𚠲𜀬𜀩𛁸𛡦𪑬𫁒𩑣𭀨𜠰𜀫𚁩𙑺𛐹𞐩𚡙𛀹𞐫𦐪𞐫𠰨𜰰𛱙𚱴𚠹𚐪𥀨𪐥𮠯𞐭𬐩𚡙𛁙𛁙𛰹𚐩𦐽𪐯𜡥𜰠`.replace(/u../g,'')))

Sep 4 2022 10:44 AM UTC

}// 131/140

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

u/cantelope

ha! why wouldn't you mention that it's interactive! :D
u/384.cz

#interactive
u/vain

nice one!

show FPS hide FPS share fullscreen

GreyHope

remix of d/23248 by u/GreyHope

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝴󟽯󫭣󫍩󨽫󟝥󟜾󨝛󩜮󮌯󝭼󜍝󛭨󚼫󞭡󟝛󧜻󩭯󬬨󪜽󞜷󞽩󛜭󞼩󭍼󯍡󛭰󭝳󪌨󮽨󞬱󛍴󯜩󞽡󛭦󫽲󡝡󨽨󚌨󨬬󪜩󟜾󮽢󛭴󚼽󚌱󚽡󦽩󙬦󪜭󜝝󛭨󚽡󦽩󟜽󞜶󟼰󞭩󚼱󧜮󪌭󨬮󪌪󜼩󛼱󜌻󮌮󫍩󫭥󥍯󚍩󚬲󜌬󪜦󙭩󘜽󞜶󙬦󚍢󛭨󚼽󨬮󭌪󟜮󞜩󚬵󝌰󚝽󚜻󮌮󩭩󫍬󚌩`.replace(/u../g,'')))

Jun 29 2021 7:44 AM UTC

}// 140/140

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

Click Me (improved version)

u/GreyHope

Thanks to #Xen
u/Xen

Very welcome
u/GreyHope

#water #interactive

show FPS hide FPS share fullscreen

pavel

remix of d/18577 by u/trusktr

function u(t) {

c.parentNode.style='perspective:4in';onmousemove=e=>c.style=`background:tan;transform:rotateY(${e.x-284}deg)rotateX(${160-e.y}deg)scale(.7)`

May 3 2020 2:29 AM UTC

}// 140/140

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

Tan plane looking at your mouse

u/pavel

#interactive #mouse
u/pavel

I tried doing this in js but its just too hard to fit!
u/pavel

168 c.width|=onmousemove=e=>T=e;b=.6-T.y/264;e=g=>C(i)*g(1-T.x/264);f=g=>S(i)*g(b)+e(S)*g(b-1.6);for(i=.8;i<6;x.fill(x.lineTo(960+e(C)/z,540-f(C)/z)))i+=1.57,z=(2+f(S))/960
u/pavel

This post looks better with rotation angles divided by 2 but I couldn't figure out how to fit it.

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

R=C;onmousemove=e=>C[~~(e.x/4.4)*64]=1;for(c.width=128,m=8192;m--;n?R[m+1]?0:o<64-1?C[m]=0*(C[m+1]=1):0:0)x.fillRect(m/64|0,o=m%64,n=R[m],n)

Aug 27 2019 11:31 AM 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 the canvas. Also, try changing 64-1 to 64

Show more comments…
u/mildlybean

Sorry mobile users
u/katkip

awesome
u/metamero

so relaxing #interactive
u/katkip

It's like a City Builder
u/username

Why you use 64-1 instead of 63? 😂
u/tomxor

because that would only be 139 chars silly :P
u/atgz

138* :P

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/12331 by u/pavel

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🠨𨰮𭱩𩁴𪁼👓👃🐰𛁔👥𚐻𩡯𬠨𪠽𜑥𜰻𪠭𛐻𮀮𩡩𫁬𤡥𨱴𚀹𝐷𚰴𝐰𚡓𛀵𜰷𚰴𝐰𚡃𛀵𛀵𚐩𬰽𣑡𭁨𛡲𨑮𩁯𫐨𚐼𛠵🰭𜐺𜐬𠐽𚁍𨑴𪀮𪁹𬁯𭀨𤰫👔𛡸𛰲𞀴𛐱𛁃𚰽𥀮𮐯𜐶𜀭𜐩𚱓𚐯𜠬𠰽𚁃🀰🰭𬰺𬰩𚠨𠐭𤰩𚠪𛠵𛁓👳𚡁𚠪𛠵`.replace(/u../g,'')))

Jul 9 2019 5:20 PM UTC

}// 137/140

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

#julia set explorer ~ Use the mouse to control!

Show more comments…
u/katkip

Cool! #compressed
u/donbright

woohoo!
u/stefano

Rookie question.. Is this using Web Assembly? If so, how do I get started?
u/metamero

replace eval with throw to see uncompressed JS code
u/stefano

Awesome, thanks
u/katkip

beautiful
u/KilledByAPixel

Thank you, but pavel did the hard part.
u/aleamb

#interactive #fractal
u/lud

Dragon curve?

show FPS hide FPS share fullscreen

pavel

remix of d/13902 by u/KilledByAPixel

function u(t) {

for(c.width|=S*S<2e4|C*C+9*C>55?onclick=_=>v=-20:S=v=m=0,C=64-m++%98,S+=v++,i=3;i--;)x.fillRect(591+!!i*C*25,[S+491,0,720][i],s=i?360:98,s)

May 17 2019 4:24 AM 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 flap #interactive #game

Show more comments…
u/pavel

Should give you plenty of characters for an improved compressed version
u/KilledByAPixel

amazing
u/joeytwiddle

Fantastic!
u/username

well, it is not like Flappy Bird anymore. it is just two squares at the same position all the time instead of tubes at random heights
u/username

and I feel like it is constructed in a way that makes any improvements very hard
u/KilledByAPixel

it's a demake of a demake. some really good ideas though, i've already used them to chip off a few more bites from my version
u/pavel

#physics
u/IV

needs the airwolf theme tune :)
u/pavel

#flappybird

show FPS hide FPS share fullscreen

Quant1um

function u(t) {

t||(l=r=9,m=0,k=.02,d=.05,c.onclick=e=>r=e.y/28)
for(c.width|=i=99,x.lineWidth=l+=m+=k*(r-l)-m*d;i--;)x.lineTo(S(i/3)*80+960,i*l)
x.stroke()

Sep 18 2018 12:00 PM UTC

}// 140/140

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

Interactive damped spring simulation #physics #interactive

u/Quant1um

You can try different stiffness(k) and dampening(d) factors
u/donbright

yayyy
u/Quant1um

u/donbright, https://www.myphysicslab.com/pendulum/double…
u/Quant1um

Ow, sorry, this meant to be under double pendulum post

show FPS hide FPS share fullscreen

icecuber

function u(t) {

F=x=>x%1*(x%1-1)*9+S(x);c.width=89;for(i=8;i--;)x.fillRect((i%4-t%1)*50,i*16&64,16,F(i%4+t<<1)*7-(i&4)*9+11);x.fillRect(9,(F(t*2)*7+32),5,5)

Aug 6 2016 1: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).

u/sigveseb

flappy bird!
u/iverjo

Funny :D
u/lionleaf

#game #interactive #floppy #floppybird
u/rodrigo.siqueira

#FlappyBird

dwitter.net | #Interactive