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

ciaccodavide

function u(t) {

eval(unescape(escape`𘑴𙠦𚁤👛𨐽𭠽𜁝𛁘👙🐹𞐬𫱮𪱥𮑤𫱷𫠽𩐽🡤𦱥𛡫𩑹𠱯𩁥𛐳𝱝🐱𛁯𫡫𩑹𭑰👥🐾𩁛𩐮𪱥𮑃𫱤𩐭𜰷𧐽𜀩𛁸𦱦🐧𩡩𫁬𤡥𨱴𙱝𚁘𚰽𭠪𠰨𨐫🐨𩁛𜡝𯀭𩁛𜁝𚐪𛠱𚐬𦐫👶𚡓𚁡𚐬𬰽𜰲𛁳𛁸𦱦𧐨𦀫𠰨𨐩𚡳𚰸𛁙𚱓𚁡𚐪𬰫𞀬𞐬𞐬𭠽𝠩𚐠`.replace(/u../g,'')))

Nov 4 2021 9:43 AM UTC

}// 133/140

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

driving a paintbrush #interactive

u/ciaccodavide

left and right arrow to control the brush direction (if it gets out of bounds restart the dweet)
u/ciaccodavide

try this version in a new dweet (acceleration control with up arrow, but I couldn't golf it enough): !t&&(d=[a=v=0],X=Y=99,onkeydown=e=>d[e.keyCode-37]=1,onkeyup=e=>d[e.keyCode-37]=0),x[f='fillRect'](X+=v*C(a+=(d[2]|-d[0])*.1),Y+=v*S(a),s=32,s,x[f](X+C(a)*s+8,Y+S(a)*s+8,9,9,v+=d[1]&v<6?2:v>0?-.1:0))
u/Joachim

`t?onkeydown=e=>d[e.keyCode-37]=1:(d=[a=v=X=Y=0]),onkeyup=e=>d[e.keyCode-37]=0,x[f='fillRect'](X+=v*C(a+=(d[2]|-d[0])*.1),Y+=v*S(a),s=32,s),x[f](X+C(a)*s+8,Y+S(a)*s+8,9,9),v+=d[1]&v<6?2:v>0&&-.1

show FPS hide FPS share fullscreen

Quant1um

function u(t) {

eval(unescape(escape`𨰮𫱮𨱬𪑣𪰽𩐽🡻𨐽𫡥𭰠𠑵𩁩𫱃𫱮𭁥𮁴𚀩𛁯👡𛡣𬡥𨑴𩑏𬱣𪑬𫁡𭁯𬠨𚐬𫰮𨱯𫡮𩑣𭀨𨐮𩁥𬱴𪑮𨑴𪑯𫠩𛁯𛡦𬡥𬑵𩑮𨱹𛡶𨑬𭑥🐴𝀰𚠲𚠪𚁛𜀬𜰬𝐬𝰬𜐰𛀱𜡝𦰨𣑡𭁨𛡲𨑮𩁯𫐨𚐪𝠩𯀰𧐯𜐲𚐬𫰮𬱴𨑲𭀨𚐬𫰮𬱴𫱰𚀮𜐩𯐊`.replace(/u../g,'')))

Sep 17 2021 6:35 AM UTC

}// 129/140

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

#music #interactive

u/Quant1um

Plays a random note from A minor pentatonic scale when clicked
u/andrea270872

cool
u/donbright

wheeeee

show FPS hide FPS share fullscreen

TGY

function u(t) {

s='🏕️,🏛️,🏰,🌆'
eval(unescape(escape`󭌿󨼮󭽩󩍴󪌪󟜱󞭰󟝢󟝭󟜰󛍤󟝳󛭳󬍬󪝴󨌬󨌬󮌮󩭯󫭴󟜢󞝣󫜠󬼢󛍯󫭣󫍩󨽫󟝥󟜾󚼫󫜾󬌫󞜦󙭥󛭸󚽥󛭹󟌹󞜿󫜭󟜨󬌽󞜪󚼫󨬩󞬰󞽦󫽲󚍡󟝢󛍳󟜧󙼻󨜻󨜾󟬽󜬩󬼫󟝤󦽡󙜴󧜻󮌮󩭩󫍬󥍥󮍴󚍢󟽳󞭤󦼰󧜬󜌬󝍥󜬩󞽴󪍲󫽷󘍭󚼽󨬯󝬰`.replace(/u../g,'')))

Jul 15 2021 11:08 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 clicker game, rules&source in comments

u/TGY

balance is thrown each render (red symbols under code), to buy building click in top left corner, to add +1$ click anywhere, each upgrade gives +1$/sec, upgrades cost 9$, 18$, 27$... good luck, have fun :clown:
u/TGY

shitty source (only escaped part): t?c.width*=1:p=b=m=0,d=s.split,,x.font="9cm s",onclick=e=>++m>p+9&&e.x+e.y<99?m-=(p=9*++b):0;for(a=b,s='';a;a>>=2)s+=d[a%4];x.fillText(b?s:d[0],0,4e2);throw m+=b/60
u/TGY

4 skyscrapers win the game :-)
u/andrea270872

nice

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21883 by u/BackendForth

function u(t) {

c.onmousemove=e=>{for(i=c.width|=0;i-=64;)for(j=1080;j-=54;)X=e.x/.3-i,Y=e.y/.3-j,r=(X*X+Y*Y)**.4/56,x.fillRect(i-X/r,j-Y/r,r*9,r*9)}

Mar 10 2021 6:52 PM UTC

}// 133/140

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

golf and play

u/BackendForth

Nice! I'll keep the |= operator in mind for next time.
u/danny@hille.dk

#interactive #mouse

show FPS hide FPS share fullscreen

Billedluh

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👯𫡭𫱵𬱥𫑯𭡥👥🐾𨰮𨐽𩐮𮐬𨐽𨰮𨐊𪑦𚀡𨐩𮐽𠑲𬡡𮐨𝠩𛡦𪑬𫀨𜀩𛁶👛𛠮𛡹𧐊𮑛𜁝👡𚠳𒡸𛡦𫱮𭀽𘠲𝑥𫐧𘠊𩡯𬠨𪐽𜐻𪐼𝐻𪐫𚰩𬠽𮑛𪑝𚰽𭡛𪑝𚰽𜠫𚀨𨠽𮑛𪐭𜑝𛑹𦱩𧐭𞀴𚐼𜀿𨠯𝐭𭡛𪑝𛰲𞠰𚐬𮀮𩡩𫁬𥁥𮁴𚀧𧁵𮰱𡠹𝡡𯐧𛀵𜀰𛁲𚐻`.replace(/u../g,'')))

Jul 20 2020 12:19 AM UTC

}// 140/140

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

Build-A-Wich Workshop

Show more comments…
u/Billedluh

#interactive
u/Billedluh

Hover cursor to start. Self congratulations for Euler integration of differential equations on an arbitrary number of particles in 1 dimension
u/joeytwiddle

Bouncy! Reminding me of d/3504 and https://vimeo.com/178939743
u/Billedluh

hah yeah that seems related.
u/Billedluh

pre compression code, forgot to post
u/Billedluh

c.width|=onmousemove=e=>c.a=e.y,a=c.a if(!a)y=Array(6).fill(0),v=[...y] y[0]=a*3 x.font="25em'" for(i=1;i<5;i++)r=y[i]+=v[i]+=2+((b=y[i-1]-y[i]-84)<0?b/5-v[i]/2:0),x.fillText('\u{1F96a}',500,r)
u/cspray

this is fun!

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𭁼𯀨𦠽𦱝𚐻𨰮𫱮𫑯𭑳𩑭𫱶𩐽𚁥𚐽🡻𦠮𬁵𬱨𚁻𮀺𩐮𮀬𮐺𩐮𮑽𚑽𞱦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𜀻𪐼𦠮𫁥𫡧𭁨𛐱𞱩𚰫𚑸𛡭𫱶𩑔𫰨𦡛𪑝𛡸𛁚𦱩𧐮𮐩𛁸𛡬𪑮𩑔𫰨𦡛𪐫𜑝𛡸𛁚𦱩𚰱𧐮𮐩𛁚𦱩𧐮𮀫👓𚁴𚠪𜰪𦡛𪑝𛡹𚐬𦡛𪑝𛡹𚰽𠰨𭀪𭀪𦡛𪑝𛡸𚐻𮀮𬱴𬡯𪱥𚀩`.replace(/uD./g,'')))

Dec 16 2019 4:40 PM UTC

}// 140/140

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

go on #fullscreen #interactive and draw something. It will start wiggle. Idea: https://ptsjs.org/demo/edit/?name=curve.bezi…

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/855 by u/mxfh

function u(t) {

eval(unescape(escape`𭀿𬰽𚁣𛡷𪑤𭁨𧠽𫱮𫑯𭑳𩑭𫱶𩐽𧰽🡢👟𛡸𚐯𝀺𨐽𨠽𜐮𝐷𞱦𫱲𚁱👲👡𞰨𬐭🐱𛱳𚐾𛑡𞱸𛡬𪑮𩑔𫰨𠰨𬐫𨠯𞐹𚐪𤰨𬠭𭀩𚡳𚰲𚡳𛀨𠰨𭀫🐱𛱳𚐪𤰨𬐩𚱃𚁱𚐪𠰨𬠭𭀩𚐪𬰫𬰩𚑲𚰽𨐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Nov 8 2019 5:13 PM UTC

}// 118/140

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

#interactive #mouse #remix

u/kimeiga

wow i would love to learn how this magic works :o incredible!

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(O=[]);c.width*=1;onmousemove=e=>z=e.x*3;O.push({X:z,Y:0,V:0});for(o of O){x.fillRect(o.X,o.Y+=o.V,10,10),o.V+=.1;if(o.Y>1080)o.V*=-.9}

Oct 8 2019 4:53 PM UTC

}// 138/140

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

Bouncy particles. Move your #mouse. #interactive #bounce

u/aleamb

love it!

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

onmousemove=e=>Y=e.y*3.54;if(!t)L=[],Y=540,L[m=99]=540;c.width|=L[-1]=Y;for(i=m;i--;x.fillRect(i*20,L[i],9,9))L[i]=t?(L[i-1]*2+L[i+1])/3:540

Sep 7 2019 6: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).

#interactive

show FPS hide FPS share fullscreen

metamero

function u(t) {

eval(unescape(escape`𭱩𭁨𚁮𩑷𘁁𭑤𪑯𠱯𫡴𩑸𭀩𭀿𮀮𬱴𬡯𪱥𚀩𞠨𫰽𨱲𩑡𭁥𣱳𨱩𫁬𨑴𫱲𚁯𫡭𫱵𬱥𫑯𭡥👥🐾𮀮𫁩𫡥𥁯𚁯𛡦𬡥𬑵𩑮𨱹𛡶𨑬𭑥👥𛡸𚠽𬰽𜰮𜰸𛁳𚠽𩐮𮐬𩰮𩱡𪑮𛡶𨑬𭑥🐹𞐯𬰩𚐩𛡣𫱮𫡥𨱴𚁧👣𬡥𨑴𩑇𨑩𫠨𫰮𬱴𨑲𭀨𚐩𚐮𨱯𫡮𩑣𭀨𩁥𬱴𪑮𨑴𪑯𫠩`.replace(/u../g,'')))

May 13 2019 1:57 PM UTC

}// 138/140

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

#theremin marker [ loud ]

u/metamero

#noise #drone #sinewave #audio #instrument #sound #interactive #paint | #compressed using d/11852
u/metamero

#audiovisual
u/KilledByAPixel

Cool! Its weird that it works in firefox but not chrome for me.
u/DataMeta

Fun!
u/davidsover

F for my ears

dwitter.net | #Interactive