Top dweets by u/jaemiejaemie

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 fullscreen

jaemiejaemie

function u(t) {

c.width=640;x.beginPath();for(i=0;i<640;i++){a=180;for(j=1;j<t*60%60;j+=~~(t)%2+1){a+=S((i+t*60)*j/20)*50/j}x.lineTo(i,a)}x.stroke()

Dec 27 2017 10:31 AM UTC

}// 132/140

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

demonstration of basic fourier curves (square/saw)

Show more comments…
u/sigveseb

Very cool!
u/joeytwiddle

Nice. DSP hero!
u/iverjo

Kudos!
u/RomanW

Excellent!
u/joeytwiddle

#math
u/katkip

#fourier

show FPS hide FPS share fullscreen

jaemiejaemie

function u(t) {

c.width=640;for(i=0;i<64;i++){for(j=0;j<36;j++){x.fillStyle= `hsl(${j-i+t*1000},50%,50%)`;x.fillRect(i*10,j*10,10,10)}}

Jan 2 2018 1:48 AM UTC

}// 119/140

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

not too complex but fun

u/iverjo

Now add this parrot on top: https://www.youtube.com/watch?v=ZQ1Qk-MLcw8

show FPS hide FPS share 1 remix fullscreen

jaemiejaemie

remix of d/4761 by u/jaemiejaemie

function u(t) {

x.beginPath();for(Z=c.width=i=640;i--;x.lineTo(C(i/8-t)*a+320,S((i-t)/8)*a+180))a=i*i/16;x.fillRect(0,0,Z,Z),x.strokeStyle='#fff';x.stroke()

Dec 29 2017 11:54 PM UTC

}// 140/140

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

xen helped me fix this, ty

u/Xen

no worries mate

show FPS hide FPS share 1 remix fullscreen

jaemiejaemie

function u(t) {

c.width=640;x.beginPath();for(i=0;i<300;i++){a=i*i/16;x.lineTo(C(i/8-t)*a+320,S((i-t)/8)*a+180);}x.strokeStyle='#000';x.stroke()

Dec 29 2017 11:38 PM UTC

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

jaemiejaemie

function u(t) {

c.width=640;var n=~~(t*36)%36,s=140,d=320,e=180,p=6.2831;x.beginPath();for(var i=1;i<=n+1;i++)x.lineTo(d+s*C(i*p/n),e+s*S(i*p/n));x.stroke()

Jan 4 2018 3:56 PM UTC

}// 140/140

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

polygon renderer, n = amount of sides

u/jaemiejaemie

pi*2 is approximated, original code borrowed from https://stackoverflow.com/questions/4839993/…
u/d0n.key

https://www.dwitter.net/d/8998 You can shorten it down easily - look at this for your next dweet.

show FPS hide FPS share fullscreen

jaemiejaemie

remix of d/4764 by u/jaemiejaemie

function u(t) {

for(x.beginPath(x.fillRect(0,0,c.width=i=640,i));i--;x.lineTo(C(i/t+t)*a+320,S(i/t+t*2)*a+180))a=i*2;x.strokeStyle=R(S(t*4)*255),x.stroke()

Dec 30 2017 12:16 AM UTC

}// 139/140

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

more insane golf from xen

u/Xen

shhhhh, its a secret ;-) lol

show FPS hide FPS share fullscreen

jaemiejaemie

function u(t) {

c.width=640;p=Math.PI;for(i=0;i<30;i++){x.beginPath();x.arc(320, 180, Math.pow((i+((t*5)%1)),2),0,2*p);x.stroke()}

Dec 29 2017 5:59 AM UTC

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

jaemiejaemie

function u(t) {

c.width=640;x.beginPath;a=320;b=180;c.onmousemove=e=>X=e.offsetX;for(i=0;i<360;i++){x.lineTo(a+S(i*S(X))*180,b+C(i*C(X))*180)}x.stroke();

Dec 28 2017 5:14 AM UTC

}// 137/140

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

use the mouse to create new images, mouse x code borrowed from #1629

u/Xen

thats where i got mine from LOL

show FPS hide FPS share fullscreen

jaemiejaemie

function u(t) {

c.width=1920;
  for(i=0;i<96;i++){for(j=0;j<54;j++){

  x.fillRect(i*20, j*20, S(i/100+t)*20, S(j/100+t)*20)

  }}

Dec 27 2017 12:17 AM UTC

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

jaemiejaemie

function u(t) {

c.width=1920;
for(i=0;i<192;i++)
x.fillRect(i*10,780-C(t*4)*100-S(i+t*100/8)*5, 10, 1080, 10)

Dec 27 2017 12:09 AM UTC

}// 93/140

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

You've reached the end.

dwitter.net | jaemiejaemie (81)