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

katkip

function u(t) {

c.onmousemove=e=>{X=e.x,Y=e.y};x.fillRect(X*3.38,Y*3.38,5,5),x.fillRect(1920-X*3.38,1080-Y*3.38,5,5);

Dec 28 2018 6:20 AM UTC

}// 101/140

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

#symmetry drawer, ambigram generator, shorter version of mine https://www.openprocessing.org/sketch/648327

u/katkip

It's #interactive, use mouse.
u/gpolonus

has no idea setting an event handler like this works. Much shorter and more efficient! Thanks!

show FPS hide FPS share 1 remix fullscreen

metamero

remix of d/11332 by u/metamero

function u(t) {

t?ontouchmove=e=>{m=e.touches;for(i=m.length;i;)x.lineTo(m[--i].clientX,m[i].clientY)}:(ondblclick=e=>c.width=innerWidth)()
x.stroke()

Dec 7 2018 12:18 PM UTC

}// 134/140

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

[multi-touch] minimalist marker #interactive #paint v1M.1

u/metamero

touch to draw + multitouch enabled + double click to delete + fullscren-able (size change does not delete drawing anymore)
u/metamero

#application #app
u/metamero

see d/11332 for mouse/PC version and d/11334 for a version that changes marker size with the mouse wheel

show FPS hide FPS share fullscreen

metamero

remix of d/11332 by u/metamero

function u(t) {

eval(unescape(escape`琿潮浯畳敤潷渽攽㹢㵯湭潵獥浯癥㵥㴾戦♸⹬楮敔漨攮砬攮礩㨨潮牥獩穥㵯湤扬捬楣欽攽㹣⹷楤瑨㵩湮敲坩摴栩⡯湭潵獥異㵥㴾砮扥杩湐慴栨戽〩⤻潮睨敥氽攽㹻砮汩湥坩摴栭㵥⹤敬瑡夯㈰ぽ㭸⹳瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Dec 6 2018 9:44 PM UTC

}// 138/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.3

u/metamero

click to draw multipath + wheel to increase size of the marker + double click or resize to delete + fullscreen-able
u/metamero

my favorite is d/11332 , because i didn't use the compressor
u/metamero

#application #app

show FPS hide FPS share 1 remix fullscreen

metamero

function u(t) {

onmousemove=e=>x.lineTo(e.x,e.y),x.stroke()
onmouseup=e=>c.width=innerWidth

Dec 6 2018 3:08 PM UTC

}// 75/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

u/Xen

Nice work! click to start

show FPS hide FPS share fullscreen

metamero

remix of d/11323 by u/metamero

function u(t) {

t?onmousemove=e=>{X=e.x;Y=e.y}:0
t?onmousedown=e=>c.width=innerWidth:X=Y=0
with(x)fillStyle=R(t*X*Y%256),beginPath(),arc(X,Y,9,0,7),fill()

Dec 6 2018 2:46 PM UTC

}// 139/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 1 remix fullscreen

metamero

function u(t) {

t?onmousemove=e=>{X=e.x;Y=e.y}:c.width=innerWidth
t?onmousedown=e=>r++:r=X=Y=0
with(x)fillStyle=R(r*3%256),beginPath(),arc(X,Y,r,0,7),fill()

Dec 6 2018 2:39 PM UTC

}// 140/140

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

paint red #interactive

show FPS hide FPS share 1 remix fullscreen

metamero

function u(t) {

c.width^=0
x.font='9cm Georgia'
onkeydown=e=>k=e.keyCode//-37
x.fillText(s=k+' '+String.fromCharCode(k),100,300)
throw(s)

Dec 3 2018 7:11 PM UTC

}// 121/140

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

get and print key pressed

u/metamero

#interactive

show FPS hide FPS share fullscreen

anotherkitten

remix of d/11018 by u/pavel

function u(t) {

eval(unescape(escape`琿琺堽夽挮睩摴栽㔶㠻潮浯畳敭潶攽攽㸨堽攮砬夽攮礩㭸⹤牡睉浡来⡣ⰴⰴⰵ㘰ⰱ〷〩㭦潲⡩㴹㤻椭ⴻ砮晩汬剥捴⠮⸮椿存⭓⡩⤪㐹ⱙ⭃⡩⤪㐹ⰹⰹ崺嬰ⰰⰲ攳ⰲ攳崩⥸⹦楬汓瑹汥㵩㽒⠩㨢⍦晦ㄢ`.replace(/u(..)/g,"$1%")))

Nov 18 2018 8:40 AM UTC

}// 134/140

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

neverending churro

show FPS hide FPS share 1 remix fullscreen

davidsharp

remix of d/10524 by u/davidsharp

function u(t) {

c.onmousemove=({x:k,y,target:o,buttons})=>{x.font='60px a';if(buttons>0)x.fillRect(k/o.offsetWidth*c.width,y/o.offsetHeight*c.height,20,20)}

Oct 17 2018 12:51 PM UTC

}// 140/140

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

Dwitter's Worst Drawing Tool

u/joeytwiddle

#interactive

show FPS hide FPS share fullscreen

ToxicCaves64

function u(t) {

t?0:(g=m=s=r=0,a=[]);c.width=400;x.fillText(m,2,8);c.onclick=()=>(a.push(m-r),r=m);a.map((i,j)=>x.fillText(i,2,20+8*j));g+=1;g%60==0?m=s++:0

May 17 2018 4:38 AM UTC

}// 140/140

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

A Stopwatch In 140

u/ToxicCaves64

Click to make a lap
u/Friend

Pushed it to 135 - c.width=400;x.fillText(m,2,8);c.onclick=()=>(a.push(m-r),r=m);a.map((i,j)=>x.fillText(i,2,20+8*j));g+=1;g%60==0?m=s++:0}{g=m=s=r=0;a=[]
u/Friend

#interactive
u/BuRRak

Down to 64 without line breaks: c.width=400 onclick=Q=>V+=" "+~~t x.fillText(~~t+V,0,9); }{V=""
u/BuRRak

Sorry, 62 if you remove the semicolon & space/newline after it

dwitter.net | #Interactive