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: #Food

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/18191 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𪑦𚀡𭀩𮱦𫱲𚁩🐶𜠬𠐽𦱝𞱩𛐭𞰩𪐥𜐶𛐱𜐦𙡩𙐱𝠼𜐴🱁𛡳𬁬𪑣𩐨𚁁𛡬𩑮𩱴𪀫𜐩𚡍𨑴𪀮𬡡𫡤𫱭𚁯𫡣𫁩𨱫👱👱🐾𮀮𩡩𫁬𥁥𮁴𚁓𭁲𪑮𩰮𩡲𫱭𠱯𩁥𤁯𪑮𭀨𝐵𜰵𝠬𝐶𝀸𜐫𠑛𚰫𪑝𚐬𪐥𞀪𜠴𜀬𜰰𝠫𚁩🠾𜰩𚠳𝠴𚐩𛀰𛁩𚐺𮀮𩡯𫡴🐧𜠳𩑭𘠧𞱱𚁱𚀩𚑽`.replace(/u../g,'')))

Apr 10 2020 5:03 AM UTC

}// 140/140

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

Blackjack 🂫🂡 Click for another card! #Interactive #Cards

u/KilledByAPixel

No actual game logic, we are on the honor system here ;)
u/BriSeven

Yahtzee!

show FPS hide FPS share fullscreen

Kirjava

function u(t) {

eval(unescape(escape`𭁼𯀨𬰽𦰮𛠮𘠠𜐳𡁜𫡆𞀲𠱜𫡅𠐵𝁜𫠶𞑂𝰢𧐬𥀽𜀩𛁯𫡫𩑹𭑰👮🐾𚁑👳𦱶👔𚱛𛐱𛀵𛀱𛀭𝑝𦰳𙡮𛡷𪁩𨱨𧑝𚐾𘠰𘠿𬱛𬱛𥁝👑𛁔👶𧐽𘠠𘠺𜀬𩀽𩁯𨱵𫑥𫡴𛡢𫱤𮐬𩀮𪑮𫡥𬡈𥁍𣀽𘠼𬁲𩐾𘠫𬰮𪡯𪑮𨁠𛁤𛡳𭁹𫁥𛡦𫱮𭁓𪑺𩐽𙰵𩑭𙰻`.replace(/u../g,'')))

Apr 2 2020 9:23 AM UTC

}// 132/140

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

15 puzzle #game #interactive

u/Kirjava

control with IJKL
u/katkip

Works on light theme

show FPS hide FPS share fullscreen

gpolonus

remix of d/17924 by u/gpolonus

function u(t) {

t?0:d=[]
f=n=>Math.floor(n*.056)
r=s=>x[s](i*60,j*60,60,60)
onclick=e=>{i=f(e.x);j=f(e.y);d[i/j]=d[i/j]?r('clearRect')||0:r('fillRect')||1}

Mar 12 2020 4:56 PM UTC

}// 139/140

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

Click for Squares! #interactive

show FPS hide FPS share fullscreen

gpolonus

function u(t) {

t?0:b=17.3
onmousemove=e=>b=e.x/15
f=(a,y)=>(x.fillStyle=a%2?'#dee':'#abb',x.fillRect(a,y,9,9))
for(i=0;i++<2e3;)f(i,S(t+i/100*b)*540+540)

Mar 12 2020 2:04 AM UTC

}// 138/140

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

Interactive argyle #interactive

show FPS hide FPS share fullscreen

gpolonus

function u(t) {

onmousemove=e=>{c.width|=0;for(i=0;i<3e3;i+=50)for(j=0;j<2e3;j+=50){v=e.y*3-j;d=e.x*3.4-i;p=2e-3*(d*d+v*v)**.5;x.fillRect(i+d*p,j+v*p,9,9)}}

Mar 10 2020 7:57 PM UTC

}// 140/140

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

Weird ball thing. Move the mouse to start #interactive

u/gpolonus

Tried to get a fabric of squares to gravitate towards the mouse, and got this instead. Adding +1 to the calculation of p gets close to what I wanted, but this looked cooler.

show FPS hide FPS share fullscreen

gpolonus

remix of d/17830 by u/gpolonus

function u(t) {

c.width/=1
onmousemove=e=>c.a=e.x/15
f=(a,y)=>x.fillRect(a,y,9,9)
for(i=0;i++<2e3;)f(i,S(t+i/100*(c.a||0))*400+500)

Mar 8 2020 1:53 PM UTC

}// 115/140

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

Variable Sine wave frequency. Move your mouse! #interactive

show FPS hide FPS share fullscreen

tomxor

remix of d/17835 by u/pavel

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡦𚁸𛡬𪑮𩑗𪑤𭁨🐴𛀴𛁣𛡷𪑤𭁨👩𫡮𩑲𥱩𩁴𪀬𤠽𩐩𒡦🐨𦀬𦐬𭰩🐾𚁒𛡸𛑘𛑷𛰲𚐪𚠲𚰨𤠮𮐭𦐭𭰯𜠩𚠪𜠼𭰪𭰪𝠮𜠸𚰳𩐴🱷🠶𙠦𩠨𦀬𦐬𭰯🐲𚑼𩠨𦀫𭰬𦐬𭰩𯁦𚁘𛁙𚱷𛁷𚑼𩠨𦀫𭰬𦐫𭰬𭰩𞡸𛡳𭁲𫱫𩑒𩑣𭀨𦀬𦐬𭰬𭰩`.replace(/u../g,'')))

Mar 5 2020 2:17 AM UTC

}// 135/140

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

#interactive #quadtree (move your mouse)

u/tomxor

Note the intersection is fuzzy since full circle-AABB takes too much code, instead it's just circle-point + current subdivision width based radius (w*w*6.28), i.e it becomes more accurate as it converges.
u/tomxor

This is why there are a bunch of divisions around it that would not exist with an exact test. Pavel's doesn't do this by cleverly choosing a geometry that only need intersect the top left of each square.
u/katkip

Nice!

show FPS hide FPS share fullscreen

gpolonus

remix of d/17827 by u/gpolonus

function u(t) {

t?0:p=q=0
f=(a,b,c,d)=>x.moveTo(a,b)|x.lineTo(c,d)|x.stroke()
onmousemove=e=>((a,b)=>f(a,b,q,p)|f(2e3-a,b,2e3-q,p)|(q=a,p=b))(e.x*3.4,e.y*3)

Mar 4 2020 6:44 PM UTC

}// 140/140

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

Mirror lines #interactive

u/gpolonus

The cursor if off in the y direction. I wanted to change the 3 multiplier to 3.4 but couldn't figure out where to save characters. Any suggestions would be much appreciated!

show FPS hide FPS share 1 remix fullscreen

gpolonus

function u(t) {

c.width/=1
onmousemove=e=>c.a=e.x
f=(a,y)=>x.fillRect(a,y,9,9)
for(i=0;i++<2e3;)f(i,S(t+i)*c.a+500)

Mar 3 2020 10:39 PM UTC

}// 99/140

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

#interactive tube

u/gpolonus

need to mousemove to get it started

show FPS hide FPS share 1 remix fullscreen

gpolonus

function u(t) {

f=(a,y)=>x.fillRect(a,y,9,9)||f
t||c.addEventListener('mousemove',e=>((a,y)=>f(a,y)(2e3-a,1e3-y)(a,1e3-y)(2e3-a,y))(e.x*3.4,e.y*3.4))

Mar 3 2020 7:17 PM UTC

}// 133/140

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

Shorter 4 mouse cursors

dwitter.net | #interactive