Dweets awesomed by u/yokljo

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

DirtyDan

function u(t) {

a=360
with(x)for(i=-1;i++<1;)for(j=0;j++<17;beginPath())arc(960,a+a*i,b=j*20,i?33/7:11/7,i?0:22/7,1),stroke(),fillRect(598+b+i*a,a,3,a)

Jun 9 2018 4:48 AM UTC

}// 135/140

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

Wanted to fit a thicker line width in but I didn't see a way to. I think it looks okay anyway.

u/DirtyDan

Inspired by: https://old.reddit.com/r/GeometryIsNeat/comm…
u/pythech

it is possible, remixed it with the thicker lines
u/pythech

the trick is x.lineWidth
u/DirtyDan

Yeah, I just couldn't fit it in 140 chars

show FPS hide FPS share 2 remixes fullscreen

robbyg

function u(t) {

t||(X=[...Array(50).keys()],Y=[...X]);for(i=50;i--;)h=X[i],x.fillRect(X[i]=950+(S(1*Y[i])-C(2*h))*440,Y[i]=550+(S(3*h)-C(4*Y[i]))*230,5,5)

Jun 8 2018 5:53 PM UTC

}// 138/140

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

Peter de Jong attractor. Changing the 1, 2, 3, 4 multipliers in the sine/cosine functions changes the shape.

u/robbyg

#attractor
u/rodrigo.siqueira

Robbyg, here is a smaller version with higher resolution. Same equation, no need to create array: t||(h=X=Y=0);for(i=950;i--;) X=950+(S(1*Y)-C(2*h))*440, Y=550+(S(3*h)-C(4*Y))*230, h=X,x.fillRect(X,Y,1,1)

show FPS hide FPS share fullscreen

yokljo

remix of d/8461 by u/yokljo

function u(t) {

for(i=192;i--;)for(j=54;j--;x.fillRect(i*10,j*20,10,20))x.fillStyle=R(o=Math.hypot((i+Math.random()*6-98)*3*t,(j-27)*6)%200*t*t,o/2-o%250)

Jun 8 2018 12:38 PM UTC

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

joeytwiddle

remix of d/8475 by u/pythech

function u(t) {

with(x)for(i=23;i--;t>2?fillText("debian",760,980):fillRect((r=70+180*t)*S(m=8*t**.5+t*i%1)+1e3,C(m)*r+390,i,i))fillStyle='#d15',font="9em'"

Jun 7 2018 6:14 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/aleamb

awesome, joeytwiddle
u/aleamb

#logo
u/joeytwiddle

This was mostly pythech, I just made it messier!
u/joeytwiddle

My favourite version (over limit): t=t**0.5;with(x)for(i=30;i--;t>2?fillText("debian",670,1e3):fillRect((r=70+80*t*t)*S(m=5.6*t+i/80+t*i%1)*.9+1e3,C(m)*r+390,9,9))fillStyle='#d15',font="14em'"
u/BirdsTweetCodersDweet

That one works if you remove the fillStyle ¯\_(ツ)_/¯.
u/pythech

awesome, this was what I was trying to do :D

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

r=Math.random
for(i=192;i--;)for(j=54;j--;x.fillRect(i*10,j*20,10,20))x.fillStyle=R(o=Math.hypot((i+r()*6-98)*6,(j-27)*6)%200*2.6,o/2-o%250)

Jun 6 2018 9:40 PM UTC

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

yokljo

remix of d/8459 by u/yokljo

function u(t) {

r=Math.random
for(i=k=80;i-->-k;)for(j=l=60;j-->-l;x.fillRect(k*12+i*12,(j+l)*9,12,9))x.fillStyle=R(o=255-i*i*r()+C(j/18)*90,o/2)

Jun 6 2018 9:26 PM UTC

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

yokljo

function u(t) {

r=Math.random
for(i=0;i<90;i++)for(j=0;j<90;x.fillRect(i*r()*25,j++*r()*13,9,9))x.fillStyle=R(i*3)

Jun 6 2018 9:07 PM UTC

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

pythech

remix of d/8455 by u/pythech

function u(t) {

with(x)for(i=200;i--;fillRect(i*9,!fillText("👤",i%9*200,i*30),9,2e3))fillStyle=`hsl(209,33%,${Math.abs((i+t*50)%62-31)*2+9}%)`,font="9em x"

Jun 6 2018 8:50 PM UTC

}// 139/140

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

works with apple emojis only

u/pythech

optical illusion, stare at it for a few seconds
u/DataMeta

cool!
u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

firegodjr

function u(t) {

r=Math.random
for(i=y=2e3;i--;)X=r()*y,Y=r()*y/2,x.fillStyle=R(f=(S(X/240-.8)*T(X/120+(X>960?t:-t))+S(Y/200-1))*128,f,f),x.fillRect(X,Y,9,9)

Jun 6 2018 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).

Tangent waves

show FPS hide FPS share 1 remix fullscreen

veubeke

remix of d/8399 by u/veubeke

function u(t) {

d=new Date%2
for(H=a=60;a--;)for(b=H;b--;x.fillRect(a+t*60%32*H,y,2,2))y=(d?H-a:a)/2+b+(t*60>>5)*30-H,x.fillStyle=R(255-y/5,b&&(d+3)*60-b)

Jun 5 2018 9:04 PM UTC

}// 138/140

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

Show more comments…
u/Xen

Love it!
u/yokljo

new Date%2 is incredible
u/lionleaf

Amazing! #maze
u/pythech

dope
u/magna

Veubeke strikes again.
u/katkip

A-maze-ing
u/katkip

#d3

dwitter.net | yokljo (12394)