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

ElisionFR

remix of d/17692 by u/iznax

function u(t) {

c.width|=i=c.i%12|0
x.font="32em Eggzes"
c.onclick=a=>c.i=i+2
d="🥚🐣🐥🐤🐓🍗"
x.fillText(d[i]+d[i+1],640+S(t*29)*25*!i,850-(i==4)*S(t%3.14)*200)

Feb 23 2020 9:15 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 IT !

u/joeytwiddle

#cute #bird #food
u/aleamb

#interactive
u/yukulele

nice story but the ending is a little sad 😢
u/davidsover

F

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𮁛𡠽𙱦𪑬𫁒𩑣𭀧𧐨𦀬𝐳𛀸𛁣𛡷𪑤𭁨🐹𞐩𞡚👘🐭𞐻𦠾𛐹🱸𦱆𧐨𥰬𦠭𛐬𜠬𝐩𞠨𥰽𦀫𜰬𦠽𝐵𚐻𣰽𜐵𚰹𚡓𚁴𚐻𠠽𭀪𞐥𝰰𛐱𜐻𩡯𬠨𪐽𞐻𪐭𛐻𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡘👥𛡸𛰶𚑩𘐽𥰭𣰾🠳𯁼𦠭𠠾🠳🱸𦱆𧐨𪐪𞀫𣰬𠠬𘑵𦱩𧐪𝀬𜐲𚐺𭑛𪑝🐱`.replace(/u../g,'')))

May 15 2019 11: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).

#Default Invaders - Shoot with Mouse to Protect your Dweet from the Evil Defaults - #interactive #game

u/KilledByAPixel

Uncompressed... t?x[F='fillRect'](X,53,8,c.width=99):Z=X=-9;Z>-9?x[F](W,Z--,2,5):(W=X+3,Z=55);O=15+9*S(t);B=t*9%70-11;for(i=9;i--;onmousemove=e=>X=e.x/6)i!=W-O>>3||Z-B>>3?x[F](i*8+O,B,!u[i]*4,12):u[i]=1
u/magna

Awesome!
u/prplz

i happen to like default
u/KilledByAPixel

These are evil defaults though, you can tell cause they are lower res then normal defaults.
u/katkip

Wow

show FPS hide FPS share fullscreen

Xen

remix of d/13653 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`琿砮晩汬却祬攽刨焽漮晲敱略湣礮癡汵攽㤵⨨琦ㄲ⩴㰼ㅞ琩┴〷ⱱ⼳ⱃ⡱⭴⤪焩㩯㴨愽湥眠䅵摩潃潮瑥硴⤮捲敡瑥佳捩汬慴潲⡣⹷楤瑨㴹⤻砮晩汬呥硴⡱ⰰⱱ┹⤻漮捯湮散琨愮摥獴楮慴楯温㭯⹳瑡牴⠩㬻`.replace(/u(..)/g,"$1%")))

May 11 2019 5:25 PM UTC

}// 137/140

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

KbaP/Xen: AV2

u/KilledByAPixel

YESSSS! This is awesome.
u/KilledByAPixel

Click the canvas to start the audio! Messages from the AI mothership.
u/aleamb

fucking awesome!
u/aleamb

#sound #compressed #interactive

show FPS hide FPS share fullscreen

f8f82804

remix of d/9669 by u/f8f82804

function u(t) {

t||(X=8);c.onmousemove=e=>{X=e.x/99};c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+X+C(i))),540*(1+C(i*3-t+S(i)))));x.stroke()

Sep 5 2018 4:42 PM UTC

}// 138/140

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

use your #mouse to rotate the view -- #animated

u/donbright

love it!!!!!!!!
u/iverjo

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2025 by u/@literallylara

function u(t) {

c.width^=0
onmousemove=e=>T=e.pageX/42
R=_=>S(s)+(S(s++)>0?0:2)-1
for(s=i=H=540;i--;)x.lineTo(1e3+(R()*C(T)-R()*S(T))*H,H+R()*H)
x.stroke()

Apr 10 2017 11:40 PM UTC

}// 139/140

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

homage to @literallylara 's 2025 with mouse.. (please try moving your mouse over screen)

u/donbright

thanks 2 @cantelope / @manga for T trick, @Jenky for mouse inspiration
u/joeytwiddle

I like the interactivity, and Firefox support. And one of the tricks is really going to save me some characters!
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

timothytomato

function u(t) {

w=window;v=w.v||1;p=w.p+v||0;c.onclick=()=>v=-v*(.5/(v*v)+1)
c.width=192
for(i=10;--i;)x.fillRect(i*10+p,40,5,20)
if(p<-10||p>102){p=0;v=1}

Jan 15 2024 7:42 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 play, don't let it hit the walls! #default #game #interactive

u/tomxor

Hah, the default game :D

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󭽩󭍨󚌡󭌦󙬨󦜽󡬽󥜽󜌩󛍇󟜲󜌬󮬽󨼮󭽩󩍴󪌽󞜹󛍆󟍺󟽆󚼽󝜺󡬽󞜬󫽮󫝯󭝳󩝭󫽶󩜽󭌽󟭙󟝴󛭹󛼵󛍸󚝦󪝬󫍒󩝣󭌨󜬬󦜬󞜬󞜩󛍦󪝬󫍒󩝣󭌨󡬬󦜬󜬬󜬩󛍦󪝬󫍔󩝸󭌨󘬼󘬫󥜬󞌰󛍇󚽓󚌹󚭴󚜪󡼩󛍆󟬸󜌦󙭙󟭇󚽓󚌹󚭴󚜪󡼭󝜦󙭙󟍇󚽓󚌹󚭴󚜪󡼦󙬨󥜫󚼬󡬽󞜩`.replace(/u../g,'')))

Aug 19 2021 1:21 PM UTC

}// 136/140

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

space shooter #game

u/Xen

love it!
u/aleamb

#interactive

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑸𛡕👦𪑬𫁒𩑣𭀬𭀿𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡕𚁘👥𛡸𛁙👥𛡹𛁖𛁖𚐺𥐨𥠽𭠽𭰽𞐬𜀬𮠽𨰮𭱩𩁴𪀽𪑮𫡥𬡗𪑤𭁨𛁺𚐬𥐨𭠫🐨𦀭𭠩𛰸𛁷𚰽𚁙𛑷𚐯𞀬𥠬𥠬𚁘𧡶𚐫𚁙𧡷𚐼𝐿𥠽𜀺𩡩𫁬𤱴𮑬𩐽𤠨𮠩𚐬𩡩𫁬𤱴𮑬𩐽𤠨𩁲𨑷𢑭𨑧𩐨𨰬𠰨𦀩𛁓𚁙𚐩𛁘𛁙𚐻`.replace(/u../g,'')))

Nov 7 2020 4:49 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 mouse to evade enemy. #game

u/yonatan

really good! and pretty
u/Xen

thank you, closest to my original idea that bytes would allow, only thing i would change is more enemies and faster blur
u/DataMeta

noice noice! #interactive

show FPS hide FPS share fullscreen

metamero

function u(t) {

eval(unescape(escape`琿挮睩摴桼㵪㴱㔺猽〻潮浯畳敭潶攽攽㹳㵥⹸⽩湮敲坩摴栻稽㜲㭲㴨愬戬挬搬攩㴾筸⹦楬汓瑹汥㵒⡥㼱㈸㨰⤻砮晩汬剥捴⡡⩺⨴Ɫ⩺Ᵽ⩺Ɽ⥽㭦潲⠻樻⥦潲⡲⡳ⱪⴭⰲ㈬㐬椽㘩㬭⵩㬩爨椫⡳⴮㔩⨨樥㈩ⱪⰲⱺ⤻`.replace(/u(..)/g,"$1%")))

Dec 9 2018 9: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 #CafeWallIllusion

u/metamero

t?c.width|=j=15:s=0;onmousemove=e=>s=e.x/innerWidth;z=72;r=(a,b,c,d,e)=>{x.fillStyle=R(e?128:0);x.fillRect(a*z*4,b*z,c*z,d)};for(;j;)for(r(s,j--,22,4,i=6);--i;)r(i+(s-.5)*(j%2),j,2,z)
u/metamero

#cafewall #illusion #opticalillusion #mouse
u/katkip

nice
u/DataMeta

#hiddengem

show FPS hide FPS share fullscreen

gabrielsroka

function u(t) {

eval(unescape(escape`睩瑨⡸⥯湭潵獥浯癥㵥㴾氨匽攮砬䌽攮礬吽挮睩摴栽㔶㠩ⱸ⹬㵬楮敔漬氨䔽匯㈬䐽䌯㈩ⱬ⡅ⱊ㵄⬹㤩ⱬ⡓ⱆ㵊⨲⤬氨匬䌩ⱬ⡗㵔⼲⭅ⱄ⤬氨圬䨩ⱬ⡓ⱆ⤬氨匬䌩ⱬ⡅ⱄ⤬氨㈪圯㌬䌯㌩ⱬ⡗ⱄ⤬氨匬䌩ⱳ瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Oct 14 2018 8:53 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 #d3 #perspective, see also https://www.khanacademy.org/computer-program…

Show more comments…
u/gabrielsroka

see also https://www.dwitter.net/d/9207
u/gabrielsroka

uncompressed: with(x)onmousemove=e=>l(S=e.x,C=e.y,T=c.width=568),x.l=lineTo,l(E=S/2,D=C/2),l(E,J=D+99),l(S,F=J*2),l(S,C),l(W=T/2+E,D),l(W,J),l(S,F),l(S,C),l(E,D),l(2*W/3,C/3),l(W,D),l(S,C),stroke()
u/gabrielsroka

#cube maybe?
u/pavel

onmousemove=e=>[S=e.x,E=S/2,E,S,S,W=284+E,W,S,S,E,W*2/3,W,c.width=568].map((a,i)=>x.lineTo(a,[C=e.y,D=C/2,J=D+99,F=J*2,C,D,J,F,C,D,C/3,D][i])),x.stroke()
u/yonatan

139 with Path2D: onmousemove=e=>x.stroke(new Path2D('M'+[S=e.x,C=e.y,E=S/2,D=C/2,E,J=D+99,S,F=J*2,S,C,W=274+E,D,W,J,S,F,S,C,E,D,2*W/3,C/3,W,D],c.width=568))
u/gabrielsroka

u/pavel - i was just thinking about trying something similar, but you beat me to it. well done!
u/gabrielsroka

u/yonatan - i was not aware of Path2D. thanks, and well done! i also see my T could be optimized (leftover from a previous iteration)
u/donbright

brava
u/rep_movsd

#underrated

dwitter.net | #Interactive