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 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

show FPS hide FPS share fullscreen

markuspeitl

function u(t) {

c.width|=0
c.onclick=(e)=>{X=e.pageX;Y=e.pageY}
x.fillStyle='#'+X
x.globalAlpha=.6
for(i=0;i<4e2;i++)
x.fillRect(i*9*T(t),Y*(2+S(i*t)),X,50)

May 7 2018 4: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).

Click the canvas to start the cannon :)

u/iverjo

#interactive
u/iverjo

I like the fact that it changes color based on where you click
u/joeytwiddle

https://www.youtube.com/watch?v=E_hD3fxmH58 Vexare - Firing (my laser)

show FPS hide FPS share fullscreen

Wazabadoo

function u(t) {

a=t?a+3:500
c.width|=0
x.r=x.fillRect
for(i=1;i<99;i++){
b=i*200-t*50
x.r(b,0,40,300)
x.r(b,780,40,300)
}
c.onclick=()=>a-=99
x.r(0,a,40,50)

Dec 31 2017 5:28 PM UTC

}// 140/140

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

First draft of a flappy bird clone

show FPS hide FPS share 1 remix fullscreen

alexander

function u(t) {

x.lineWidth=10
c.onmousemove=function(e){X=e.clientX*3.3;Y=e.clientY*3.3}
c.onclick=function(e){c.width=1920}
x.lineTo(X,Y)
x.stroke()

Dec 31 2017 3:09 PM UTC

}// 134/140

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

u/joeytwiddle

#interactive

show FPS hide FPS share fullscreen

wclang

function u(t) {

c.onmousemove=function(e){X=e.clientX;Y=e.clientY;}
x.clearRect(0,0,1920,1080);x.fillStyle="red";x.fillRect(3.3*X,3.3*Y,100,100);

Dec 28 2017 7:06 PM UTC

}// 129/140

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

Mouse over the screen; a red square follows the mouse.

u/wclang

Note, you'll get an error message until you mouse over the screen.
u/wclang

There's a magic number, 3.3, that keeps the square under the mouse. This doesn't work in full-screen mode (the square is offset from the mouse).
u/wclang

I should mention I learned that mouse events are accessible from FireFly #1629. (I had to figure out what was going on in that dweet, so I could get X and Y off of the mouse.)
u/iverjo

#interactive

show FPS hide FPS share fullscreen

lewdev

remix of d/31666 by u/lewdev

function u(t) {

eval(unescape(escape`琿⡯湭潵獥摯睮㵟㴾䌽ㄬ潮浯畳敵瀽弽㹃㴰Ɐ湭潵獥浯癥㵥㴾䌦☨堽攮砯㠬夽攮礯㠩⤺䌽堽夽㤊砮晩汬呥硴⡛㌶攲Ᵽ⹷楤瑨㴶〬ㄬ⸰ㅝ⹭慰⡁㴾⡂㵴㸽䄿琯䄾㸰㨰ⱴ┽䄬䈾㤿䈺怰怫䈩⤮橯楮怺怬堬天`.replace(/u([^D].)/g,'$1%')))

Aug 5 2024 3:17 AM UTC

}// 138/140

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

⏲ Running #timer #clock #interactive Click 'n Draggable!

show FPS hide FPS share 1 remix fullscreen

myxoh10

remix of d/25974 by u/myxoh10

function u(t) {

c.onmousemove=e=>m=e
g=a=>99*(S(t*a/9)+1)
x.fillStyle=R(g(8),g(4),g(2),.4)
x.fillRect(m.x*3.2,m.y*3.3,99,99)

Aug 18 2022 9:45 PM UTC

}// 108/140

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

Slightly less characters - #draw #interactive

dwitter.net | #interactive