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

pavel

remix of d/8136 by u/Friend

function u(t) {

onkeydown=e=>k=e.keyCode-73
w=2e3
s=32
x.fillStyle="hsl("+t*71+",99%,50%)"
t?x.fillRect(p%w,p/w,s,s):p=k=3
p+=2e6+(k<2?-s:s)*(k&1||w)
p%=2e6

Oct 16 2018 10:45 PM UTC

}// 140/140

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

Rainbow Snake - Use IJKL to turn #interactive

u/pavel

Click the canvas once before pressing keys
u/pavel

#snake

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

x.lineWidth=4
c.onclick=e=>S=[e.clientX*3.4,e.clientY*3.4,0,0,6.3]
S[2]<2000&&(x.beginPath(),S[2]+=9,x.arc(...S),x.stroke())

Oct 16 2018 10:54 AM UTC

}// 124/140

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

Click - Concentric circles

u/magna

#interactive
u/katkip

I love it.

show FPS hide FPS share fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

w=c.width=innerWidth,t?onmousemove=e=>m=[e.x,e.y,2]:m=[w/2,w/2,1,p=[]],p.push([...m]),p.map(z=>x.fillRect(z[0]+=S(w++),z[1]-=z[2]++/9,9,9))

May 6 2018 10:12 PM UTC

}// 139/140

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

Not as cool as the original, but got it below 140!

u/lionleaf

#interactive

show FPS hide FPS share 1 remix fullscreen

BalintCsala

remix of d/7404 by u/xem

function u(t) {

c.width=innerWidth;c.onmousemove=e=>B.push([e.x-X,e.y-Y,X=e.x,Y=e.y])
B.map(i=>x.fillText("⚫",i[2]+=i[0],i[3]+=(i[1]+=0.1)))};{B=[X=Y=0]

Mar 24 2018 9:12 PM UTC

}// 136/140

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

u/iverjo

#interactive

show FPS hide FPS share fullscreen

Xen

remix of d/3102 by u/Xen

function u(t) {

c.onmousemove=e=>Z=e.offsetX;for(c.width|=i=99;i--;)x.ellipse(X=540,X,t,i*C(t)+X,(Z/c.width*2)*i*2.1,Z,T(t))
x.strokeStyle='#'+Z,x.stroke()

Aug 31 2017 12:31 AM UTC

}// 139/140

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

with mouse movement as requested.

u/donbright

cooool
u/iverjo

#interactive

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

dwitter.net | #Interactive