Dweets awesomed by u/donbright

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

Woodmouth

function u(t) {

if(t==0){a=99;b=a;d=0}
m=Math
x.fillRect(a+=9*m.sin(d),b+=9*m.cos(d),9,9)
d+=m.random()-.5
if(b>1080)d=3
if(b<0)d=0
if(a>1920)d=5
if(a<0)d=2

Apr 11 2017 6:16 PM UTC

}// 140/140

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

Let me know if you find a better way to keep the "fly" within the canvas. (Other than 4 if-statements i mean)

Show more comments…
u/reportbase

You should use fillstyle to vary the color a little i think.
u/Artfarnaa

You can use C instead of m.c.
u/donbright

t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):(b=a=99,d=0) d+=Math.random()-.5 d=b>1080?3:(b<0?0:(a>1920?5:(a<0?2:d)))
u/donbright

that will free up 30 characters. line split before d+ and d=b
u/joeytwiddle

Nice compass movement! I like don's if?then:else but i think his (parentheses) can be left out
u/joeytwiddle

An alternative is to wrap around: fillRect(a=(1920+a+9*S(d))%1920,b=(1080+b+9*C(d))%1080,9,9)
u/z3vin

this is so frickin' cool! combo of joey n dons 96 chars: t?x.fillRect(a=(1920+a+9*S(d))%1920,b=(1080+b+9*C(d))%1080,9,9):(b=a=99,d=0),d+=Math.random()-.5
u/Woodmouth

Thanks, that looks really good. Still looking for an actual boarder though, just because of how cute it is when it keeps bumping into the wall.
u/Woodmouth

Ohh, nvm, Donbright does that. (I was just looking that the combo)
u/New_Core

maybe a x% less chance going the direction against a border the closer it gets to it could make a nice pattern. (just an idea, dont know how to do it)
u/donbright

nice work @joeytwiddle is correct abt my parenthesis

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

show FPS hide FPS share fullscreen

cantelope

function u(t) {

w=c.width=400
for(i=8;i--;X=w/2+(Z=1/(2+C(p=1.047*i*2+(i<4)+t)))*S(p)*w/2,Y=Z*w/2-w/20,i==3?x.moveTo(X,Y):x.lineTo(X,Y),x.stroke());

Apr 9 2017 10:23 PM UTC

}// 132/140

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

🕎 Shalom! 🕎

u/donbright

great use of perspective

show FPS hide FPS share fullscreen

cantelope

function u(t) {

w=c.width=500
x.fillRect(0,0,w,w)
x.strokeStyle="red"
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 9:39 PM UTC

}// 139/140

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

\m/ (>.<) \m/

u/cantelope

it's fun to adjust the c.width=X value. for low values it gets very blocky, but shape position should not be affected.
u/donbright

adjust c.width with mouse: 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());
u/cantelope

@donbright lol excellent https://www.dwitter.net/d/2459

show FPS hide FPS share 2 remixes fullscreen

cantelope

remix of d/2452 by u/cantelope

function u(t) {

w=(c.width|=0)/2
x.fillStyle="#64f"
for(i=2e3;i--;x.fillRect(w+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/2))*w*h,540+1/Z*(i-999)*w/300,s=40/Z,s));

Apr 9 2017 6:17 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/magna

<3
u/donbright

loved it, remix w mouse control https://www.dwitter.net/d/2460

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2451 by u/cantelope

function u(t) {

w=(c.width|=0)/2
for(i=99;i--;x.fillStyle=`hsl(${t*99+i},99%,50%`,x.fillRect(w+1/(Z=3+C(p=i-t*2))*(i-50)*w/30,540+S(p)/Z*w,s=250/(Z*Z),s));

Apr 9 2017 4:58 AM UTC

}// 139/140

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

dwitter.net | donbright (40515)