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

metamero

remix of d/11966 by u/metamero

function u(t) {

eval(unescape(escape`琿挮睩摴桼㵯湣汩捫㵥㴾笨愽攮砪⡦㴵⽩湮敲䡥楧桴⥼〩㰴㽍帽ㄼ㰨愪㔫⡫㴨攮礪晼〩⤩㨰紺䴽㔳ㄱ㭦潲⡩㴲〬稽㈱㘻椭ⴻ⥍☱㰼椦♸⹦楬汒散琨⡩⼵簰⤪稬椥㔪稬稬稩㭴桲潷⁍⬧‧⭓瑲楮朮晲潭䍯摥偯楮琨䴩`.replace(/u(..)/g,"$1%")))

Jan 26 2019 9:37 PM UTC

}// 140/140

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

now compatible with these new dweets rendering fonts represented by #unicode characters : draw unicode #compressed tiles / bitmaps / glyphs : 3x5 for BMP only or 4x5 for full unicode code point range #interactive #tool

u/metamero

compressed using d/11848
u/katkip

This is awesome. Press F to pay respect
u/metamero

works with d/11941 d/11957 etc
u/donbright

#paint

show FPS hide FPS share 4 remixes fullscreen

metamero

remix of d/11329 by u/metamero

function u(t) {

t?onmousedown=e=>b=onmousemove=e=>b&&x.lineTo(e.x,e.y):(onresize=ondblclick=e=>c.width=innerWidth)(onmouseup=e=>x.beginPath(b=0))
x.stroke()

Dec 6 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).

minimalist marker #interactive #paint v1.2 = click to draw multipath + double click or resize to delete + fullscreen-able

u/metamero

#application #app
u/metamero

https://www.instagram.com/p/BrEQqIHgraf
u/metamero

see d/11334 for a version that changes marker size with the mouse wheel
u/metamero

and d/11336 for a mobile/multitouch version

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/11013 by u/pavel

function u(t) {

t?c.width=innerWidth:a=b=X=Y=0
onmousemove=e=>(X=e.x,Y=e.y)
x.fillText('B=D',!x.translate(a+=C(d=Math.atan2(Y-b,X-a)),b+=S(d)),!x.rotate(d))

Nov 17 2018 8:42 AM UTC

}// 140/140

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

It's uh... a rocket #interactive

u/katkip

#nsfw
u/R1NZLER_

lmfao

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

c.width|=onkeydown=e=>this["YXYX"[g=e.which%4]]-="0220"[g]-1,x.fillRect(X*9,Y*9,60,60)};{X=Y=70

Feb 6 2018 3:41 PM UTC

}// 95/140

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

u/iverjo

#interactive

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.

dwitter.net | #Interactive