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

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/28043 by u/KilledByAPixel

function u(t) {

t?c.width=99:V=W=X=Y=1
onmousemove=e=>(V=e.x/56-X/9,W=e.y/50-Y/9)
x.fillText('⬤',X+=V*=(X+V-45)**2<2e3?1:-.8,Y+=W*=Y+W<54?1+.1/W:-.8)

Jun 26 2023 10:37 PM UTC

}// 133/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 #uncompressed

u/lewdev

OMG, it works with your mouse too!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15581 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󪜽󜬰󜌊󭌿󦜫󟝖󚼽󬜪󬜼󪜿󛝖󛜮󝜺󥬼󜜿󛬰󜜺󜌺󦌽󦜽󥬽󜌊󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭘󟝥󛭸󛼳󒭦󫽲󚍣󛭷󪝤󭍨󯌽󬼽󜜻󪜭󛜻󬼯󟜮󞜸󚝦󫽲󚍪󟜳󜌻󪬭󛜻󮌮󩭩󫍬󤭥󨽴󚌹󝬰󚽳󚬨󬜭󪬯󝌫󠼨󪬪󩌩󚭪󛼹󚜬󜜱󜌰󛝩󚬶󛝳󚬨󜬹󛝪󚜬󬼪󪬯󜬬󬼩󚝱󟝘󚼲󩜳󚭔󚌨󩌽󪜫󦝼󜌩󚬪󜼩`.replace(/u../g,'')))

May 11 2023 5:32 PM UTC

}// 140/140

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

Ski 3D 🌲⛷️ #game #interactive

u/tomxor

Hah, neat!
u/jdspugh

Amazing. Well done!
u/Xen

love it!
u/andrea270872

Cool, nice the bounce when you collide!
u/aleamb

dude! well done

show FPS hide FPS share 1 remix fullscreen

mildlybean

function u(t) {

t?c.width|=0:C=W=0;C+=W**1.5*.1;onclick=e=>C+=1;onkeydown=e=>{if(C>49+50*W)W+=1,C-=W*50};x.font='99px"';x.fillText('🍪 '+~~C+', 👆 '+W,9,90)

Dec 15 2019 5:41 PM UTC

}// 138/140

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

Cookie clicker! Click for cookies, press space for clickers (each one costs 50 more than the last)

Show more comments…
u/KilledByAPixel

awesome! i was confused at first, you need to click 50 times before you can click space to buy an auto clicker.
u/katkip

Awesome!
u/lionleaf

Awesome! Pressing space scrolls the page down though :(
u/lionleaf

I've spent way too much time on the original cookie-clicker... I'd also recommend the paperclips game
u/lionleaf

#game #interactive
u/13thptr

u/lionleaf play fullscreen :)
u/mildlybean

I love the paperclips game
u/katkip

tycoons are boring and fun in the same time
u/lionleaf

I got to 600M cookies and now have 7k clickers. Turns out at some point it starts becoming possible to go negative as well. Currently at -130M #cookie #cookie_clicker
u/awareness481

You have 2 characters left. You can use those to cover any number overflows :P

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2470 by u/joeytwiddle

function u(t) {

for(i=c.width=90;i--;t?x.fillText(T[i],i%4*17,9+10*(i>>2)):T[i]=g=i)onclick=e=>(((h=4*(e.y>>6)+e.x/99|0)-g)**2|17)^17||(T[g]=T[h],T[g=h]='')

Feb 6 2018 9:41 AM UTC

}// 140/140

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

As promised, this version prevents cheating, although there is still one "special move" you can use ;-)

u/joeytwiddle

(The aim of this game is to arrange the numbers vertically)
u/zanella

This is freaking awesome. I'm getting genuinely scared of what can be done here. Sooner or later someone will post a dweet that mines bitcoins.
u/Apex

@zanella that's already possible lol, but Monero to be specific
u/joeytwiddle

#interactive #puzzle #game
u/fujimotos

#playable

show FPS hide FPS share fullscreen

tomxor

remix of d/27932 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞡭👯𫡭𫱵𬱥𫑯𭡥👥🐾𫐽𩐻𦀽𛐭𪐥𭰬𦐽𪐯𭰻𮀮𩡩𫁬𤡥𨱴𚁘𚱺𚡒𛁙𚱺𚡔𛁓👍𨑴𪀮𪁹𬁯𭀨𤠽𦀯𝠴𛑭𛡸𛰲𞀰𯁼𜀬𥀽𦐯𝠴𛑭𛡹𛰲𞀰𯁼𜐩𚰡𮠯𜠬𜐩𚑺🐨𭰫𦀯𜰭𦐯𜱞𦐯𜰫𦀯𜰩𙐲𜐾𜐸𛁺𚰽𭑛𪑝𯀽𫐮𨡵𭁴𫱮𬰯𤰯𝀸𙠲`.replace(/u../g,'')))

Jun 8 2023 2: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).

#interactive (mouse + drag) #soldering #simulator

Show more comments…
u/tomxor

Here ya go u/joeytwiddle :D don't make a mess! no room for solder wick.
u/tomxor

I'm not sure who tapes a flashlight to their soldering iron though... maybe Doom guy does, ya know, just incase zombies, while soldering door control panels on Mars.
u/danny@hille.dk

Super impressive!
u/Joachim

THIS IS SO COOL
u/tomxor

Thanks guys :) I'm happy with the realism on this one, looks just like my crappy soldering :P
u/magna

OMG
u/joeytwiddle

haha awesome!

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜬰󜌊󘝴󟽷󟝳󟝤󟝘󟝙󟝡󟜹󞭯󫭭󫽵󬽥󩍯󭽮󟝥󟜾󩌭󛜊󮌮󩭩󫍬󤭥󨽴󚍘󚼽󠼨󩬽󩌯󛬶󝌩󛍙󚼽󤼨󩬩󛌹󛌹󚜊󦌾󭼭󞜦󦜼󬼦󦜾󬼭󜜵󙭘󟍷󚼹󟼨󭼽󞜫󮬥󤼨󭌩󚬹󞜬󬼽󞜫󮬥󠼨󭌩󚬹󞜬󨜫󚼩󞭸󛭦󪝬󫍔󩝸󭌨󨜬󭼬󬼩󒭘󟌰󯍘󟭺󯍙󟌰󯍙󟬹󞜿󚍡󟜰󛍤󚼫󚜺󩌥󟜴`.replace(/u../g,'')))

Nov 11 2021 3:07 PM UTC

}// 140/140

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

Number collector!! Click the screen to move the square 90 degrees clockwise. Collect the numbers. Don't crash into the edge of the screen or all your points will be lost. #interactive #game

u/Joachim

Sorry, the square moves anti-clockwise when you click
u/neimad

love it
u/cantelope

nice! and i especially love that i can play it with only my main finger
u/sigveseb

well executed!
u/Joachim

Golfed more accurate movement: z=c.width=200;t?onmousedown=e=>d--:w=s=d=X=Y=a=9;x.fillRect(X+=C(f=d*1.57),Y+=S(f),9,9);X>w-9&Y<s&Y>s-15&X<w+9?(w=z%S(t)*99,s=9+z%C(t)*99,a++):x.fillText(a,w,s);X<0|X>z|Y<0|Y>99?(a=0,d-=2):d%=4

show FPS hide FPS share fullscreen

tomxor

function u(t) {

for(c.width=128,i=1e4;i--;x.fillRect(X=i&127,Y=i>>7,1,C(u[i]=(u[i]||0)+(T&&(K=16-Math.hypot(T.x/4-X,T.y/4-Y))>0?K/64:0))))onmousemove=e=>T=e

Jun 19 2020 3:33 PM UTC

}// 140/140

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

Spooky #paint O_o

show FPS hide FPS share fullscreen

tomxor

remix of d/17768 by u/tomxor

function u(t) {

eval(unescape(escape`𫠽𭀿𫠮𫑡𬀨𚁛𦀬𦐬𠐬𠡝𚐽🠨𮀮𨡥𩱩𫡐𨑴𪀨𮀮𫑯𭡥𥁯𚁘𛁙𚐬𮀮𫁩𫡥𥁯𚁘𚰽𠐬𦐫👂𚐬𮀮𫁩𫡥𥱩𩁴𪀽𚁁𚡂𚐪𚠮𝐬𮀮𬱴𬡯𪱥𚀩𚐬𦱘𛁙𛁁𚠮𝰫𚁃𛑘𚐯𞐬𠠪𛠷𚰨𤰭𦐩𛰹𧐩𚐺𦱝𞱯𫡭𫱵𬱥𫑯𭡥🐨𮱸𛁹𯐩🐾𫡛𭀪𝠰𙠶𜱝👛𠰽𮀪𜰮𝀬𤰽𮐪𜰮𝀬𜀬𜁝`.replace(/u../g,'')))

Feb 27 2020 6:50 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 #calligraphy #paint #brush #particles

u/tomxor

The brush pressure is derived from velocity and direction (so more caligraphic)
u/BriSeven

I love how it feels simultaneously precise and digital and messy analogue.
u/tomxor

Thanks :) The dynamics can be easily tweaked too, A*.7 and B*.7 are the inertia (could interpret as how articulated the brush is) and (C-X)/9 and (S-Y)/9 are distance based attraction to pointer (could interpret as bristle length maybe?)
u/katkip

Awesome!
u/magna

WOW!

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!

dwitter.net | #interactive