New #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 1 remix fullscreen

Agnes

remix of d/22738 by u/TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>(X=e.x-960)&(Y=e.y-540)&a.push([X*Y])
a.map((e,i)=>x.arc(960,540,e[0]*=.9,0,7))
x.fill('evenodd')

May 10 2021 1:47 PM UTC

}// 129/140

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

Very cool idea by TGY, playing around with the concept

u/Agnes

You can even optimise this by adding a=a.filter(e=>e>0) if X*Y is replaced by (e.x-960)*(e.y-540), which I guess doesn't matter at all but feels better somehow if someone were to sit around clicking on this millions of times
u/aleamb

#interactive

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

DaSpider

remix of d/22514 by u/KilledByAPixel

function u(t) {

for(i=6e3;!t&&i--;)document.write`<input type=radio style=font-size:1px;margin:-3; onmouseover=checked=event.buttons>`

Apr 21 2021 5:05 PM UTC

}// 118/140

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

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/22511 by u/RubyPiec

function u(t) {

for(i=2e3;!t&&i--;)document.write`<input type=radio style=margin:0 onmouseover=checked=event.buttons>`

Apr 15 2021 7:37 PM UTC

}// 102/140

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

Tiny Drawing Tool - Click to draw, release to erase!

Show more comments…
u/Xen

nice!
u/lars-erik

It's not mobile-friendly. 🤡
u/katkip

really nice
u/aleamb

#interactive #html
u/Nascretis

7w7
u/4ce

maybe #bug not work in beta Dwitter https://beta.dwitter.net/d/22514 all remix too ,maybe #test it...

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

magna

function u(t) {

eval(unescape(escape`砮獴牯步却祬攽刨䌽琦♃ⱓ㵣⹯晦獥瑗楤瑨⽣⹷楤瑨ⱸ⹬楮敗楤瑨㴴〬⸱⤻潮浯畳敤潷渽攽㹃㵥㭯湭潵獥異㵟㴾䌽〻潮浯畳敭潶攽攽㹃☦砮獴牯步⡮敷⁐慴栲䐨嬧䴧⭃⹸⽓ⱃ⹹⽓Ⱗ䰧⭥⹸⽓ⱥ⹹⽓崩ⱃ㵥⤻`.replace(/u(..)/g,"$1%")))

Apr 5 2021 8:11 PM UTC

}// 138/140

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

Click and drag to draw with a translucent marker #interactive

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𭁼𯀨𬐽𮀮𫁩𫡥𥱩𩁴𪀽𜐰𚐻𨰮𫱮𫑯𭑳𩑤𫱷𫠽𩐽🡱🐰𞱣𛡯𫡭𫱵𬱥𭑰👥🐾𬐽𜐻𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡻𤠽𨰮𫱦𩡳𩑴𥱩𩁴𪀯𚁣𛡷𪑤𭁨𚐻𦀽𩐮𮀯𤠻𦐽𩐮𮐯𤠻𮀮𨡥𩱩𫡐𨑴𪀨𚐻𮀮𫑯𭡥𥁯𚁘𛁙𚐻𮀮𫁩𫡥𥁯𚁘𚰳𜀬𦐫𝐰𚐻𪑦𚀡𬐩𮀮𬱴𬡯𪱥𚀩𯐻`.replace(/u../g,'')))

Apr 5 2021 8:51 AM UTC

}// 136/140

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

im back. this is a #caligraphy #tool. slowly, click to write. #interactive

u/tomxor

#calligraphy
u/katkip

oopsie i #tagfail

show FPS hide FPS share fullscreen

veubeke

function u(t) {

(onclick=e=>{for(c.width=i=136;i--;x.fillText('⚪⚫'[x[i]=((i%5-(e.x>>6))**2+(Y-(e.y>>6))**2<2)^x[i]^i&!t],i%5*16,11+Y*16))Y=i/5|0})({x:1e3})

Mar 23 2021 5:11 PM UTC

}// 139/140

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

Lights Out (with help from u/Xen)

Show more comments…
u/veubeke

Click to toggle lights on/off. Turn off all lights to win.
u/erin

#game #interactive
u/KilledByAPixel

nice work!
u/Xen

love it!
u/Qwitter

Awesome!
u/rodrigo.siqueira

I won 🏆 the game today! (Yesterday I tried but I couldn't win the game)
u/aleamb

great!
u/RubyPiec

gg
u/vain

OMG - Its a game - and not just only a pattern. So cool !!

show FPS hide FPS share fullscreen

kimeiga

remix of d/16584 by u/f8f82804

function u(t) {

t?s=(c.width^=onmousemove=_=>b=_.x)/4:a=b=1.57;for(q=r=a;(q-=1/s)>-a;x.lineTo(C(q+b/99)*S(r-t)*s+2*s,(C(t+=1/s)*C(r-t))*s+s))r+=a;x.stroke()

Mar 22 2021 11:05 PM UTC

}// 140/140

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

I would love to be able to understand this but I sincerely don't. #interactive #mouse #remix

u/f8f82804

Great golfing!

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/22045 by u/ciaccodavide

function u(t) {

c.width|=1
onmousedown=e=>k=~~t%2==0?'😸':'😻'
onmouseup=onmouseover=e=>k='😺'
onmouseout=e=>k='😿'
x.font='36em"'
x.fillText(k,300,700)
}{k='😿'

Mar 19 2021 9:56 AM UTC

}// 140/140

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

Pet The Damn Cat

u/ciaccodavide

#interactive #mouse
u/Xen

cool idea

dwitter.net | #interactive