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 1 remix fullscreen

magna

remix of d/3274 by u/magna

function u(t) {

onmousemove=(e)=>S=e;d=x.createImageData(w=c.width=100,w);for(i=0;i<4e4;d.data[i++]=i%T(i%S.x*S.y+t)*255);x.putImageData(d,0,0)

Jan 7 2018 6:23 PM UTC

}// 127/140

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

Move mouse to change tuning to find the hidden channels!

u/iverjo

#interactive
u/magna

#tv #noise

show FPS hide FPS share fullscreen

redactedhoptional

function u(t) {

onmousemove=e=>{for(c.width=X=c.clientWidth;X>0;X-=49)for(Y=1080;Y>0;Y-=49)x.beginPath(),x.arc(X,Y,Math.hypot(X-e.x,Y-e.y),0,7),x.stroke()}

Jun 23 2023 5:01 PM UTC

}// 139/140

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

A net of circles (move mouse around)

u/davidsover

#interactive
u/cantelope

cool

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/27928 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭀿𭰽𨰮𭱩𩁴𪀦👩🐱𜀳𝠸𞠨𨐽𜠬𨠽𜐬𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡻𨐽𩐮𮀯𜰰𜀬𨠽𩐮𮐯𜰰𜁽𚐻𦀽𛐭𪐥𭰬𦐽𪐯𭰻𮀮𩡩𫁬𤡥𨱴𚁘𚱺𚡒𛁙𚱺𚡔𛁍𨑴𪀮𪁹𬁯𭀨𤠽𦀯𝠴𛑡𛁔👙𛰶𝀭𨠩𚰡𮠯𜠬𜐩𚑺🐨𭰫𦀯𜰭𦐯𜱞𦐯𜰫𦀯𜰩𙐲𜐾𜐸`.replace(/u../g,'')))

Jun 7 2023 12:50 AM UTC

}// 130/140

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

#interactive (mouse) #PCB #trace #bumpmap

u/Joachim

Ooooh nice
u/joeytwiddle

I want left-click to add a blob of solder!
u/tomxor

Good idea!

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

c.width=560
x.font='13em a'
a=39
y=129
onmousemove=e=>{C=e.x}
for(v of"vibe")x.fillText(v,a+(a<C&&C<a+y&&5*S(t*1e4)),250),a+=y

Nov 15 2022 10:49 AM UTC

}// 127/140

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

#interactive

u/Odog8

its funny to me that for(v of "vibe") is valid JS
u/andrea270872

nice

show FPS hide FPS share fullscreen

Odog8

function u(t) {

t?0:a=[];c.width=200;onkeydown=e=>a.push([e.key,t*t*2e3%200,10,0]);for(i of a){x.fillText(i[0],i[1],i[2]);i[2]-=i[3];i[3]-=.1}

Aug 22 2022 12:44 AM UTC

}// 127/140

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

Use your keyboard to make it rain!

u/Odog8

#interactive

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t?r=c.offsetWidth/1920:_=x.font='3in a',x.fillText('smudge',500,680),c.onmousemove=e=>x.drawImage(c,e.x/r,e.y/r,f=50,f,_.x/r,_.y/r,f,f,_=e)

May 10 2017 4:49 PM UTC

}// 139/140

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

u/katkip

Not really
u/Jezza

#interactive

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

onkeyup=e=>{T||a.close();a=new AudioContext;o=a.createOscillator();o.connect(a.destination);o.frequency.value=7*1.06**e.keyCode;T=o.start()}

Apr 13 2017 12: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).

A piano you can play with your keyboard. G is middle-c, i think

Show more comments…
u/joeytwiddle

Twinkle little star: GGNNPPN LLKKIIG NNLLKKIx2 GGNNPPN LLKKIIG
u/joeytwiddle

Silent Night: G IG D, G IG D, N NK, L LG, (I IL KIG IGD)x2, N NQ NKL P LGDGEB L
u/joeytwiddle

Star Wars: (IIIN U SRPZ U SRPZ U SRSP)x2 I IK KSRPN NPRP KM, I IK KSRPN UP. I IK KSRPN NPRP KM, IIN LJI GED BI. IKNSP
u/joeytwiddle

Thanks to @donbright who showed me where i could save 5 chars
u/iverjo

Very impressive :D
u/donbright

this is unbelievable. (ps thx but i stole the idea from others here)
u/donbright

(ok technically they gave it to me prob @cantelope / @manga)
u/Woodmouth

This is the strangest piano i've ever played, but good job!
u/Woodmouth

Also, i found a way to stop it, just press shift. (or any other key with a value too high or low to hear (At least i think that's what happens))
u/joeytwiddle

and of course thanks to New_Core for the intro to Web Audio API
u/joeytwiddle

#audio #music #piano #interactive
u/joeytwiddle

Star Trek intro: R M P H, F KP OKHMR RV Q T L, J OT SOLQV VZ
u/joeytwiddle

Star Trek main: B-L-KIGFE, C B-N-LKIGF, E-D FGIKLKN Q, P N D, I G (ILPS!)
u/joeytwiddle

One more you might know: NPSP WWU, NPSP UUS, NPSP S UR N NU S
u/joeytwiddle

Check the old comments for some simple tunes to play. You'll need to click on the blank canvas for keyboard focus. Hit Space, Shift or Escape for "silence".

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/28060 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󭌿󨼮󭽩󩍴󪌽󞜹󞭖󟝗󟝘󟝙󟜱󞽯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󚍖󟝥󛭸󛼵󝬭󦌯󞜬󥼽󩜮󮜯󝜰󛝙󛼹󚜻󮌮󩭩󫍬󤭥󨽴󚌸󝌬󜬵󛌡󮌮󩭩󫍬󥍥󮍴󚌧󧍵󜭂󜬴󙼬󦌫󟝖󚬽󚍘󚽖󛜴󝜩󚬪󜬼󜭥󜼿󜜺󛜮󞌬󦜫󟝗󚬽󦜫󥼼󝜴󟼱󚼮󜜯󥼺󛜮󞌩󛌹󞜩󞼨󨜽󦌭󞌰󚜪󚬲󟌹󙭙󟬲󝜦󙬨󥬽󨜯󞜬󥼯󟜲󚜻`.replace(/u../g,'')))

Feb 10 2024 4:35 AM 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 into the Basket 🏀🗑️ #interactive #game

u/KilledByAPixel

Use mouse to bounce the ball off the bottom and into the basket on the right side of the screen.
u/KilledByAPixel

For extra challenge bounce off the bottom and left side of the screen then into the basket.
u/Aeholbrook

I've been playing this for 10 minutes, why did you do this to me?
u/KilledByAPixel

Thank you, this ended up being way more fun then I had expected!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/21044 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝩󟜱󜌳󝬸󞼭󛝩󞽶󙬡󚍔󦽲󟝩󚼨󭬾󜬿󛝷󞭷󚜫󚍩󚭴󧭩󚜥󜼭󜝝󙜳󚝼󭬽󟜶󟼨󥍛󬭝󟝶󚜭󜼿󥍛󪝝󟝶󟬶󟼱󞬰󞬰󞭯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󥍛󭼪󚍥󛭹󚬨󭼯󟝩󫭮󩝲󥽩󩍴󪌩󯌰󚜫󩜮󮌪󭽼󜍝󟝥󛭢󭝴󭍯󫭳󚼱󚝸󛭦󪝬󫍒󩝣󭌨󪜥󭼬󪜾󟬷󛌱󛌨󭬽󥍛󪝝󚜯󝌩`.replace(/u../g,'')))

Jun 3 2021 8:47 PM UTC

}// 139/140

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

Sand Game 🏖️ Draw with mouse - Left=Wall, Right=GreyGoo, Middle=Lightning, Middle+Right=SandStorm, Middle+Left=Destroy, Left+Right=DarkWall

u/KilledByAPixel

Experiment with different combinations, fullscreen recommended!
u/KilledByAPixel

#interactive #physics #game
u/erin

powder game flashbacks
u/KilledByAPixel

Add the code onmousedown=oncontextmenu=_=>!1 to improve usability (prevents other mouse events)
u/KilledByAPixel

#sand

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

_='🐑🌹'
eval(unescape(escape`𦀽𚰫𥀥𝠴𒡣𛡷𪑤𭁨𯀽𫱮𫑯𭑳𩑤𫱷𫠽𧰽🡓🠰🰰𞡓👖🐴𞐊𤰽𘑴𯁼𤰼𜰰𜀦𙡘🠴𝰿𥀽𥠽𜀺𤰾𜀿𤰫👖𛐽𜠺𜀊𮀮𩡯𫡴🐧𜰰𩑭𘠧𒡸𦱦🐧𩡩𫁬𥁥𮁴𙱝𚁟𛀱𜰱𜀬𞐸𜀭𤰩𒡸𦱦𧐨𦰮𛠮𧱝𦰱𧐬𦀪𝀵𛐱𩐳𛀱𜀴𜀩𒡸𦱦𧐨𥀾🠶𛀹𛀳𝀹𚐻`.replace(/u../g,'')))

Apr 24 2020 5:49 PM UTC

}// 138/140

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

Counting Sheep Game 🐑 Click to jump! #game

u/iznax

_='🏃🚧'
u/katkip

#interactive

dwitter.net | #Interactive