Dweets awesomed by u/cantelope

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 3 remixes fullscreen

cantelope

function u(t) {

cx=(c.width|=0)/2,cy=340
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillRect(cx+1/j*X*cx,cy+Y/j*cx,s=99/j,s)

Apr 22 2017 6:28 PM UTC

}// 133/140

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

u/innovati

🌊🏄
u/joeytwiddle

Beautiful
u/cantelope

innovati, i can't tell what those emojis are. lel.
u/Renaud___

great

show FPS hide FPS share fullscreen

magna

remix of d/2545 by u/prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*T(i&j^t)))*64+64;x.fillRect(i,j,s,s);
}}

Apr 22 2017 5:02 PM UTC

}// 140/140

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

u/joeytwiddle

Very pretty! It reminds me of this awesome 256b: https://linusakesson.net/scene/a-mind-is-bor…

show FPS hide FPS share 2 remixes fullscreen

prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*j*.01+i))*64+64;x.fillRect(i,j,s,s);
}}

Apr 21 2017 1:53 PM UTC

}// 139/140

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

u/magna

So pretty!
u/cantelope

you can omit the closing parenthesis for hsla and save 1 delicious byte :)
u/donbright

man this is nice

show FPS hide FPS share fullscreen

NMcCoy

function u(t) {

w=c.width=1920
s=50
for(i=s;i<w;i+=s)
for(j=s;j<w/2;j+=s)
{
x.fillStyle=`hsl(${t*39+(j)*.3},99%,70%`
x.fillRect(i,j,S(t+i)*s,S(t+i)*s)
}

Apr 14 2017 10:16 PM UTC

}// 136/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 1 remix fullscreen

joeytwiddle

function u(t) {

for(i=c.width=90;i--;t?x.fillText(T[i],i%4*17,9+10*(i>>2)):T[i]=g=i)c.onclick=e=>{d=(h=e.x/99|0+4*(e.y>>6))-g;d*d&17&&(T[g]=T[h],T[g=h]='')}

Apr 11 2017 4:03 PM UTC

}// 140/140

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

Can you arrange the numbers vertically? Feel free to use the special moves!

Show more comments…
u/Woodmouth

It's not a space limitation issue, it's a feature!
u/donbright

absolutley brilliant however e.x/e.y dont seem to work in firefox
u/joeytwiddle

Thanks don. I golfed this over a 24 hour period, but could not squeeze a better "valid move" rule in. Remixes welcome!
u/donbright

firefox should adopt e.x and e.y just so your dweet work
u/joeytwiddle

Hehe. Sadly the mouse coords are also problematic in fullscreen, and on mobile.
u/joeytwiddle

Valid moves are -4,-1,+1,+4. I have found a "valid move" test: **2|17)^17|| Will post the remix sometime.

show FPS hide FPS share fullscreen

donbright

remix of d/2025 by u/@literallylara

function u(t) {

c.width^=0
onmousemove=e=>T=e.pageX/42
R=_=>S(s)+(S(s++)>0?0:2)-1
for(s=i=H=540;i--;)x.lineTo(1e3+(R()*C(T)-R()*S(T))*H,H+R()*H)
x.stroke()

Apr 10 2017 11:40 PM UTC

}// 139/140

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

homage to @literallylara 's 2025 with mouse.. (please try moving your mouse over screen)

u/donbright

thanks 2 @cantelope / @manga for T trick, @Jenky for mouse inspiration
u/joeytwiddle

I like the interactivity, and Firefox support. And one of the tricks is really going to save me some characters!
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

z3vin

function u(t) {

z=Math.random;for(i=0;i<999;i++)x.rotate(t),x.beginPath(),x.arc(i*i,i*S(t)*49,1199,2.4,3),x.stroke(),x.clearRect(599-C(t)*599,0,z()*999,z())

Apr 10 2017 4:44 AM UTC

}// 140/140

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

u/donbright

i wish this was like on a 2 meter screen at an art gallery
u/z3vin

Thanks man!

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width=w=511
t?0:b=Array(8).fill(n=0).map(_=>c.cloneNode())
x.drawImage(k=b[n++&7],0,0)
k.getContext('2d').fillText('🎱',n&w,n+S(t)*120&w)

Apr 10 2017 3:20 AM UTC

}// 139/140

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

Octobuffering Infinite Balls

Show more comments…
u/magna

Got the plumbing done, but spent only a little time to try to find a nice pattern. Please remix!
u/magna

https://www.dwitter.net/d/2464
u/donbright

lol unfortunately this went way over my head... could you explain what it is?
u/magna

Rendering subsequent frames to a circular list of 8 off-screen buffers and pasting the buffers to the main canvas. Creates an "infinite sprites" effect.
u/New_Core

the effect can be visualy seen how it works at https://www.dwitter.net/d/401 ;)
u/magna

@New_Core Amazeballs!

show FPS hide FPS share fullscreen

donbright

remix of d/2455 by u/cantelope

function u(t) {

onmousemove=e=>N=e.pageY/9
for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/N))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)

Apr 9 2017 11:02 PM UTC

}// 140/140

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

mouse movement tunes the pipe

Show more comments…
u/donbright

(i.e. move your mouse over the image)
u/donbright

inspiration @cantelope + @Jenky https://www.dwitter.net/d/2437 + @joeytwiddle https://www.dwitter.net/d/2446
u/cantelope

Fixed "N is not defined" error by using T *which is predefined).. onmousemove=e=>T=e.pageY/9;for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/T))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)
u/donbright

@cantelope that is clever!
u/cantelope

@donbright i learned it from magna :)
u/donbright

thanks @cantelope i used this in d/2025
u/iverjo

#interactive

show FPS hide FPS share fullscreen

cantelope

function u(t) {

t?w=c.width=n:n=1
onmousemove=e=>n=e.pageY
for(i=6;i--;x.lineTo(w/2+(Z=1/(2+C(p=1.257*i*2+t)))*S(p)*w/2,Z*w/2-w/20),x.stroke());

Apr 9 2017 10:25 PM UTC

}// 128/140

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

per donbright's suggestion... :D

u/cantelope

mouse Y position controls resolution
u/donbright

lol surely there is more we can do
u/tapgiles

Cool! Some of the lines seem thicker, and some seem fainter. Is there an overdrawing issue, perhaps?

dwitter.net | cantelope (61699)