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

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

c.onclick=_=>window.a||(a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start(),c.onmousemove=e=>o.frequency.value=e.x)

Apr 8 2017 8:22 PM UTC

}// 140/140

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

Starts making noise if you click on the canvas. Hopefully you can silence it by going left, but no guarantees!

u/cantelope

"woooOOOOoooOOOO" :D
u/magna

It's a dweetheremin!
u/joeytwiddle

Yes it is :) More fun with a wider frequency range: o.start());c.onmousemove=e=>o.frequency.value=5*e.x
u/lionleaf

Haha, amazing! Fullscreen gives you a wider audio range :)
u/joeytwiddle

#audio #interactive

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󥌽󩜻󩭯󬬨󪜽󝜴󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌭󝌬󛜱󝬬󞌬󜼲󚜩󭽩󭍨󚍍󨝴󪌩󦌽󪜥󜼲󟌼󝬬󦜽󪜯󜼲󟌼󝬬󮌮󬽥󭍔󬭡󫭳󩭯󬭭󚍭󟝓󚍡󟝡󭍡󫬲󚍪󟝘󚽾󥌮󮌯󛬳󛍫󟝙󚽾󥌮󮜯󛬳󚜩󛍮󟝃󚍡󚜬󛝮󛍭󛍘󛍙󚜬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󪍹󬍯󭌨󪬬󪼩󚜻`.replace(/u../g,'')))

Oct 17 2024 9:28 PM UTC

}// 139/140

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

Color Parallels demake https://www.mightypenguin.dev/igloo/color-pa… #mouse #interactive

u/magna

Works best non-fullscreen

show FPS hide FPS share fullscreen

Agnes

function u(t) {

t?0:h=0
c.onmousemove=(e)=>h=e.x
H=c.height|=0
x.scale(25,25)
x.fillText("😐",31,25)
x.rect(0,0,h/6,H)
x.clip()
x.fillText("🤐",31,25)

May 16 2024 8:53 AM UTC

}// 132/140

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

Zipper #interactive

u/lewdev

Cool! A clever use of clip and onmousemove!

show FPS hide FPS share fullscreen

Agnes

remix of d/24213 by u/magna

function u(t) {

eval(unescape(escape`𩡯𬠨𬠽𣑡𭁨𛡲𨑮𩁯𫐬𨰮𫱮𨱬𪑣𪰽𩐽🡍𚰫𛁭👍👴🱍𞠱𞱭𛐭𞱸𛡦𪑬𫁓𭁹𫁥🐢𘰢𚱪𛁸𛡦𪑬𫁒𩑣𭀨𩐪𝀸𜀬𩠪𝀸𜠬𚰫𬰬𬰩𚑦𫱲𚁥👲𚁦👲𚁡👢🐰𚐪𞐯𝀩𚠴𛁘👥𛐲𛠸𛁙👦𛐹𛰸𛁪🐹𞐹𞱡𚡡𚱢𚡢🀽𝀦𙡪𛐭𞱳🐹𞐹𛱴𚑛𨐬𨡝👛𨐪𨐭𨠪𨠫𦀬𜠪𨐪𨠫𦑝`.replace(/u../g,'')))

Oct 24 2021 11:14 AM UTC

}// 140/140

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

#interactive version of Magna's mandelbrot renderer: click to make it do one more rectangle per frame

u/Agnes

Uncompressed: for(r=Math.random,c.onclick=e=>M++,m=M=t?M:1;m--;x.fillStyle="#"+j,x.fillRect(e*480,f*482,++s,s))for(e=r(f=r(a=b=0)*9/4)*4,X=e-2.8,Y=f-9/8,j=999;a*a+b*b<=4&&j--;s=999/t)[a,b]=[a*a-b*b+X,2*a*b+Y]
u/Agnes

If it's not clear, spam click to make it speed up a bunch until your computer can't handle it anymore
u/Xen

love it!

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜼰󜌊󭌿󜌺󡜽󬌽󦽝󒭯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󮽅󟝥󛭹󛼱󛬳󒭴󟌵󟽰󛭰󭝳󪌨󮽸󞬰󛍹󞭓󚍴󚭺󚜪󮭽󚜺󜍽󒭦󫽲󚍩󘍯󩬠󬌩󮽩󛭸󟭺󟽩󛭸󟜰󞭩󛭹󟭺󟽩󛭹󟜰󞭩󛭹󟌰󟽩󛭹󟝺󞭸󛭦󪝬󫍒󩝣󭌨󪜮󮌫󟜵󛍩󛭹󚼽󚍅󛜱󜌰󚜯󜜰󛌳󛌳󚝽󒭸󛭦󪝬󫍒󩝣󭌨󜜵󜌬󞌵󛌹󛌹󚜻`.replace(/u../g,'')))

Aug 22 2021 2:45 PM UTC

}// 140/140

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

Negative #Space. Use mouse to direct the square

u/Joachim

#interactive

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

t?onkeydown=e=>A.includes(c=e.code)||A.push(c):(A=[],c.outerHTML='<h3 id=z>')
o='';A.sort().map(e=>o+=e+' ')
z.innerHTML=o+'<p>⌨️ '+A.length

Aug 8 2021 10:23 PM UTC

}// 140/140

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

Push Every Key ⌨️ #interactive

u/lewdev

Got tricked into pressing F5.
u/KilledByAPixel

lol same thing happened to me.

show FPS hide FPS share 1 remix fullscreen

TGY

function u(t) {

eval(unescape(escape`󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭻󦌽󩜮󮌬󦜽󩜮󮝽󞽩󩬨󘝴󚝡󟝢󟜰󛍧󟝣󛭷󪝤󭍨󟝣󛭯󩭦󬽥󭍗󪝤󭍨󞽤󟝘󛝡󞽳󟝙󛝢󞽭󟜨󩌪󩌫󬼪󬼩󚬪󛬵󛼴󞽦󟝥󟜾󮌮󩭩󫍬󤽴󮝬󩜽󩜻󩭠󘼰󜌰󜽠󞽸󛭦󪝬󫍒󩝣󭌨󜌬󜌬󩼬󩼩󞽦󨌣󩭦󩭠󞽸󛭦󪝬󫍒󩝣󭌨󨜫󟝤󛽭󛍢󚼽󬼯󫜬󞜬󞜩`.replace(/u../g,'')))

Jul 14 2021 8:15 PM UTC

}// 133/140

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

stylish #chase

u/aleamb

#interactive
u/Xen

Nice! check d/20513 ;-)
u/magna

You can avoid the initial "ReferenceError: X is not defined" by hijacking one of the existing globals that you don't make use of: C, S, T, R

show FPS hide FPS share fullscreen

lars-erik

remix of d/22738 by u/TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>a.push(6e2)
a.map((e,i)=>x.fill(x.arc(2e2+3*e+500+500*C(t),600+S(i)*e,e&&(a[i]-=e/20),0,6.3))|x.closePath())

May 10 2021 2:31 PM UTC

}// 140/140

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

Having fun with TGY's ball blaster. Shoot some rays!

u/aleamb

#interactive

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/22738 by u/TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>(X=e.x-960)&(Y=e.y-540)&a.push([X*Y])
a.map((e,i)=>x.arc(960,540,e[0]*=.9,0,7))
x.fill('evenodd')

May 10 2021 1:47 PM UTC

}// 129/140

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

Very cool idea by TGY, playing around with the concept

u/Agnes

You can even optimise this by adding a=a.filter(e=>e>0) if X*Y is replaced by (e.x-960)*(e.y-540), which I guess doesn't matter at all but feels better somehow if someone were to sit around clicking on this millions of times
u/aleamb

#interactive

show FPS hide FPS share 1 remix fullscreen

DaSpider

remix of d/22514 by u/KilledByAPixel

function u(t) {

for(i=6e3;!t&&i--;)document.write`<input type=radio style=font-size:1px;margin:-3; onmouseover=checked=event.buttons>`

Apr 21 2021 5:05 PM UTC

}// 118/140

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

dwitter.net | #interactive