Dweets awesomed by u/mmfun

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

ellisk1

function u(t) {

for(x.strokeStyle=R(x.fillRect(k=.2417,0,2e3,2e3),j=234);j--;x.arc(960,540,((j+t*3)%9)**2*15,a=j*k+C(t),a-k))if(!j%9)x.beginPath(x.stroke())

Dec 16 2018 5: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).

Endless Tunnel

u/katkip

The problem is there is actually no perspective you are entering a tunnel. The line width must be thicker in the edges

show FPS hide FPS share fullscreen

cantelope

remix of d/11424 by u/pavel

function u(t) {

eval(unescape(escape`景爨硛氽❦楬汓瑹汥❝㴧⌰〰㔧ⱸ学㴧晩汬剥捴❝⠰ⰰⱫ㴲攳Ⱬ⤻樽ⴭ款㸶㭸学崨⡩⵪⬴⤪本太本猽未术㈰ⱳ⤩椽欥㘴Ⱨ㴹㘰⼨㌸⵪⤬硛汝㵠桳污⠤笨夽⠸⭃⡩⼴⤪䌨⡴⨳〭橼〩⼴⤪㌩⤪㐰⬱㐰紬㤹┬㜰┬⸵总`.replace(/u(..)/g,"$1%")))

Dec 15 2018 3:06 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 2 remixes fullscreen

pavel

remix of d/11420 by u/cantelope

function u(t) {

j=t?j%6e3:P=[]
for(w=i=150;i--;c.width=-1)P[j++]=[40,8+S(i/4)*C(t*16)*3]
P.map((p,i)=>x.fillRect(w+(i%w-75)*(g=w/p[0]--),p[1]*g,s=g*g/23,s))

Dec 15 2018 7: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/katkip

#d3 #landscape Nice!!
u/pavel

#uncompressed

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;j=i-->>5;x.arc(98*(28-k*63+i%32*(4*k-2)+(j|t)%2+t%1/2+(.5-j%2)/(1+9e9**(j/9-t%1))),(j-k)*170,98,3*!k,3*k))k=i>>4&1
x.fill()

Nov 29 2018 12:18 AM UTC

}// 140/140

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

MORE disks >:) #beesandbombs

u/anotherkitten

stop being so good
u/katkip

i love your beesandbombs dweets
u/pavel

I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
u/pavel

I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
u/pavel

In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

show FPS hide FPS share fullscreen

katkip

remix of d/11139 by u/anotherkitten

function u(t) {

x.fillStyle=`hsl(${t*99} 50%${50+50*S(t*99)}%`;x.arc(960,540,t+S(t**5)*t,3+C(t*99)*3,3+S(t*66)*3);x.fill();x.drawImage(c,-72,-40,2064,1160)

Nov 25 2018 10:33 AM UTC

}// 139/140

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

Falling in the #illusion #waitforit stare in the middle for few seconds in fullscreen and see what happens

u/joeytwiddle

Yeah that's ... uh ... powerful!

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
O=t?O.filter(o=>x.fillRect(...o,_=2-o[1]++/400)|_>0):[]
for(i=9;i--;O.push([X,600,50]))x.fillRect(X=(4+i+S(t)*3)*99,400,50,200)

Nov 18 2018 1:07 PM UTC

}// 138/140

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

#default

u/jylikangas

Very nice!
u/DataMeta

Smooth

show FPS hide FPS share fullscreen

veubeke

remix of d/11008 by u/rnbw

function u(t) {

c.width^=0
for(j=12;j--;)
for(i=22;i--;)
x.fillStyle=`hsl(160,43%,${$=S((t+i+j)*3.14)*20+49}%)`,
x.fill(P=new Path2D,P.arc(99*i,99*j,$,0,7))

Nov 16 2018 11:51 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

pavel

remix of d/10922 by u/pavel

function u(t) {

with(x)for(c.width=960,s=270;s>2;stroke())rect(0,0,s*=.618,s),quadraticCurveTo(X=s*(.5+S(t)*.45),s-X,s,s),translate(s,s),rotate(T=S(t)*1.57)

Nov 10 2018 2:33 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/jonathan-potter

This is great! I spent some more time trying to use x.scale for sizing to make the math super pretty. It just ended up messier because linewidth needed modification :(

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=r=i=300;j=i--/46;f(),f(d=1.1+j),f(-d),f(X,d),f(X,-d))s=i?3:9,f=(a=X=S(A=j+3*t),b=C(A))=>x.fillRect(960+r*a-s,540+r*b-s,2*s,2*s)

Nov 8 2018 7:03 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/twitter

Ooh, nice! #trigonometry #educational
u/joeytwiddle

#math

show FPS hide FPS share fullscreen

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;T=(j,t)=>S(j*j+i/j-t*7)+C(j**5-i/j*7+t)**3)for(k=j=56;j-->-k;x.fillRect(i,a,1,(j>0)*T(j,t)*j/k-q*q))q=T(a=j/2+30,0)/j*2

Oct 31 2018 11:54 AM UTC

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

i love your #realistic design
u/jylikangas

YES!
u/aleamb

OMFG!
u/yonatan

:O https://twitter.com/aemkei/status/1057749002…
u/lionleaf

#landscape #water #mountains #real
u/sigveseb

Full-on insanity
u/iverjo

So good!
u/katkip

#d3
u/joeytwiddle

#scene
u/vain

beautiful work! titanic, iceberg ahead
u/jdspugh

Amazing!

dwitter.net | mmfun (2104)