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

SockTaters

remix of d/32290 by u/SockTaters

function u(t) {

t?onmousemove=e=>(f=d=>(e.x>>d&3)*85,e.y<8?x.fillStyle=R(f(7),f(5),f(3)):0,e.buttons?x.fillRect(e.x&~7,e.y&~7,8,8):0):c.width=innerWidth

Aug 26 2024 3:15 PM UTC

}// 136/140

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

Paint by Palette (64 Colors!) #paint #draw #interactive

u/SockTaters

Click and drag across the top of the canvas to draw the palette. Once the palette is drawn, click any color to select it.
u/KilledByAPixel

thats a pretty cool way to select color!
u/SockTaters

*Hover over any color to select it. Also, thanks KilledByAPixel
u/cantelope

my thing i did https://i.ibb.co/h2zZsb8/pixel-art.jpg
u/cantelope

interestingly, the canvas drawable height may be taller than expected, which you will notice if you save the image ;)

show FPS hide FPS share 2 remixes fullscreen

baon

remix of d/28941 by u/baon

function u(t) {

t?onmousemove=e=>m=1.5-e.x*0.01:m=2
for(c.width|=0,i=1e4;i--;x.fillRect(960+X,540+Y,10,10))
X=400*C(i)*S(m+i/2),Y=-400*S(i+0.7**C(i)**0.05)

Nov 24 2023 10:45 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

u/baon

#heart

show FPS hide FPS share 1 remix fullscreen

4ce

function u(t) {

t||c.insertAdjacentHTML("beforebegin","<input type=range id=r>");c.width+=0;for(i=r.value;i--;)x.fillStyle=R(i*20),x.fillRect(i*20,99,10,99)

Oct 17 2022 10:15 AM UTC

}// 140/140

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

Just #example #interactive Dweet canvas with #html interface. Base idea add debug interface for d/26305 but something works slow.That's all... now(?)

u/taupelink

cool!
u/magna

Cool idea! I made a lazy remix: d/26356
u/cantelope

#slider #controls

show FPS hide FPS share 2 remixes fullscreen

junov

function u(t) {

eval(unescape(escape`琿砮晩汬却祬攽恨獬⠤筴絲慤ⰹ㤥ⰷ〥⥠㩳㵣⹷楤瑨⽩湮敲坩摴栊挮潮浯畳敭潶攽攽㹥⹢畴瑯湳☦砮慲挨猪攮砬猪攮礬㤹ⰰⰷ⤊砮晩汬⠩੸⹢敧楮偡瑨⠩੸⹤牡睉浡来⡣Ⱝ㤬ⴵⰱ㤳㠬㄰㤰⤠`.replace(/u([^D].)/g,'$1%')))

Aug 30 2022 1:48 AM UTC

}// 134/140

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

#psychedelic #interactive #paint #app Click on the canvas to drop paint

show FPS hide FPS share fullscreen

TGY

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󝜶󞌊󭍼󯌨󨜽󥌽󜌬󦌽󦜽󞜹󛍯󫭫󩝹󩍯󭽮󟝥󟜾󚍥󟝥󛭷󪍩󨽨󛜳󞌩󟽡󚼽󩜯󞜺󥍼󟜱󝬩󒭷󪝴󪌨󮌩󨭥󩽩󫭐󨝴󪌨󭍲󨝮󬽬󨝴󩜨󦌭󟝃󚍡󚜪󥌬󦜭󟝓󚍡󚜪󥌩󚜬󬭯󭍡󭍥󚍡󚜬󬭥󨽴󚍴󙜱󚬹󚼹󛌭󝌬󞜹󛍔󟽔󛜭󙬰󞬸󚜬󩭩󫍬󚍡󬭣󚌰󛌰󛌹󛌰󛌷󚜩`.replace(/u../g,'')))

Aug 23 2021 2:32 PM UTC

}// 133/140

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

#interactive #game pool Use Up button to shoot, Right/Left to change angle

u/TGY

Original idea involved mouse controls, but I was unlucky golfing it. Here is source for you to try golf&play c.width=568 t||(a=T=0,X=Y=99,onmousemove=e=>a=T?a:Math.atan2(e.y-Y,e.x-X),onclick=e=>T||=16) with(x)beginPath(translate(X-=C(a)*T,Y-=S(a)*T)),rotate(a),rect(t%1*9+9,-4,99,T?T--&0:8),fill(arc(0,0,9,0,7))

show FPS hide FPS share 2 remixes fullscreen

TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>a.push(6e2)
x.fillStyle=R(54,23,78)
a.map((e,i)=>x.fill(x.arc(2e2+3*e,600,e&&(a[i]-=e/20),0,6.29)))

May 10 2021 11:22 AM UTC

}// 131/140

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

click the canvas :-)

u/aleamb

#interactive

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

dwitter.net | #Interactive