Dweets awesomed by u/rippedspine

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 fullscreen

mpasula

remix of d/5239 by u/mpasula

function u(t) {

c.width=1e3;for(i=0;i<t*59;i++){n=570+(j=i*0.01);x.fillText(j,n+S(i+(t*0.1+i*(S(t*0.2+4)+1)*0.0005))*S(t+i*1)*1e3,n+C(t*0.1+i)*n)}

Jan 2 2018 11:12 AM UTC

}// 130/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

Yogeshp3

function u(t) {

c.width=1920;r=450;i=U=.0314;p=(i,f)=>r+r*f(U*i);for(;i<200;){n=i*t%200;x.stroke(new Path2D(`M${p(i,C)} ${p(i++,S)} L${p(n,C)} ${p(n,S)}`))}

Jan 2 2018 10:45 AM UTC

}// 140/140

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

Modular multiplications around the circle..

show FPS hide FPS share fullscreen

Zikoat

function u(t) {

t||(a=Array(s=30).fill(r=s*5));for(i=s;i;x.fillRect(a[i]+=(Math.random()-.5)*s,a[--i],s,s))x.fillStyle=R(...[1,3,5].map(b=>(S(t+b+i)+1)*r))

Jan 2 2018 10:38 AM UTC

}// 139/140

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

colorful random walkers

u/tangjurine

nice
u/alfredrasam

THIS IS SO PRETTY I'VE JUST BEEN STARING AT IT FOR THE PAST 10 MINUTES
u/joeytwiddle

#virus #outbreak

show FPS hide FPS share fullscreen

phillipcool

remix of d/5056 by u/ellisk1

function u(t) {

x.fillRect(0,0,q=c.width=2e3,q);for(i=q*2;i--;){r=i*t/5;z=6*(i)+t*i/r;x.fillStyle="#fff";x.fillRect(1e3+C(z*S(t/1e3))*r,500+S(z)*r,5,5)}

Jan 2 2018 5:24 AM 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 fullscreen

donbright

remix of d/3697 by u/Citiral

function u(t) {

w=1920;for(c.width=i=w;i-=10;)for(j=w;j-=10;){
d=(i*i+S(3.14*(i/w))*j*j)/frame
o=d%9
x.fillRect(i,j,o,o)}

Jan 2 2018 3:15 AM UTC

}// 105/140

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

u/joeytwiddle

I was about to comment "donbright would like this one" but then suddenly ... !
u/magna

Wow!
u/Xen

one of my new fav's, love this!

show FPS hide FPS share 2 remixes fullscreen

JonasPeeters

function u(t) {

c.width=2e3
for(i=0;i<999;i++){
x.fillRect(S(i+t/5)*(S(i/99)+1.5)*350+960,C(i+t/5)*(S(i/99)+1.5)*60+700,15,(C(i+t/5)+1)*4+1)
}

Jan 2 2018 2:42 AM UTC

}// 127/140

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

u/sigveseb

Looks like a cd

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

t?x.lineWidth=1/(F=400):a=[];s=t*50.26;P=[F+C(s)*t*F,F+S(s)*t*F];a.push(P);for(V of a)x.moveTo(...V),x.lineTo(...P);t<2&&x.stroke()

Jan 2 2018 1:18 AM UTC

}// 131/140

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

cobweb challenge

u/donbright

awesome on chrome, blank on my firefox...
u/iverjo

#cobweb

show FPS hide FPS share 2 remixes fullscreen

rippedspine

function u(t) {

t||(a=b=X=Y=-9);r=c.width/c.clientWidth;
c.onmousemove=e=>{X=e.clientX*r;Y=e.clientY*r}
x.fillRect(a+=(X-a)*.2,b+=(Y-b)*.2,9,9)

Jan 1 2018 11:27 PM UTC

}// 127/140

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

Mouse over to draw!

Show more comments…
u/sigveseb

With some easing, nice
u/trupples

Nice!
u/Frndly

Thought you’d like to know this Is also super cool on mobile. Tap tap tap.
u/rippedspine

sweet :D
u/rippedspine

TODO: use e.x and e.y instead of e.clientX/Y to shave off some bytes - trupples
u/Galaxtone

I shaved off 24 bytes! https://www.dwitter.net/d/7696

show FPS hide FPS share 1 remix fullscreen

CliffJonesJr

function u(t) {

M=245
x.font='99px A'
onmousemove=e=>{x.fillStyle=R(a=e.shiftKey*M,b=e.ctrlKey*M,M-a-b,.2)
x.fillText('●',e.clientX*3.3,e.clientY*3.5)}

Jan 1 2018 11:16 PM UTC

}// 135/140

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

Finger painting! Blue is the default color. Hold SHIFT for red, CTRL for green, or SHIFT+CTRL for yellow.

Show more comments…
u/CliffJonesJr

TODO: Remix this to be mobile-friendly somehow. This works on a MacBook, but probably not much else since the scalars I use for clientX and clientY are very ad hoc.
u/trupples

Nice one! I love this wave of mouse input dweets :D Btw you can use e.x and e.y instead of e.clientX/Y to shave off some bytes
u/CliffJonesJr

@trupples Wha?!! Yeah, I should have tried that. Derp.
u/CliffJonesJr

Anybody know how I can make this more cross-platform? Remixes welcome!
u/wclang

Thanks, trupples, for the tip about mouse input!!
u/rippedspine

so nice! i solved the cross-platform thing in this dweet https://www.dwitter.net/d/5168 :D
u/CliffJonesJr

Thanks @rippedspine! I just posted a remix that works better across devices: https://www.dwitter.net/d/5403
u/iverjo

#interactive

show FPS hide FPS share fullscreen

RyanFelton

remix of d/5159 by u/RyanFelton

function u(t) {

c.width^=0;for(i=0;i++<4e3;){s=200;k=i%s;j=i/s;h=S(t+i/9);x.beginPath();p=s*h;x.strokeStyle=R(-p,p,s);x.arc(20*k,p+50*j,60,0,7);x.stroke();}

Jan 1 2018 11:15 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/iverjo

Nice colors

dwitter.net | rippedspine (3058)