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

RubyPiec

function u(t) {

if(t<1){
for(i=0;i<7;i++){
document.write(`<input type="checkbox"onmouseover="!this.checked?this.checked =true:this.checked=false">`);
}
}

Apr 15 2021 4:02 PM UTC

}// 138/140

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

One line drawing

u/RubyPiec

#interactive
u/Xen

cool idea
u/RubyPiec

I just noticed how terrible of a title that is...
u/KilledByAPixel

golfed... for(i=1e3;!t&&i--;)document.write<input type=checkbox onmouseover=checked=!checked>
u/aleamb

#html

show FPS hide FPS share fullscreen

iznax

function u(t) {

s="💀🧔"
eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁯𫡭𫱵𬱥𫑯𭡥👥🐾𥀽𩐬𥰽𨰮𭱩𩁴𪀽𪑮𫡥𬡗𪑤𭁨𛁩🐲𞱩𛐭𞱩🱦𫱮𭀽𘠷𨱭𙰢𞡦𪑬𫁒𩑣𭀨𜀬𜀬𥰬𥰩𛁦𪑬𫁔𩑸𭀨𦰮𛠮𬱝𦱩𧐬𞐲𛀲𝐰𚱓𚁴𚠹𚐪𚁔𛡸🠵𜀰𚐪𝀩𚑣𫁩𬀨𦠽𫡥𭰠𤁡𭁨𜡄𚀩𛁚𛡲𩑣𭀨𜀬𜀬𪐿𥰺𥀮𮀬𥰩𚐻`.replace(/u../g,'')))

May 4 2020 1:55 AM UTC

}// 140/140

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

Move Mouse To X-Ray #mouse

u/pavel

Clever idea. If you do fill you can re-use the rect you did for clipping. onmousemove=e=>T=e.x;c.width=568;with(x)for(font="7cm'",i=2;i--;i&&clip(fill(rect(0,0,T,568))))fillText(i?"🧔":"💀",92,250+S(t*9)*(T>500)*4)
u/iznax

nice crunching!
u/katkip

#interactive
u/aleamb

LMAO nice!

show FPS hide FPS share 1 remix fullscreen

trusktr

function u(t) {

eval(unescape(escape`𨰿𚁮👣𛁣🐰𛁯𫡭𫱵𬱥𫑯𭡥👥🐾𮱶🐮𝐪𩐮𨱬𪑥𫡴𦀻𫠮𬱴𮑬𩐽𨁢𨑣𪱧𬡯𭑮𩀺𪁳𫀨𙁻𭡽𛀵𜀥𛀵𜀥𚐻𭁲𨑮𬱦𫱲𫐺𬡯𭁡𭁥𦐨𙁻𭡽𩁥𩰩𨁽𛁢👮𛡰𨑲𩑮𭁎𫱤𩐬𨠮𬱴𮑬𩐽𙱰𩑲𬱰𩑣𭁩𭡥𞠸𜀰𬁸𙰬𨠮𬁲𩑰𩑮𩀨𙱍𫱶𩐠𭁨𩐠𫑯𭑳𩐮𛠮𙰩𚐺𜀠`.replace(/u../g,'')))

May 2 2020 11:17 PM UTC

}// 136/140

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

Hello! I am new to dwitter; testing the waters out. This is interesting!

u/pavel

Nice idea, almost no js! #interactive #mouse
u/trusktr

Thanks! :D
u/trusktr

u/pavel Thanks!

show FPS hide FPS share fullscreen

gpolonus

remix of d/17830 by u/gpolonus

function u(t) {

c.width/=1
onmousemove=e=>c.a=e.x/15
f=(a,y)=>x.fillRect(a,y,9,9)
for(i=0;i++<2e3;)f(i,S(t+i/100*(c.a||0))*400+500)

Mar 8 2020 1:53 PM UTC

}// 115/140

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

Variable Sine wave frequency. Move your mouse! #interactive

show FPS hide FPS share fullscreen

RealPeha

function u(t) {

eval(unescape(escape(`琿潮步祰牥獳㵯㴾筦潲⡰㵦㴰Ɱ⬽㌬挮睩摴栽㘰〬椽ⴱ㭩⬫㱮㬩昫⬬瘽摯捵浥湴⹢潤礮楮湥版呍䱛楝Ⱒ屮∽㵶☦⡰⬽㈰ⱦ㴰⤬砮晩汬呥硴⡶ⱦ┶㐪㤬㈰⨨显㸶⤫瀩紺渽〠`).replace(/u(..)/g,"$1%")))

Nov 13 2019 9:55 AM UTC

}// 124/140

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

hacker typer #quine #keyboard

u/katkip

nice idea!
u/aleamb

#interactive

show FPS hide FPS share fullscreen

RealPeha

function u(t) {

for(i in onkeydown=(i=>s=8==i.which?s.slice(0,-1):13==i.which?s+".":s+i.key),c.width=200,g=s.split("."),g)x.fillText(g[i],9,9*i+9)}{var s=''

Oct 16 2019 2:41 PM UTC

}// 140/140

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

Simple text input

u/RealPeha

Press Enter or '.' to go to the next line
u/metamero

there is a key in my keyboard that writes "Dead" hehehe
u/RealPeha

#Interactive #keyboard
u/Joachim

#text

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/15967 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𨰮𭱩𩁴𪁼👯𫡭𫱵𬱥𫑯𭡥👥🐾𠑛𩐮𮐯𜱼𜁝👘🐲𩐳𚡍𨑴𪀮𨑢𬰨𩐮𮀯𝐷𜀭𛠵𚐺𠐽𦱷🐴𜀰𧐻𭱩𭁨𚁸𚑦𫱲𚁩🐹𞐻𛐭𪐻𨡥𩱩𫡐𨑴𪀨𩡩𫁬𚁥𫁬𪑰𬱥𚀹𝠰𛀹𞐫𪐪𞐬𭰽𠑛𪑝👁𦱩𧐿𛠰𜐪𭰫𛠹𞐪𠑛𪑝𞡷𛀵𜀬𜀬𜀬𝰩𚐩𚑦𪑬𫁓𭁹𫁥👒𚀹𞐭𪐬𜀬𪐬𛠳𚐻`.replace(/u../g,'')))

Oct 8 2019 8:09 PM UTC

}// 140/140

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

Vase Maker v2 - Use mouse to shape vase. #interactive

u/aleamb

love it!

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱣𛡯𫡭𫱵𬱥𫑯𭡥👥🐾𮱘👥𛡸𛁙👥𛡹𯐻𩡯𬠨𪐽𞐻𪐭𛐻𚑸𛡦𪑬𫁒𩑣𭀨𝐶𜀭𚁰🐨𦀭𜠸𞀩𚐪𚠳𛰳𩐴𚱩𚠨𜐰𜀭𚁯👍𨑴𪀮𨑢𬰨𬀯𞐩𚐩𛀴𜀰𛐨𬐽𦐪𚠳𛰱𩐵𚐫𫰬𝐰𛑯𛰹𛀲𜀰𚐻𮀮𩡩𫁬𤱴𮑬𩐽𙰣𨑡𨐧𛁸𛡦𪑬𫁒𩑣𭀨𜀬𝠰𜀭𬐬𜡥𜰬𜡥𜰩`.replace(/uD./g,'')))

Jun 19 2019 7:35 AM UTC

}// 139/140

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

#interactive #d3 3D Perspective #default! Move the cursor across the canvas for the 3D effect

u/katkip

the field of view is pretty weird i know
u/Xen

cool idea

show FPS hide FPS share fullscreen

metamero

remix of d/11691 by u/metamero

function u(t) {

t?x.fillRect(m+=p+=(a=X-m)/(d=a*a/k+(b=Y-n)*b/k),n+=q+=b/d,9,9):(Y=540,m=X=k=960,n=p=q=7,onclick=e=>{f=2*k/innerWidth;X=f*e.x;Y=f*e.y})

Jan 8 2019 12:18 AM UTC

}// 135/140

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

rect orbits #interactive! click to set atractor : 135B #gravity #orbit #physics

u/metamero

d/11691(lines version) and d/11699 (arcs version)
u/metamero

d/11693 and d/11694 are games
u/metamero

d/11691 <3
u/donbright

#genius

show FPS hide FPS share fullscreen

pavel

remix of d/10516 by u/pavel

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=99;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=(i-(i>>2))*6.28/(t&7)-X))
x.stroke()

Oct 17 2018 7:06 PM UTC

}// 140/140

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

#minimal #perspective #d3 #cube #interactive

u/aleamb

awesome!

dwitter.net | #Interactive