Dweets awesomed by u/coderkid

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

snail

function u(t) {

x.transform(540,0,0,540,(c.width=1920)/2,540);
for(i=-t,n=20;n--;i+=t/8)
x.lineTo(C(i), S(i));
x.fill("evenodd");

Dec 26 2017 10:19 PM UTC

}// 113/140

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

u/sigveseb

starts of basic then gets pretty cool
u/lionleaf

It gets cooler and cooler the longer you wait!
u/vain

i love it

show FPS hide FPS share 2 remixes fullscreen

cantelope

function u(t) {

for(x.globalAlpha=.07,x.fillRect(0,0,q=i=2e3,q);i--;)x.clearRect(960+S(p=i/318)*(d=300+S(p*5+C(t/2)*9)*(140+S(t)*70)*C(t*2)),540+C(p)*d,9,9)

Sep 20 2017 4:28 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/lionleaf

So smooth!
u/cantelope

change p*5 to p*3 or whatever for different shapes <3

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/3119 by u/Xen

function u(t) {

x.globalAlpha=.008
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=(3e3);i--;)x.clearRect(frame*(i*i-(j=t*i%frame)*j)/(b=j*j+i*i),999-2*i*j*i/b,2,4)

Aug 29 2017 9:24 PM UTC

}// 138/140

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

thx Xen

u/Xen

Welcome ;-)
u/Xen

i just remixed your remix of my remix of your dweet, trying to message you, find me @xen_the
u/alien

wow

show FPS hide FPS share fullscreen

New_Core

remix of d/2828 by u/New_Core

function u(t) {

for(i=602;i--;x.fillStyle=`hsla(${i+99*S(f+S(i/f))},99%,50%,.05`)i<217?x.fillRect(0,5*i,2e3,5,f=t):x.fillRect(5*i-1085,0,5,1080,f=t*.5)

Jul 6 2017 8:18 PM UTC

}// 135/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!
u/alien

nice !
u/New_Core

#colorshock

show FPS hide FPS share fullscreen

donbright

remix of d/2627 by u/saschavoid

function u(t) {

onmousemove=e=>(阳=e.pageX/41,月=e.pageY/31)
x.globalAlpha=.1
for(x.fillRect(0,0,i=2e3,i);i--;)x.clearRect(i,500+99*(S(t*2+i/阳)+C(t+i/月)),1,9)

Apr 29 2017 12:10 PM UTC

}// 140/140

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

tone and overtone. (please move mouse over picture)

u/coderkid

lovely
u/gabrielsroka

#interactive

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

magna

remix of d/2374 by u/donbright

function u(t) {

x.globalAlpha=.08
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=半;i--;x.clearRect(2*半+i*C(T=t-(Math.random()<2e-4)*.2),半+i*S(T),8,8));

Apr 1 2017 2:30 PM UTC

}// 126/140

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

Golfed down by 11 characters. Can someone make this green?

u/magna

Can shave another 2 by: i=半=500
u/magna

Need to shave another 11 to fit c.style.background='#0f0'. Playing with x.fillStyle could be more expensive because of the need to switch back to black.
u/magna

Shaved down to 119: https://www.dwitter.net/d/2376
u/donbright

lol great
u/magna

#radar

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/2372 by u/cantelope

function u(t) {

x.globalAlpha=.08
半=500
x.fillRect(0,0,i=w=2e3,w)
for(i=500;i--;){
Math.random()>.9998?T=t-.19:T=t
x.clearRect(2*半+i*C(T),半+i*S(T),8,8)
}

Apr 1 2017 1:55 PM UTC

}// 137/140

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

99 luftballons

u/magna

Will golf this a bit to open up some space for the possibility of making this in green.
u/magna

Still not enough: https://www.dwitter.net/d/2375
u/magna

The time warping is a genius idea BTW!
u/donbright

thanks good luck on green
u/donbright

update to future ppl: see @mxfh https://www.dwitter.net/d/2408

show FPS hide FPS share fullscreen

sfz

function u(t) {

c.width|=h=540
z=S(t)
for(j=3;j>0;j-=.1)for(i=44;i--;)x.fillText(0,h*(2+S(j)**.3*(S(i)*C(t)+C(i)*z)),h*(.3+j/2+(C(i)*C(t)-S(i)*z)/(9+5*z)))

Mar 15 2017 6:10 AM UTC

}// 139/140

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

u/donbright

love the three d. i changed 'filltext(0 to filltext(i and went cross-eyed trying to figure out the pattern
u/sfz

Haha probably easier to figure out if you reduce the initial i to 6 and bump it up by 6 til you hit 44

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/1863 by u/SpecialAgent

function u(t) {

c.width=1024;w=64;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=128*((1-t*t)*X*X/(1+t*t)+2*t*Y*Y/(1+t*t)),x.fillRect(200+X*10,Y*10,P%11,P%11)

Mar 11 2017 2:03 AM UTC

}// 129/140

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

No Sine or Cosine were harmed in the making of this demo. It is not random - and if it runs long enough it should theoretically become a still image

u/sfz

Those ripples are tripping me out
u/donbright

note to future self - this varies from x*x + y*Y to x*x-y*y (circle to hyperbola) by using the rational parameterization of the circle with one variable parameter, where (1-t**2)/(1+t**2) is an alternate to cosine and 2t/(1+t**2) is an alternate to sine. (or vice versa i forget lol)
u/magna

Awesome!
u/z3vin

So cool

dwitter.net | coderkid (4566)