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

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

show FPS hide FPS share fullscreen

Agnes

function u(t) {

eval(unescape(escape`挮潮浯畳敭潶攽攽㹻堽攮砬栽攮礪㕽㭘㵴㽘㩨㴹㘰㭦潲⡣⹷楤瑨簽椽㤻椭ⴻ砮晩汬剥捴⡬Ⱝ㈰〬㔰ⰲ〰⤩砮晩汴敲㵠摲潰⵳桡摯眨⑻⡦㴨㘰〫栩⽨⤪⠨氽㄰〪⠴⭩⬳⩓⡴⤩⤭堫㈵⥽灸‶〰灸․筦⨵ぽ灸总`.replace(/u(..)/g,"$1%")))

Oct 23 2021 9:23 AM UTC

}// 137/140

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

Shadow of an off-screen #default #interactive

u/Agnes

I don't usually post compressed dweets but this one was very boring without the interactive part, and I don't think it's possible in 140.

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/24201 by u/ciaccodavide

function u(t) {

f=i=>(1.1*i*t)%2
for(c.width=w=128,i=0;i<w*w;i++)f(i)>.5&&x.fillRect(i%w,~~(i/w),1,1)

Oct 22 2021 10:48 AM UTC

}// 85/140

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

eye tracking #interactive the dots move wherever you look!

show FPS hide FPS share 1 remix fullscreen

metamero

function u(t) {

eval(unescape(escape`琿挮睩摴桼㵯湣汩捫㵥㴾⡩㵥⹸⨨昽㔯楮湥版敩杨琩簰⤼㐿䵞㴱㰼⠨攮礪晼〩⨴⭩⤺〺䴽㈳㘱〻景爨椽㈰ⱺ㴲ㄶ㭩ⴭ㬩䴦ㄼ㱩☦砮晩汬剥捴⡩┴⩺Ⱘ椯㑼〩⩺ⱺⱺ⤻瑨牯眠䴫✠✫却物湧⹦牯浃潤敐潩湴⡍⤻`.replace(/u(..)/g,"$1%")))

Jan 26 2019 8:50 PM UTC

}// 138/140

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

unicode tile #tool draw binary bitmap tiles or glyphs #interactive 4x5 using full unicode range (including astral/SMP) or 4x4 for BMP chars only (always 2B)

u/metamero

#compressed using d/11848 #unicode

show FPS hide FPS share fullscreen

katkip

remix of d/11861 by u/katkip

function u(t) {

id=1337
t||x.fillRect(0,0,2e3,2e3);f=n=>{if(n<800)x.clearRect(960+C(n)*n,540+S(n)*n,5,5),f(n*C(id)+n*2)};f(t*t/id)

Jan 17 2019 1:29 PM UTC

}// 114/140

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

Replace id with a number and create your own seeded galaxy #recursive #recursion #interactive

u/katkip

Cool one: id=Math.asin(t*t)/100
u/katkip

Big bang: id=Math.PI-t/10

dwitter.net | #Interactive